1
00:00:00,560 --> 00:00:08,419
Bueno, hoy vamos a hablar de Coespaces y vamos a trabajar Coespaces haciendo un scapegoat.

2
00:00:09,339 --> 00:00:14,060
Todo esto, así dicho, son demasiados problemas, así que vamos a ir de un lado.

3
00:00:14,759 --> 00:00:15,759
¿Qué es Coespaces?

4
00:00:16,399 --> 00:00:25,000
Coespaces es una plataforma que nos va a permitir trabajar la realidad virtual y la realidad aumentada online

5
00:00:25,000 --> 00:00:27,699
de una forma muy parecida a lo que haces tú.

6
00:00:27,699 --> 00:00:49,719
Si vamos por ejemplo aquí a la galería, pues podemos ver que hay muchos trabajos ya hechos, por ejemplo podemos pinchar en cualquiera de ellos, vamos a ver si este por ejemplo que es un poco lo que nos interesa que es programación y la programación un poco.

7
00:00:49,719 --> 00:00:52,600
entonces vemos que

8
00:00:52,600 --> 00:00:54,420
muchas

9
00:00:54,420 --> 00:00:56,640
las ventajas de Coispaces son más o menos

10
00:00:56,640 --> 00:00:58,719
las mismas que tenemos con Scratch

11
00:00:58,719 --> 00:01:00,159
y con App Inventor

12
00:01:00,159 --> 00:01:01,880
que es una plataforma online

13
00:01:19,719 --> 00:01:32,620
Y ya os digo que el funcionamiento es muy parecido a un Scratch, pero un poquito más complicado.

14
00:01:34,599 --> 00:01:39,040
Bueno, con las nuevas plataformas Scratch, a partir de este momento aquí tenemos...

15
00:01:39,040 --> 00:01:43,980
Lo primero que hay que saber es qué es un Skatebroom.

16
00:01:44,879 --> 00:01:50,239
Skatebroom es un juego, y ya os digo que es un juego en el que generalmente a través de una historia,

17
00:01:50,239 --> 00:02:04,799
pues hay que adivinar o realizar una serie de actividades con las cuales vamos a obtener una clave que abre generalmente un candado

18
00:02:04,799 --> 00:02:10,300
y que nos abre una fuerza que nos deja escapar de todo, por así decirlo, de ahí el nombre de Skateboard.

19
00:02:12,520 --> 00:02:18,000
Claro, lo primero que hay que hacer si yo quiero crear un skatebook es tener una historia.

20
00:02:18,000 --> 00:02:22,620
La historia pues cada uno la creará a su manera

21
00:02:22,620 --> 00:02:28,180
Sí que es cierto que es interesante que tenga ya un poco seleccionados los personajes

22
00:02:28,180 --> 00:02:30,800
Y un poco vista cómo va la historia

23
00:02:30,800 --> 00:02:35,340
Pero bueno, eso lo tenéis que crear vosotros

24
00:02:35,340 --> 00:02:38,479
En mi caso, la historia es la siguiente

25
00:02:38,479 --> 00:02:43,120
Pues Hello Kitty, que es un personaje como muy entrañable

26
00:02:43,120 --> 00:02:47,780
Ha sido atrapada por la bruja Avería

27
00:02:47,780 --> 00:02:49,740
que se la quiere comer

28
00:02:49,740 --> 00:02:51,520
entonces pues

29
00:02:51,520 --> 00:02:54,039
su ama que es Karen

30
00:02:54,039 --> 00:02:55,819
como todas las amas de gatas

31
00:02:55,819 --> 00:02:58,659
pues la quiere, la tiene que salvar

32
00:02:58,659 --> 00:02:59,479
¿vale?

33
00:03:01,439 --> 00:03:02,419
y para ello

34
00:03:02,419 --> 00:03:04,580
pues tendrá que esperar una serie de pruebas

35
00:03:04,580 --> 00:03:06,379
a partir de las cuales va a poder salvar

36
00:03:06,379 --> 00:03:08,439
eso es

37
00:03:08,439 --> 00:03:09,939
digamos la parte creativa

38
00:03:09,939 --> 00:03:12,080
un poco más creativa y más creatividad

39
00:03:12,080 --> 00:03:14,259
porque luego por los personajes y los objetos

40
00:03:14,259 --> 00:03:15,500
también se pueden hacer

41
00:03:15,500 --> 00:03:17,659
creativos

42
00:03:17,659 --> 00:03:20,340
aquí se puede trabajar mucho

43
00:03:20,340 --> 00:03:22,800
vamos a centrarnos un poco en lo que es

44
00:03:22,800 --> 00:03:24,539
el entorno de co-space

45
00:03:24,539 --> 00:03:26,699
este es un juego que ya ha sido creado

46
00:03:26,699 --> 00:03:28,819
así que casi que me voy a ir

47
00:03:28,819 --> 00:03:30,900
a crear un nuevo

48
00:03:30,900 --> 00:03:32,840
co-space para que

49
00:03:32,840 --> 00:03:34,560
veáis un poco como funciona

50
00:03:34,560 --> 00:03:36,919
aquí tenemos este co-space

51
00:03:36,919 --> 00:03:37,939
entonces

52
00:03:37,939 --> 00:03:40,439
lo primero que tenemos que elegir

53
00:03:40,439 --> 00:03:41,919
es que vamos a hacer

54
00:03:41,919 --> 00:03:45,060
si vamos a hacer un quiz, si vamos a hacer

55
00:03:45,060 --> 00:03:46,759
una actividad con el cubo

56
00:03:46,759 --> 00:03:48,780
Merge que después hablaremos del cubo de Merge

57
00:03:48,780 --> 00:03:50,860
cuando hablemos de realidad aumentada

58
00:03:50,860 --> 00:03:52,740
si vamos a hacer una imagen

59
00:03:52,740 --> 00:03:55,099
360 para lo cual se usa una cámara

60
00:03:55,099 --> 00:03:56,979
o si vamos a crear un entorno

61
00:03:56,979 --> 00:03:57,560
3D

62
00:03:57,560 --> 00:04:00,560
y aquí tenemos también

63
00:04:00,560 --> 00:04:02,620
pues una serie de

64
00:04:02,620 --> 00:04:05,039
objetos que nos van a permitir

65
00:04:05,039 --> 00:04:06,139
hacer una práctica

66
00:04:06,139 --> 00:04:08,419
antes de entrar

67
00:04:08,419 --> 00:04:10,560
un poco a hacer lo nuestro y que quizá

68
00:04:10,560 --> 00:04:12,240
pues si nos venga muy bien

69
00:04:12,240 --> 00:04:14,539
echar mano

70
00:04:14,539 --> 00:04:16,560
de estos objetos porque ahora veremos

71
00:04:16,560 --> 00:04:18,680
que hay una serie de elementos, nosotros vamos a escoger

72
00:04:18,680 --> 00:04:20,839
un entorno 3D

73
00:04:20,839 --> 00:04:22,600
y vamos a partir desde cero

74
00:04:22,600 --> 00:04:24,379
que aquí veis que tenéis pues

75
00:04:24,379 --> 00:04:26,839
muchas, también tenéis

76
00:04:26,839 --> 00:04:28,759
algunas ideas, vamos a partir

77
00:04:28,759 --> 00:04:30,120
de un entorno vacío

78
00:04:30,120 --> 00:04:34,589
y lo que nos llama la atención es que aquí

79
00:04:34,589 --> 00:04:36,449
en la parte superior pues tenemos

80
00:04:36,449 --> 00:04:38,529
una serie de elementos, tenemos el botón

81
00:04:38,529 --> 00:04:40,629
jugar, el botón programar

82
00:04:40,629 --> 00:04:42,529
que hablaremos después

83
00:04:42,529 --> 00:04:44,449
de él, el inicio

84
00:04:44,449 --> 00:04:46,329
¿vale? y

85
00:04:46,329 --> 00:04:50,310
Empezamos con inicio, hacer, deshacer

86
00:04:50,310 --> 00:04:52,709
Esta parte que es encajado

87
00:04:52,709 --> 00:04:53,269
¿Vale?

88
00:04:53,649 --> 00:04:56,329
Luego tenemos estos botones para las escenas

89
00:04:56,329 --> 00:04:58,589
Porque generalmente vamos a crear

90
00:04:58,589 --> 00:04:59,589
Más de una escena

91
00:04:59,589 --> 00:05:02,189
Y luego tenemos estos botones sobre todo

92
00:05:02,189 --> 00:05:03,449
Estos son para los objetos

93
00:05:03,449 --> 00:05:06,250
¿Vale? Y ahora el único objeto que tenemos aquí

94
00:05:06,250 --> 00:05:07,370
Es la cámara

95
00:05:07,370 --> 00:05:09,990
¿Vale? Y que si pinchamos aquí

96
00:05:09,990 --> 00:05:12,050
Los tres puntos, vemos que cada objeto

97
00:05:12,050 --> 00:05:13,629
Pues se tiene

98
00:05:13,629 --> 00:05:15,790
Diferentes, o sea, tiene el nombre

99
00:05:15,790 --> 00:05:21,649
que nosotros podemos cambiar el nombre, la propia cámara, ¿vale?

100
00:05:21,930 --> 00:05:25,610
Hay que hablar, transformar, apuntar, bloquear, etcétera.

101
00:05:25,670 --> 00:05:31,209
Con la cámara no lo vamos a ver, porque la cámara, ¿qué es lo que nos va a hacer?

102
00:05:31,329 --> 00:05:35,689
Bueno, la cámara hay que colocarla en algún lugar de nuestro escape room,

103
00:05:35,829 --> 00:05:38,329
porque es el que nos va a dar la perspectiva del escape room.

104
00:05:38,750 --> 00:05:42,069
O sea, que la cámara es muy importante, es un elemento muy importante.

105
00:05:42,069 --> 00:06:00,189
Si colocamos, por ejemplo, objetos detrás de la cámara, pues no se van a ver en el Skateboard, entonces hay que tener cuidado donde se coloca la cámara, y como vemos, pues la cámara también tiene la opción de ser programada, que algunas veces, como para algunas secuencias, veremos que eso es muy interesante.

106
00:06:00,189 --> 00:06:03,089
bien, aquí tenemos

107
00:06:03,089 --> 00:06:04,910
el catálogo, vale

108
00:06:04,910 --> 00:06:07,089
que tenemos

109
00:06:07,089 --> 00:06:08,329
un catálogo de objetos

110
00:06:08,329 --> 00:06:11,329
vale, y lo primero que tendremos

111
00:06:11,329 --> 00:06:12,829
es que coger el ambiente

112
00:06:12,829 --> 00:06:14,790
que sería algo así como el fondo

113
00:06:14,790 --> 00:06:17,170
para los que sabéis Scratch

114
00:06:17,170 --> 00:06:18,850
pues sería el fondo, vale

115
00:06:18,850 --> 00:06:21,029
y dentro de aquí pues podemos

116
00:06:21,029 --> 00:06:23,069
tenemos una galería

117
00:06:23,069 --> 00:06:24,949
de catálogos de las cuales podemos

118
00:06:24,949 --> 00:06:26,509
escoger, yo para mi

119
00:06:26,509 --> 00:06:29,029
he escogido esta, pero como

120
00:06:29,029 --> 00:06:30,889
veis tenéis otra, incluso

121
00:06:30,889 --> 00:06:34,949
podemos dividir

122
00:06:34,949 --> 00:06:37,029
nuestro sketchbook en dos partes

123
00:06:37,029 --> 00:06:38,829
la imagen del piso y

124
00:06:38,829 --> 00:06:41,129
el resto, podemos

125
00:06:41,129 --> 00:06:43,290
dar distintos efectos, por ejemplo

126
00:06:43,290 --> 00:06:45,310
veis que aquí hay como efecto de tal

127
00:06:45,310 --> 00:06:47,149
o un efecto burbujita

128
00:06:47,149 --> 00:06:49,329
o bueno, o sea, podemos darle

129
00:06:49,329 --> 00:06:50,889
distintos efectos al

130
00:06:50,889 --> 00:06:52,509
o de lluvia, ¿no?

131
00:06:52,910 --> 00:06:54,589
o de nieve, o tal

132
00:06:54,589 --> 00:06:57,389
que eso pues en algunas

133
00:06:57,389 --> 00:06:59,689
veces pues también nos va a ser interesante

134
00:06:59,689 --> 00:07:01,350
podemos usar distintos

135
00:07:01,350 --> 00:07:02,050
filtros

136
00:07:02,050 --> 00:07:05,470
vale, entonces pues

137
00:07:05,470 --> 00:07:07,430
bueno, dependerá, incluso podemos

138
00:07:07,430 --> 00:07:09,209
cargar, si tenemos

139
00:07:09,209 --> 00:07:11,410
porque estas imágenes generalmente

140
00:07:11,410 --> 00:07:12,529
son imágenes 360

141
00:07:12,529 --> 00:07:14,750
y casi nadie las tiene hechas

142
00:07:14,750 --> 00:07:17,029
se pueden hacer con el móvil

143
00:07:17,029 --> 00:07:19,529
la forma más barata

144
00:07:19,529 --> 00:07:20,709
es hacerlas con el móvil

145
00:07:20,709 --> 00:07:23,589
descargarse una aplicación

146
00:07:23,589 --> 00:07:25,870
360 y hacerse

147
00:07:25,870 --> 00:07:26,689
pues eso

148
00:07:26,689 --> 00:07:28,709
un ambiente 360

149
00:07:28,709 --> 00:07:31,649
entonces, bueno, pues ya tenemos

150
00:07:31,649 --> 00:07:32,649
nuestro entorno

151
00:07:32,649 --> 00:07:35,970
ya lo tenemos cargado

152
00:07:35,970 --> 00:07:49,750
y otra cosa que también

153
00:07:49,750 --> 00:07:51,790
podemos hacer, pues es cargar

154
00:07:51,790 --> 00:07:53,470
sonidos, vale

155
00:07:53,470 --> 00:07:55,529
entonces

156
00:07:55,529 --> 00:07:56,209
vamos

157
00:07:56,209 --> 00:07:59,750
bueno, de momento vamos

158
00:07:59,750 --> 00:08:00,430
a dejarlo

159
00:08:00,430 --> 00:08:02,350
vale

160
00:08:02,350 --> 00:08:05,689
entonces, ya tenemos cargado nuestro

161
00:08:05,689 --> 00:08:07,810
entorno, que más tenemos que hacer

162
00:08:07,810 --> 00:08:18,689
Pues ahora tenemos aquí que cargar nuestros objetos, o sea, tenemos cargado un entorno y ahora tendremos que escoger otros objetos.

163
00:08:20,149 --> 00:08:26,389
Vale, entonces aquí también tenemos distintas categorías de objetos y nosotros vamos escogiendo objetos.

164
00:08:26,389 --> 00:08:39,190
Por ejemplo, pues vamos a escoger a una señora, esta señora, que la colocamos en nuestro ambiente, ¿vale?

165
00:08:39,190 --> 00:09:17,909
Vale, este objeto, si os dais cuenta, cuando yo pincho sobre él, nos da la posibilidad de escalarle, ¿vale? De moverle, ¿vale? De girarle y luego nos da también más posibilidades como poder hablar, decir algo o pensar, hablar o pensar, ¿eh?

166
00:09:17,909 --> 00:09:29,429
Podemos decir, por ejemplo, pues soy fulanita, que bien que estoy aquí, por ejemplo.

167
00:09:30,470 --> 00:09:38,470
Podemos hacer algún tipo de animación, acciones, pues yo que sé, por ejemplo, que vamos a hacerle que baile.

168
00:09:40,950 --> 00:09:44,750
Podemos cambiar colores de su atuendo.

169
00:09:48,230 --> 00:09:50,789
Podemos cambiar la posición, etc.

170
00:09:50,789 --> 00:10:16,250
Entonces, vemos que después podemos hacer varias cosas con este objeto, igual que en Scratch, entonces cogemos los disfraces, los sonidos, ¿vale? Y una cosa, y vemos que aquí podemos también, esto lo veremos más tarde, juntar dos objetos y convertir uno solo, duplicar, borrar y una cosa importante es el código, ¿vale?

171
00:10:16,250 --> 00:10:18,889
porque es lo que nos va a permitir

172
00:10:18,889 --> 00:10:20,870
después programar, entonces hay

173
00:10:20,870 --> 00:10:22,830
que decir que vamos a usar

174
00:10:22,830 --> 00:10:24,850
los code blocks y que vamos

175
00:10:24,850 --> 00:10:27,049
a mostrar, cuando ya tenemos

176
00:10:27,049 --> 00:10:29,029
esto, si vamos aquí

177
00:10:29,029 --> 00:10:30,889
el punto este de código y cogemos

178
00:10:30,889 --> 00:10:32,409
code blocks, porque podemos hacer

179
00:10:32,409 --> 00:10:34,950
podemos usar python, podemos

180
00:10:34,950 --> 00:10:36,730
type script, o sea podemos usar

181
00:10:36,730 --> 00:10:39,210
javascript, lo más sencillo

182
00:10:39,210 --> 00:10:40,909
es desde luego usar los códigos

183
00:10:40,909 --> 00:10:42,769
entonces pues aquí

184
00:10:42,769 --> 00:10:44,330
vemos que tenemos pues

185
00:10:44,330 --> 00:10:47,250
distintos bloques de programación

186
00:10:47,250 --> 00:10:48,730
igual que teníamos en Scratch

187
00:10:48,730 --> 00:10:49,610
vale

188
00:10:49,610 --> 00:10:53,169
y bueno pues podemos decir

189
00:10:53,169 --> 00:10:54,289
vamos a por ejemplo

190
00:10:54,289 --> 00:10:56,909
hacer que la

191
00:10:56,909 --> 00:10:58,830
señora esta se mueva

192
00:10:58,830 --> 00:11:01,149
durante un segundo

193
00:11:01,149 --> 00:11:02,909
pues por ejemplo

194
00:11:02,909 --> 00:11:04,610
tres metros adelante

195
00:11:04,610 --> 00:11:06,850
y se va a mover

196
00:11:06,850 --> 00:11:09,070
en cinco segundos

197
00:11:09,070 --> 00:11:09,950
por ejemplo

198
00:11:09,950 --> 00:11:12,889
podemos mover

199
00:11:12,889 --> 00:11:14,230
de una posición a otra

200
00:11:14,330 --> 00:11:23,350
Podemos hacer que la señora gire, que se gire 180 grados a la derecha y que después se mueva.

201
00:11:24,730 --> 00:11:32,149
Tenemos también, podemos establecer variables, funciones, incluso tenemos funciones físicas.

202
00:11:32,149 --> 00:11:38,370
Por ejemplo, si tuviésemos una pelota que rebota o algo de eso, son efectos muy interesantes.

203
00:11:38,370 --> 00:11:41,470
y tenemos pues

204
00:11:41,470 --> 00:11:45,559
control, por ejemplo

205
00:11:45,559 --> 00:11:46,759
tenemos un por siempre

206
00:11:46,759 --> 00:11:49,299
un repetir, por ejemplo

207
00:11:49,299 --> 00:11:51,419
si esto lo ponemos en un repetir

208
00:11:51,419 --> 00:11:53,879
y lo repetimos

209
00:11:53,879 --> 00:11:55,899
cuatro veces

210
00:11:55,899 --> 00:11:57,600
pues tendremos otro efecto

211
00:11:57,600 --> 00:11:59,700
entonces esto pues

212
00:11:59,700 --> 00:12:01,320
más o menos lo tenéis que ir viendo

213
00:12:01,320 --> 00:12:02,279
entonces si yo ahora

214
00:12:02,279 --> 00:12:05,039
a esta señora le doy al botón jugar

215
00:12:05,039 --> 00:12:07,299
pues vemos que nos hace

216
00:12:07,299 --> 00:12:08,240
el bailecito

217
00:12:08,240 --> 00:12:10,379
no se nos mueve

218
00:12:10,379 --> 00:12:11,440
y va

219
00:12:11,440 --> 00:12:13,019
pues eso

220
00:12:13,019 --> 00:12:18,580
esto es prácticamente ya lo básico

221
00:12:18,580 --> 00:12:20,179
porque ya con esto ya pues

222
00:12:20,179 --> 00:12:21,820
prácticamente podéis hacer

223
00:12:21,820 --> 00:12:23,159
lo que queráis

224
00:12:23,159 --> 00:12:26,879
o sea ya es cuestión un poco de imaginación

225
00:12:26,879 --> 00:12:28,379
la cámara

226
00:12:28,379 --> 00:12:29,460
como os he dicho también

227
00:12:29,460 --> 00:12:31,519
se puede mover, entonces fijaros

228
00:12:31,519 --> 00:12:32,919
si yo muevo la cámara aquí

229
00:12:32,919 --> 00:12:36,059
la perspectiva es diferente

230
00:12:36,059 --> 00:12:42,059
además

231
00:12:42,059 --> 00:12:44,580
de eso están las escenas

232
00:12:44,580 --> 00:12:47,000
no sé si habéis hecho

233
00:12:47,000 --> 00:12:48,799
con Scratch

234
00:12:48,799 --> 00:12:50,679
alguna vez lo del cambio de escenario

235
00:12:50,679 --> 00:12:52,879
pues aquí podemos ir

236
00:12:52,879 --> 00:12:54,940
escogiendo todas las

237
00:12:54,940 --> 00:12:56,820
escenas que nosotros queramos crear

238
00:12:56,820 --> 00:12:58,360
podemos crear otra escena

239
00:12:58,360 --> 00:13:00,820
partiendo desde cero y repitiendo

240
00:13:00,820 --> 00:13:02,720
todo ello y entonces podemos

241
00:13:02,720 --> 00:13:04,899
enlazar después ahí aquí un código

242
00:13:04,899 --> 00:13:08,919
que nos va a permitir enlazar unas escenas con otras para darle

243
00:13:08,919 --> 00:13:13,200
un poco de realidad a la historia que estamos contando.

244
00:13:14,659 --> 00:13:15,179
Vale.

245
00:13:16,299 --> 00:13:17,820
Con lo que sabéis de programación,

246
00:13:17,919 --> 00:13:20,840
que ya sabéis bastante, ya sabéis las estructuras

247
00:13:20,840 --> 00:13:24,019
algorítmicas, si habéis utilizado Scratch y App Inventor,

248
00:13:24,700 --> 00:13:30,080
yo creo que con esto ya sabéis un poco cómo funciona CoeSpace.

249
00:13:30,940 --> 00:13:34,759
Y yo creo que con esto ya tenéis suficiente para poder crear

250
00:13:34,759 --> 00:13:36,220
vuestro propio sketch room

251
00:13:36,220 --> 00:13:37,259
y

252
00:13:37,259 --> 00:13:39,919
hacer la actividad

253
00:13:39,919 --> 00:13:42,659
de cualquier forma os dejo un ejemplo

254
00:13:42,659 --> 00:13:44,059
que he hecho yo

255
00:13:44,059 --> 00:13:46,480
desde luego no tiene por qué

256
00:13:46,480 --> 00:13:48,600
yo quizá lo he hecho

257
00:13:48,600 --> 00:13:50,200
un poco más complejo de lo que vosotros

258
00:13:50,200 --> 00:13:52,639
podréis hacerlo, pero no tiene por qué

259
00:13:52,639 --> 00:13:54,639
ser tan complejo, vosotros escogéis

260
00:13:54,639 --> 00:13:56,720
vuestros personajes, escogéis

261
00:13:56,720 --> 00:13:57,659
vuestros sonidos

262
00:13:57,659 --> 00:14:00,220
escogéis vuestra programación

263
00:14:00,220 --> 00:14:01,519
y escogéis vuestra historia

264
00:14:01,519 --> 00:14:03,279
y es vuestra historia

265
00:14:03,279 --> 00:14:05,740
y puede estar también como la mía

266
00:14:05,740 --> 00:14:07,980
¿vale? entonces pues bueno

267
00:14:07,980 --> 00:14:09,360
con esto yo creo que

268
00:14:09,360 --> 00:14:12,120
la explicación básica de funcionamiento de Codespace

269
00:14:12,120 --> 00:14:13,899
y para hacer vuestro

270
00:14:13,899 --> 00:14:15,639
escape loop yo creo que tenéis suficiente

271
00:14:15,639 --> 00:14:17,919
y dejamos este tutorial hasta

272
00:14:17,919 --> 00:14:18,399
la próxima