1
00:00:00,370 --> 00:00:09,890
Cuatro minutos con Félix. Programación, tecnología, robótica, aulas virtuales, actividades y recursos para trabajar en primaria.

2
00:00:10,390 --> 00:00:15,330
Hola, buenos días. Pues vamos a hacer un pequeñito videotutorial. Estamos trabajando con MakeCode Arcade

3
00:00:15,330 --> 00:00:20,010
y lo que estamos viendo es que tenemos muchos videotutoriales para trabajar.

4
00:00:20,149 --> 00:00:29,050
Yo me he cogido este y este justo va de que tienes una cuadrícula, un grid, donde el topo va saliendo aquí, aquí o aquí.

5
00:00:29,050 --> 00:00:33,049
Y digo, bueno, y entonces te podrás crear tú la cuadrícula, ¿no?

6
00:00:33,070 --> 00:00:38,030
En estos tutoriales ya te viene creada y luego tenemos más videotutoriales.

7
00:00:38,070 --> 00:00:44,310
Desde luego tenemos code.rg que va muy bien, pero también tenemos otros que van muy bien

8
00:00:44,310 --> 00:00:46,770
y los tenemos que dar una vuelta si lo queremos enseñar.

9
00:00:47,149 --> 00:00:51,710
Entonces, diciendo, oye, ¿esto se puede hacer? Pues vamos a ver si se puede hacer.

10
00:00:51,710 --> 00:00:58,950
y aquí lo tenemos, nos hemos hecho unas cuadrículas donde nuestros personajes,

11
00:00:59,170 --> 00:01:02,969
si nos fijamos, solo se mueven en las cuadrículas, no pueden ir verticales,

12
00:01:03,049 --> 00:01:06,069
no pueden ir de cualquier manera, sino va de cuadrícula en cuadrícula.

13
00:01:06,069 --> 00:01:09,769
Y nuestro caballero lo que tiene que hacer es perseguir al fantasma

14
00:01:09,769 --> 00:01:18,370
y cuando toca al fantasma, pues le quita una vida y ya se trataría de contra.

15
00:01:18,370 --> 00:01:24,390
Antes mates al fantasma o antes toques al fantasma, las tres veces ya ganas, ¿no?

16
00:01:24,909 --> 00:01:26,349
Pasa que se me está haciendo fatal.

17
00:01:27,129 --> 00:01:32,069
Y lo que pasa es que luego, para cada vez que le quitas una vida al fantasma,

18
00:01:32,549 --> 00:01:36,290
lo que hacemos es que nos vamos a esta posición y el fantasma se viene a esta posición

19
00:01:36,290 --> 00:01:38,329
para que no puedas cogerle.

20
00:01:38,430 --> 00:01:43,069
Y luego, pues, vamos a ver cómo podemos hacer que sea más fácil o más difícil el juego.

21
00:01:43,069 --> 00:02:01,030
Pero bueno, si nos fijábamos que en este teníamos 1, 2, 3, 4, 1, 2, 3, 4 por 3, 12, aquí lo que nos hemos hecho nosotros es hacernos un tablero de ajedrez, aunque lo hemos tenido que ampliar un poquito, 1, 2, 3, 4, 5, 6, 7, 8, 9, de 10, 10 por 8.

22
00:02:01,030 --> 00:02:15,629
Y bueno, pues ahí para mover con las flechas a nuestro personaje y para entender lo que es una cuadrícula, lo que son filas y columnas, que la verdad que Arcade funciona muy bien en ese sentido, sobre todo porque trabajamos con píxeles.

23
00:02:16,009 --> 00:02:22,710
Pues vamos a ver el código. Bueno, del código lo primero que tenemos que ver es que hay que ir a por una extensión que se llama Grid.

24
00:02:22,710 --> 00:02:40,789
Si estamos aquí, nos hacemos un nuevo proyecto, no nos lo vamos a encontrar, nos tenemos que ir a extensiones, ponemos grid y aquí en marroncito pues ya nos sale arcade grid y ya lo tenemos.

25
00:02:41,789 --> 00:02:51,669
Y nos vienen todos estos bloques de dónde lo vas a colocar, de cómo se va a mover, de dónde lo localizamos y luego esto de numeración que no he trasteado yo mucho,

26
00:02:51,669 --> 00:02:58,330
pero debe ser la organización dentro de las filas y las columnas bueno pues nos vamos al

27
00:02:58,330 --> 00:03:04,509
nuestro y lo primero que tenemos que hacer es al iniciar pues asentar nuestro juego asentar

28
00:03:04,509 --> 00:03:10,330
el mundo donde nos vamos a mover yo siempre le pongo un splash le podríamos poner más splash

29
00:03:10,330 --> 00:03:17,090
explicando el juego porque claro tú abres aquí y que no saben no

30
00:03:17,090 --> 00:03:26,129
1 2 y bueno pues lo vamos

31
00:03:26,129 --> 00:03:31,689
ahí tenemos los tres en el menor tiempo posible y no va por tiempo de segundo

32
00:03:31,689 --> 00:03:34,949
sino va por veces que se mueve el fantasma cada vez que se mueve el

33
00:03:34,949 --> 00:03:38,370
fantasma pues sumamos una hora lo veremos pero aquí viene lo importante

34
00:03:38,370 --> 00:03:42,750
Fijar mapa de teselas a mapa de teselas y aquí es donde lo vamos a tener.

35
00:03:43,210 --> 00:03:53,129
Nosotros normalmente trabajamos con nuestra galería, tenemos aquí este, vamos cogiendo las baldosas que vamos queriendo poner,

36
00:03:53,669 --> 00:04:00,090
pero también podemos dentro de nuestras baldosas crearlas nosotros y entonces creamos una nueva

37
00:04:00,090 --> 00:04:06,090
y yo en este caso pues me he hecho tres, he hecho una blanca, una negra y una de ajedrez,

38
00:04:06,090 --> 00:04:27,709
Pero si quisiéramos hacernos, y esto es lo bueno que tiene Maze Cause Arcade, que es que tiene mucha creatividad, si yo me quiero hacer ahora baldosas que sean de este estilo, o bueno, o que son como si fuera una columna, o como si fuera una carretera, o como si fuera lo que quisiera yo hacer, que es que eso es lo bueno que tenemos.

39
00:04:27,709 --> 00:04:41,629
Y sobre todo que se crea facilísimamente y que nuestros chicos y nuestras chicas pues tienen un planteamiento y una estética respecto a los píxeles que la verdad que hacen cosas maravillosas.

40
00:04:43,709 --> 00:04:47,509
Bueno, pues aquí tendríamos y las vamos haciendo y las vamos colocando.

41
00:04:48,370 --> 00:04:54,850
Ya la tenemos lista y esta baldosa es la que podríamos poner donde quisiéramos y haríamos nuestra baldosa.

42
00:04:55,329 --> 00:04:59,509
Yo la he querido hacer de 8x8, pero sí, yo creo que la pantalla es de 10x8.

43
00:04:59,970 --> 00:05:02,389
Y entonces la he puesto de 10x8.

44
00:05:02,670 --> 00:05:09,350
Hemos hecho este tablero de ajedrez, simplemente haciendo clic y lo podríamos ir modificando.

45
00:05:09,350 --> 00:05:13,230
Le voy a modificar esto un poquito, que yo creo que va a quedar.

46
00:05:14,269 --> 00:05:18,610
Bueno, pues ya una vez que lo tenemos, un mapa de teselas, que esto lo hemos usado muchísimas veces.

47
00:05:18,750 --> 00:05:19,569
A ver cómo nos queda.

48
00:05:21,389 --> 00:05:23,730
Mira, pues nos lo ha cambiado, nos lo creamos.

49
00:05:23,730 --> 00:05:28,129
Luego, fijaros nuestros jugadores, que esto ya lo hemos hecho muchas veces en objetos

50
00:05:28,129 --> 00:05:30,910
Cogemos aquí este bloque, ya lo tenemos

51
00:05:30,910 --> 00:05:34,990
Y lo único que vamos a tener es un jugador y un enemigo

52
00:05:34,990 --> 00:05:39,990
Como hay dos personajes, pues dos personajes, uno jugador y otro enemigo

53
00:05:39,990 --> 00:05:45,470
Y luego aquí ya nos vamos a nuestro bloque que hemos puesto a nuestra extensión de grid

54
00:05:45,470 --> 00:05:50,470
Lo primero lo vamos a colocar, vamos a colocar el grid en su lugar

55
00:05:50,470 --> 00:05:59,209
grid place my sprite on top of y aquí es donde lo vamos a llevar el personaje al que llamamos

56
00:05:59,209 --> 00:06:05,970
jugador lo ponemos en el 5 5 que sería en el medio por aquí y a nuestro fantasma en el 0 0

57
00:06:05,970 --> 00:06:15,569
empezamos de ahí y luego le tenemos que nos vamos aquí a grid snap nuestro jugador o nuestro enemigo

58
00:06:15,569 --> 00:06:16,350
al grid

59
00:06:16,350 --> 00:06:19,329
y aquí hemos puesto estos dos bloques

60
00:06:19,329 --> 00:06:20,970
snap jugador to grid

61
00:06:20,970 --> 00:06:22,250
y al enemigo también

62
00:06:22,250 --> 00:06:24,930
porque aquí al enemigo también le he puesto

63
00:06:24,930 --> 00:06:26,810
porque mi idea principal era

64
00:06:26,810 --> 00:06:29,129
decir que nuestro personaje

65
00:06:29,129 --> 00:06:31,269
el enemigo siguiera

66
00:06:31,269 --> 00:06:33,189
siguiera

67
00:06:33,189 --> 00:06:34,769
nuestro jugador

68
00:06:34,769 --> 00:06:37,029
y entonces no le había puesto

69
00:06:37,029 --> 00:06:37,670
este bloque

70
00:06:37,670 --> 00:06:41,209
y tenía a mi enemigo

71
00:06:41,209 --> 00:06:43,389
moviéndose pues libremente

72
00:06:43,389 --> 00:06:50,730
por el tablero sin respetar las casillas. Vamos a ver cómo lo hacíamos, ese enemigo,

73
00:06:51,269 --> 00:06:59,959
ahí lo tengo, y a ver cómo lo hace. ¿Ves? Y lo hacía así, directamente, sin respetar

74
00:06:59,959 --> 00:07:07,000
lo que sería la cuadrícula. Luego ya le poníamos este bloque, no nos lo estaba y

75
00:07:07,000 --> 00:07:13,139
nos iba, este nos iba directamente. Entonces, no es lo que queríamos, porque moviéndose

76
00:07:13,139 --> 00:07:15,600
uno y tal, entonces este lo quitábamos

77
00:07:15,600 --> 00:07:17,079
le he puesto este

78
00:07:17,079 --> 00:07:19,319
que yo creo que funciona, no sé

79
00:07:19,319 --> 00:07:20,120
y

80
00:07:20,120 --> 00:07:23,180
luego lo que hacemos es que nuestro

81
00:07:23,180 --> 00:07:25,019
ahora veremos como se mueve

82
00:07:25,019 --> 00:07:27,139
nuestro fantasma, y luego nuestro

83
00:07:27,139 --> 00:07:28,660
jugador se mueve con los botones

84
00:07:28,660 --> 00:07:31,279
esto es muy sencillo, aquí nuestro jugador

85
00:07:31,279 --> 00:07:32,540
se mueve con los botones

86
00:07:32,540 --> 00:07:36,379
no sé si lo estoy haciendo

87
00:07:36,379 --> 00:07:38,759
bien, pero ahí vamos

88
00:07:38,759 --> 00:07:41,180
luego lo que hacemos es

89
00:07:41,180 --> 00:07:42,959
como tenemos aquí este

90
00:07:42,959 --> 00:07:44,500
poquito, no sé yo por qué

91
00:07:44,500 --> 00:07:48,800
Bueno, pues que permanezcan en la pantalla y que rebote en la pared.

92
00:07:49,160 --> 00:07:55,220
Esto, sobre todo por este, porque le estábamos dando que se mueva a tres, pues oye, pues si hace así y rebota, pues mejor.

93
00:07:55,420 --> 00:07:57,879
Y si no se queda ahí, tampoco es un problema.

94
00:07:58,480 --> 00:08:06,000
Le hemos puesto puntuaje a cero, porque cada vez que se mueve nuestro fantasma le damos un punto y tenemos tres vidas.

95
00:08:06,439 --> 00:08:12,100
Y, claro, de esto se trata de llegar tres veces a nuestro fantasma en el menor tiempo posible.

96
00:08:12,100 --> 00:08:23,680
Normalmente lo tenemos como la máxima puntuación el mayor tiempo posible, pero aquí lo podemos tener como el más bajo, contra menos tardes, mejor puntuación.

97
00:08:24,459 --> 00:08:27,040
Y aquí viene ya nuestro personaje.

98
00:08:27,480 --> 00:08:39,820
Y para mover a nuestro personaje, este sí que es importante, que no lo queríamos que hiciera ahí a través del tablero, pues nos íbamos a esta grid y aquí lo tenemos, mover.

99
00:08:39,820 --> 00:08:45,879
y le decíamos que movíamos aquí al enemigo y hombre pues lo podíamos poner de uno en uno

100
00:08:45,879 --> 00:08:51,340
pues aquí es también como vamos a hacer para que sea el juego más fácil o más difícil

101
00:08:51,340 --> 00:08:55,340
le podemos poner de uno en uno y entonces siempre va a ser la diagonal

102
00:08:55,340 --> 00:08:59,259
pero claro haciendo la diagonal pues te vas a encontrar pronto

103
00:08:59,259 --> 00:09:04,320
entonces tenemos que meter el bloque del azar que tenemos en matemáticas

104
00:09:04,320 --> 00:09:14,960
Se escogerá al azar y ya ahí no nos va a hacer una diagonal, sino que nos puede hacer tres para la derecha y uno para abajo o tres para la derecha y uno para arriba.

105
00:09:15,080 --> 00:09:20,759
Si está aquí yo creo que no va a hacer nada, pero ahí es donde se va a mover de distinta manera.

106
00:09:21,899 --> 00:09:31,179
Y aquí pues también podemos ponerle, oye, que solo se mueva entre menos uno y uno y va a ser más fácil de cazar nuestro fantasma.

107
00:09:31,179 --> 00:09:39,559
Vamos, le hemos puesto uno, el otro lo hemos dejado como estaba, yo imagino que hará movimientos más fáciles.

108
00:09:40,100 --> 00:09:47,740
Ya le hemos cogido uno, le hemos cogido dos, porque siempre va de uno en uno en el eje X.

109
00:09:47,899 --> 00:09:55,779
Bueno, pues ahí tenemos, pues dependiendo de qué edad estemos trabajando, porque también este, programar esto con los de sexto,

110
00:09:55,779 --> 00:10:00,379
para que los de primeros cursos empiecen a trabajar con el cursor, pues es una buena idea.

111
00:10:00,379 --> 00:10:03,659
esto que está ahí fuera, la verdad que

112
00:10:03,659 --> 00:10:05,740
este bloque, el de situar

113
00:10:05,740 --> 00:10:07,899
nuestro escenario

114
00:10:07,899 --> 00:10:09,600
ya lo tenemos, claro

115
00:10:09,600 --> 00:10:11,940
si no quedan vidas, que decimos que perdemos

116
00:10:11,940 --> 00:10:13,799
no, normalmente perdemos, pero en este

117
00:10:13,799 --> 00:10:15,840
caso ganaste, hemos cogido

118
00:10:15,840 --> 00:10:17,480
el bloque de actualizar

119
00:10:17,480 --> 00:10:19,580
este es muy importante, el de actualizar

120
00:10:19,580 --> 00:10:21,600
y aquí lo mismo, si le ponemos

121
00:10:21,600 --> 00:10:24,299
cada 200 milisegundos

122
00:10:24,299 --> 00:10:26,259
nuestro personaje, nuestro fantasma

123
00:10:26,259 --> 00:10:28,019
se va a mover muy rápidamente

124
00:10:28,019 --> 00:10:30,120
y nos lo va a poner muy difícil

125
00:10:30,120 --> 00:10:39,259
ahí está moviéndose muy difícil y nos cuesta si lo ponemos hombre yo lo he puesto a un segundo y es

126
00:10:39,259 --> 00:10:44,519
que es muy fácil pues tiene que ser algo intermedio dependiendo de la dificultad que queramos y por

127
00:10:44,519 --> 00:10:51,679
eso cambiamos el puntuaje cada vez que mueve cada vez que ocurren 20 milisegundos o sea cada segundo

128
00:10:51,679 --> 00:10:59,019
son 5 puntos contra antes llegues menos puntos sumas y aquí ya tenemos el último que yo me estaba

129
00:10:59,019 --> 00:11:07,899
acostumbrando a utilizar los de los de lógica sí pero luego también muchas veces para cuando un

130
00:11:07,899 --> 00:11:15,399
personaje toca a otro usamos el de objetos cuando cuando el spray de tipo players de players eso

131
00:11:15,399 --> 00:11:22,480
superpone pues ahí lo tenemos y que le decimos que cuando el enemigo se superpone sobre el jugador le

132
00:11:22,480 --> 00:11:28,899
quitamos la vida a uno ahí vamos haciendo mandábamos a nuestro enemigo al 0 0 que estaba aquí

133
00:11:28,899 --> 00:11:30,679
y al nuestro nos lo ponemos aquí

134
00:11:30,679 --> 00:11:32,960
porque si no

135
00:11:32,960 --> 00:11:34,740
tú le dabas aquí, se te volvió aquí

136
00:11:34,740 --> 00:11:36,980
le volvías a dar y bueno, pues ahora que haya

137
00:11:36,980 --> 00:11:39,019
esa distancia y que le demos ese tiempo

138
00:11:39,019 --> 00:11:40,879
para que el fantasma se mueve

139
00:11:40,879 --> 00:11:42,460
y no sea tan fácil

140
00:11:42,460 --> 00:11:44,659
tenemos una musiquita y le hemos

141
00:11:44,659 --> 00:11:46,720
pausado este bloque, la verdad

142
00:11:46,720 --> 00:11:48,980
que me está funcionando, como le cambies

143
00:11:48,980 --> 00:11:50,720
los lugares

144
00:11:50,720 --> 00:11:53,200
te da error, pero con este está funcionando

145
00:11:53,200 --> 00:11:54,860
no sé si me está haciendo esta pausa

146
00:11:54,860 --> 00:11:56,840
pero bueno, hace que el juego

147
00:11:56,840 --> 00:12:15,740
Vamos a ponerle a 200 a medio segundo, aquí entre 3 y menos 3 y bueno, más o menos para mí, ya tengo un puntico ahí, una vida que le he quitado, otra y otra.

148
00:12:15,740 --> 00:12:22,860
Y luego pues vamos a ver cómo son las situaciones en la cuadrícula.

149
00:12:23,039 --> 00:12:34,759
El 0, 0 es este, vamos a coger a nuestro jugador, al jugador, le vamos a poner en el X 0 y 1,

150
00:12:35,700 --> 00:12:46,809
a ver, en la columna 0 y fila 1, y vamos a ver dónde nos lo lleva, ahí nos lo ha llevado.

151
00:12:46,809 --> 00:13:08,929
Si le ponemos en la fila 2, pues va a bajar, en la 3 pues baja 1, ahí la tenemos en los 3, y luego pues las columnas, pues eso, 1, 2, 3, pues vamos a irnos al 5, hacemos 1, 2, 3, bueno igual este es el 0, 1, 2, 3, 4, 5, 6, 7, 8 y 9.

152
00:13:08,929 --> 00:13:12,370
Vamos a ver si nos podemos ir a la columna 9.

153
00:13:14,389 --> 00:13:17,809
Y nosotros, si nos acordábamos, teníamos 10.

154
00:13:18,230 --> 00:13:21,009
0, 1, 2, 3, 4, 5 y 6.

155
00:13:21,509 --> 00:13:22,590
Pues mira, aquí 6.

156
00:13:23,309 --> 00:13:24,429
A ver si nos lo lleva ahí.

157
00:13:25,809 --> 00:13:26,649
Ahí nos lo lleva.

158
00:13:26,889 --> 00:13:29,710
Y lo que veíamos, pues mira, teníamos hasta 9.

159
00:13:30,230 --> 00:13:36,090
Sin embargo, nuestro mapa de teselas contábamos 1, 2, 3, 4, 5, 6, 7, 8, 9 y 10.

160
00:13:36,389 --> 00:13:37,850
Esta no la estamos teniendo.

161
00:13:37,850 --> 00:13:42,110
y 1, 2, 3, 4, 5, 6, 7, 8

162
00:13:42,110 --> 00:13:47,909
este 8 ahí nos la estaba cogiendo un poquito por abajo

163
00:13:47,909 --> 00:13:51,250
vamos a ver si lo podíamos llevar a este personaje

164
00:13:51,250 --> 00:13:53,690
al 9, 8

165
00:13:53,690 --> 00:13:57,230
ese es el 6, el 7 y el 8

166
00:13:57,230 --> 00:13:59,149
yo creo que el 8 nos lo estaba cogiendo

167
00:13:59,149 --> 00:14:02,759
9, 8 no nos lo lleva

168
00:14:02,759 --> 00:14:03,600
9, 7

169
00:14:03,600 --> 00:14:07,179
el 9, 7, 100

170
00:14:07,179 --> 00:14:13,200
que para crearme uno de 9, 7, 9 columnas y 7 filas puedo.

171
00:14:13,620 --> 00:14:19,200
Y que nuestro personaje se va moviendo así, va yendo a las cuadrículas

172
00:14:19,200 --> 00:14:24,320
y que voy a trabajar las flechas y que, bueno, pues he cogido una extensión nueva

173
00:14:24,320 --> 00:14:28,259
y la verdad que me he movido solamente por estos parámetros.

174
00:14:28,720 --> 00:14:34,000
Aquí no me he metido, pero oye, hay que ser un poquito animado para estas cosas.

175
00:14:34,000 --> 00:14:44,559
Y sobre todo, tener la mente abierta para que cuando tenemos aquí muchos videotutoriales, pues utilizarlos y seguramente que le encontremos muchos juegos.

176
00:14:44,679 --> 00:14:46,379
Porque a mí este es el que se me ha ocurrido.

177
00:14:47,519 --> 00:14:52,080
Pero desde luego, aquí el tablero de ajedrez y este que parece un mexicano.

178
00:14:52,500 --> 00:15:02,460
Pero si coges un conejo, estos en vez de usar un tablero de ajedrez, te vas y utilizas el césped y les haces unas cuadrículas ahí.

179
00:15:02,460 --> 00:15:04,399
porque bueno, aquí en la galería tenemos

180
00:15:04,399 --> 00:15:06,379
muchas, o sea que tenemos

181
00:15:06,379 --> 00:15:08,580
mucho y luego lo de poder editar nuestras

182
00:15:08,580 --> 00:15:10,179
baldosas, pues fíjate

183
00:15:10,179 --> 00:15:12,399
la de cosas que podemos hacer, si las

184
00:15:12,399 --> 00:15:14,419
ponemos ahí todos con un diseño

185
00:15:14,419 --> 00:15:16,419
se quedaría muy bien, bueno pues

186
00:15:16,419 --> 00:15:18,480
espero que le veáis utilidad, muchísimas

187
00:15:18,480 --> 00:15:19,440
gracias, un saludo