Saltar navegación

Activa JavaScript para disfrutar de los vídeos de la Mediateca.

ATRAPAMANZANAS - Contenido educativo

Ajuste de pantalla

El ajuste de pantalla se aprecia al ver el vídeo en pantalla completa. Elige la presentación que más te guste:

Subido el 26 de marzo de 2025 por Isabel L.

12 visualizaciones

Más información Transcripción

Descargar la transcripción

El atrapa manzanas, bueno esto ya lo habíamos empezado en clase pero voy a empezarlo desde el principio, vale, voy a mis proyectos, le doy a un nuevo proyecto y vamos a poner atrapa manzanas 3, ya hemos dicho que nosotros ya empezamos siempre en intermedio y así no tenemos problemas, le damos a aceptar, vale, y bueno pues aquí tenemos lo de siempre, 00:00:09
A mano izquierda tenemos todo lo que es la paleta con todos los distintos elementos que podemos ir poniendo en la paleta, clasificado por categorías, lo que sería lo que ocurre en el teléfono móvil, cómo se va cambiando el teléfono móvil, los componentes que tenemos aquí y las propiedades de cada componente. 00:00:44
Empezamos con la pantallita, con el screen, ¿vale? 00:01:08
Entonces, screen, lo único que vamos es a ponerle un título. 00:01:12
Vamos a poner atrapabanzanas, ¿vale? 00:01:17
¿Qué consejos? Esto te da un poco optativo. 00:01:25
A mí me gusta poner disposición centro, tanto en horizontal como en vertical, ¿vale? 00:01:32
color, en este caso no es necesario 00:01:38
pero si queréis ponerle 00:01:41
un color, pues bueno, ponemos un 00:01:42
colorcito de fondo, igual que 00:01:45
podríamos poner imagen, pero que como vamos 00:01:46
a hacer un videojuego 00:01:49
pues no tiene mucho sentido ponerle 00:01:50
aquí colores ni nada por el estilo 00:01:52
ni tampoco animaciones 00:01:54
ni nada por el estilo, vale 00:01:56
bueno, ya tenemos la pantallita 00:01:58
vale 00:02:01
ahora, que vamos a 00:02:02
poner, pues vamos aquí a interfaz 00:02:05
de usuario y escogemos 00:02:06
etiqueta 00:02:08
vale, en la etiqueta 00:02:10
vamos a poner puntos 00:02:13
en principio 00:02:14
tenemos ancho y alto automático 00:02:23
vale, el tamaño 00:02:25
de letra, yo lo voy a poner en negrita 00:02:27
si queréis ponerlo 00:02:29
de otra manera, pues también el tamaño 00:02:31
me parece bien el que tenemos 00:02:32
no le voy a meter ninguna imagen 00:02:34
ni nada más, eso es todo 00:02:37
lo que le voy a poner a esa etiqueta 00:02:39
de acuerdo, tampoco la etiqueta 00:02:40
está puramente, es puramente informativa 00:02:42
en este caso, y luego vamos a 00:02:45
poner también un campo de texto 00:02:47
vale, lo mismo 00:02:48
en el campo de texto 00:02:50
no hay que poner ningún texto 00:02:52
si queréis cambiar 00:02:54
el tamaño de la letra o algo 00:02:56
alguna 00:02:58
de estas características, o por ejemplo 00:03:00
el color de fondo 00:03:03
vamos a ponerle por ejemplo 00:03:04
por hacer algún 00:03:07
cambio para que veamos 00:03:13
como funciona un poco este 00:03:14
este apartado aquí de propiedades 00:03:17
vale 00:03:19
bueno, ahora vamos con el propio 00:03:20
juego en sí, esto simplemente para que nos den 00:03:23
los puntos, vale 00:03:25
vamos con los elementos del juego 00:03:27
lo primero que tenemos que hacer 00:03:29
es poner un lienzo 00:03:31
vale 00:03:33
este lienzo 00:03:34
le vamos a decir 00:03:36
que en cuanto a su tamaño 00:03:38
ocupe todo lo que pueda 00:03:41
ocupar dentro 00:03:43
del 00:03:45
espacio que tenemos aquí 00:03:47
y en cuanto 00:03:49
y vamos a meter como imagen de fondo 00:03:51
aquí que hay en subir un archivo 00:03:53
pues la imagen 00:03:55
de fondo 00:03:58
este 00:03:58
es una imagen 00:04:04
o sea que hay que buscar una imagen 00:04:10
ya tenemos 00:04:11
nuestra imagen de fondo 00:04:17
nuestro lienzo 00:04:18
sobre esa imagen de fondo 00:04:21
vamos a ir metiendo 00:04:23
los sprites, el primer sprite que vamos a 00:04:25
meter va a ser el árbol 00:04:27
entonces le vamos aquí a cambiar el nombre 00:04:29
y le vamos a poner 00:04:31
árbol, bueno, ¿qué le podemos 00:04:32
decir del árbol? bueno, pues en principio 00:04:42
vamos a poner 00:04:43
vamos a subir 00:04:45
la imagencita esta que tenemos del arbolito 00:04:46
y otra cosa que podemos 00:04:50
hacer es cambiarle un poco el tamaño 00:04:57
bueno, a mi 00:04:59
me gusta cambiarle el tamaño 00:05:01
en este caso 00:05:03
lo vamos a poner en porcentaje 00:05:05
aquí tenemos número de píxeles 00:05:08
vamos a poner por ejemplo 600 píxeles 00:05:15
parece que es demasiado alto 00:05:17
bueno pues vamos a dejar 00:05:23
no tanto, vamos a ponerle 00:05:24
vamos a ponerle por ciento 00:05:27
a ver 00:05:29
más que el alto es el ancho 00:05:29
vamos a ponerle menos todavía 00:05:36
vamos a ponerle 150 de alto 00:05:38
200 00:05:41
y de ancho pues otro 00:05:47
de 250, o sea, tenemos 00:05:55
un tamaño, el arbolito 00:06:05
ya tiene un tamaño considerable 00:06:07
¿vale? ya se puede ver bien 00:06:09
vale, vamos a seguir poniendo sprites 00:06:11
el otro sprite que vamos a poner 00:06:13
va a ser el cestito 00:06:15
¿vale? 00:06:17
la foto 00:06:29
pues subimos el archivo 00:06:30
y seleccionamos el cesto 00:06:32
¿vale? 00:06:36
pues vemos que es grandísimo 00:06:43
entonces hay que cambiarle 00:06:45
hay que cambiarle el tamaño 00:06:46
Porque está puesto en automático 00:06:49
Vamos a ponerle 00:06:51
Como 100-100 00:06:53
A ver que tal nos queda 00:06:55
Si los sprites 00:06:57
Suelen ser 100-100 00:07:06
50-50 00:07:08
Bueno yo creo que nos ha quedado 00:07:10
Grande incluso podríamos poner un poquito menos 00:07:11
Pero bueno lo vamos a dejar así 00:07:14
Vale ahora vamos a poner 00:07:15
Otro sprite que va a ser 00:07:17
La manzana 00:07:20
La manzana pues 00:07:21
Como siempre buscamos una foto 00:07:32
Subimos el archivo 00:07:34
Y vamos a seleccionar, por ejemplo 00:07:36
Manzana 00:07:38
Manzana 3 00:07:39
Bueno, sigue siendo enorme 00:07:42
Pues vamos a poner, por ejemplo 00:07:49
50-50, vale 00:07:51
Y la ponemos sobre la ropa 00:08:05
Vamos a subir la otra manzana 00:08:07
Vamos a poner otro sprite 00:08:11
Vale 00:08:15
Le cambiamos el nombre 00:08:18
Le ponemos manzana 2 00:08:21
Venimos aquí a fotito 00:08:22
Y subimos el archivo de la manzana 2 00:08:31
También nos sale enorme 00:08:34
Vale, pues le cambiamos el tamaño 00:08:46
Hemos dicho que 50-50 00:08:50
Y ya vamos con la tercera 00:09:07
Tercer spray 00:09:09
Vale, tercer spray que es el gusano 00:09:11
Subimos aquí el archivo 00:09:17
Buscamos el gusanito 00:09:31
Está aquí 00:09:34
Gusanito 00:09:39
Le damos aquí a aceptar 00:09:40
Le cambiamos el ancho y el alto 00:09:45
y ya tenemos 00:09:47
pues todos nuestros sprites 00:10:05
los sonidos los vamos a dejar 00:10:08
para una segunda vuelta 00:10:10
vale 00:10:11
bueno, vamos a ver 00:10:12
que tiene esto de maravilloso 00:10:15
pues esto tiene maravilloso que si nos 00:10:17
volvemos otra vez al cesto, por ejemplo 00:10:19
el árbol no, pero el cesto 00:10:21
veis que aquí en la parte de abajo 00:10:23
pone velocidad 00:10:25
entonces yo a ese cesto 00:10:26
le puedo decir que se vaya moviendo 00:10:29
a una velocidad 5 00:10:31
si lo ponéis bien 00:10:32
si no lo ponéis también bien 00:10:34
porque ahora os voy a explicar 00:10:36
una serie de cosas que se pueden hacer 00:10:38
veis que la dirección 00:10:40
aquí tenemos dirección 0 00:10:42
entonces el cesto se va a mover 00:10:44
vamos a poner un poquito más lento 00:10:46
vamos a ponerlo 3 00:10:48
en la dirección 0 a velocidad 3 00:10:49
vale 00:10:52
la manzana 1 00:10:53
la manzana 1 00:10:55
va a caer en dirección 00:10:57
menos 90 grados 00:11:00
vale 00:11:03
y vamos a ponerle también con una velocidad 3 00:11:04
vale 00:11:07
la manzana 2 00:11:10
pues la manzana 2 también va a caer 00:11:12
en dirección 90 grados 00:11:14
menos 90 grados 00:11:16
vale 00:11:17
y con una velocidad 00:11:20
que vamos a decir por ejemplo también 3 00:11:22
y el gusanito 00:11:24
bueno pues el gusanito 00:11:26
también va a tener una dirección 00:11:28
de menos 90 grados 00:11:31
Y una velocidad de 3 00:11:33
Que hemos conseguido con esto 00:11:37
Pues vamos a ir viendo 00:11:42
A ver que es lo que hemos conseguido 00:11:44
Vale 00:11:46
Esto lo tenéis que hacer 00:11:48
Yo le he hecho un par de 00:11:54
Modificaciones, en el lienzo le he puesto 00:11:56
80% 00:11:58
Porque si no no me quedaba muy bien colocado 00:11:59
Vale 00:12:02
Las manzanas y el gusano 00:12:03
He puesto que es en rotación 00:12:07
He quitado este de rotación 00:12:09
y poco más 00:12:10
si es de esto no me he puesto, le he puesto velocidad 3 00:12:13
y lo demás está 00:12:16
está correcto 00:12:17
veamos a ver cuál es el resultado 00:12:18
de esto 00:12:22
vosotros lo tenéis que hacer en un emulador 00:12:22
yo lo voy a hacer en el móvil 00:12:25
y os voy a poner aquí 00:12:26
el resultado 00:12:29
como veis la cara ahora 00:12:31
vale 00:12:33
entonces conecto con el 00:12:34
AI Inventor 00:12:37
Descarga la aplicación en el móvil 00:12:39
Vale 00:12:47
Y ahora mismo el resultado que veis es este 00:12:50
¿Veis? 00:12:53
Se van moviendo los sprites 00:12:54
¿Vale? 00:12:55
Pero cuando llegan al borde 00:12:57
Pues ahí se queda 00:12:59
No se repite en forma de bucle 00:13:00
¿Vale? 00:13:03
Y no hay opciones 00:13:04
Pues que podría haber una opción aquí ¿No? 00:13:07
Para repetir en forma de bucle 00:13:10
Aquí no hay opciones para hacer eso 00:13:12
Entonces 00:13:14
para hacer eso 00:13:15
ya nos tenemos que ir 00:13:17
a los bloques 00:13:20
a los bloques que los tenemos 00:13:22
aquí, primero 00:13:24
lo primero que vamos a hacer 00:13:26
pues que en estos sprays, estos 3 00:13:27
sprays, que son 00:13:30
cuando la manzana 1 00:13:32
alcance borde 00:13:34
cuando la manzana 2 00:13:36
alcance borde 00:13:38
vale, cuando el gusano 00:13:40
alcance borde 00:13:45
Y cuando el cesto alcance borde, hay muchas posibilidades y muchas soluciones, a mí la que me gusta es que vuelvan a sus posiciones iniciales, ¿vale? 00:13:47
Entonces, para ello, tenemos en todos ellos el C llamar a, lo voy a duplicar cuatro veces, bueno, mejor dicho, voy a poner 0, 0 en todas y luego lo duplico. 00:14:03
Aquí en matemáticas ponemos las coordenadas iniciales, la X y la Y. 00:14:21
Ahora los voy a duplicar 4 veces 00:14:28
Y los voy a poner 00:14:34
Cada uno en su sitio 00:14:44
Aquí manzana 1, manzana 2 00:14:46
Gusano 00:14:59
Y cesto 00:15:02
Entonces hay que poner las coordenadas iniciales 00:15:04
Esto lo podemos ver aquí 00:15:11
Venimos aquí, cesto 00:15:13
¿Cuáles son las coordenadas iniciales del cesto? 00:15:15
estas que aparecen 00:15:17
aquí, 4, 331 00:15:19
o sea, para el cesto 00:15:22
las condiciones iniciales 00:15:24
son 4 00:15:26
331 00:15:28
¿vale? 00:15:30
para la manzana 00:15:32
las condiciones iniciales son 00:15:35
65, 67 00:15:38
para la manzana 00:15:41
las condiciones iniciales son 00:15:52
171, 61 00:15:55
y para el gusano 00:15:57
116, 76 00:16:09
bueno, pues con estas 00:16:15
modificaciones 00:16:28
vamos a ver 00:16:30
como nos queda en el móvil 00:16:32
bueno, esto es como nos queda 00:16:34
en el móvil 00:16:54
vemos que caen y que cuando 00:16:54
llegan a la posición final 00:16:58
¿no? vuelven a la posición 00:16:59
inicial, pues eso es lo que 00:17:02
lo que queríamos 00:17:04
¿vale? 00:17:05
Luego vosotros podéis alterar las posiciones 00:17:08
Lo que queréis 00:17:10
Bueno, vamos a seguir 00:17:11
Vale 00:17:21
Ya tenemos la primera parte 00:17:24
Que estamos 00:17:27
Ya los hemos puesto en bucle 00:17:29
Movimiento en bucle 00:17:31
Vale, aquí no tenemos 00:17:32
Ese por siempre, es una pena 00:17:35
Se puede hacer de otras formas 00:17:36
Si haya cada uno 00:17:39
Pues que se invente la forma 00:17:41
Que quiera 00:17:43
vale, ahora vamos a 00:17:43
hacer una cosita que a mi me parece 00:17:46
interesante y es 00:17:48
vamos a acelerar y decelerar 00:17:50
el cesto, vale 00:17:52
es decir, vamos a incrementar la velocidad 00:17:54
y vamos a decrementar la velocidad 00:17:56
¿cómo vamos a aumentar la velocidad? 00:17:58
pues aquí en el cesto ves que 00:18:01
tenemos como distintas formas de interactuar 00:18:02
y vamos a decir 00:18:04
que una de las formas de interactuar 00:18:06
es presionar, podemos 00:18:08
tener presionar, podemos tener soltar 00:18:10
entonces vamos a presionar el cesto 00:18:12
y vamos a presionar el arco 00:18:13
vale 00:18:19
cuando presionemos el cesto 00:18:20
vamos a aumentar la velocidad 00:18:23
del cesto 00:18:25
y como ponemos esto, pues veis que aquí 00:18:27
aquí pone cesto 00:18:29
vale, y cesto 00:18:31
velocidad 00:18:33
vale 00:18:34
y lo mismo cuando toquemos el arco 00:18:36
poner cesto 00:18:39
cesto 00:18:41
velocidad 00:18:43
¿Vale? 00:18:44
Velocidad 00:18:46
¿Y qué vamos a hacer? 00:18:46
Pues vamos aquí a matemáticas 00:18:49
Nos cogemos aquí este más 00:18:51
Y si queréis lo duplicamos 00:18:53
¿Vale? 00:18:57
Entonces 00:19:00
Vamos a poner 00:19:00
Aquí 00:19:02
Que el sexto velocidad 00:19:03
Sexto velocidad 00:19:05
¿Vale? 00:19:07
En el primer caso 00:19:20
Que es en el caso de 00:19:22
tocar el cesto 00:19:25
vamos a incrementar la velocidad 00:19:27
por ejemplo en 5 puntos 00:19:30
y en el segundo 00:19:32
caso vamos 00:19:34
a descender la velocidad en 5 puntos 00:19:36
vale 00:19:39
y ahora esto 00:19:40
lo ponemos 00:19:41
en estas dos 00:19:43
pues que vamos a 00:19:47
conseguir con esto 00:19:54
al final 00:19:55
vamos al final 00:19:56
Claro, aquí nos sumamos puntos cuando, pues sumamos puntos cuando cogemos manzanas y restamos puntos cuando cogemos gusanos, ¿vale? 00:19:58
Pues vamos a cogernos uno y con este ya después lo duplicamos para los demás. 00:20:09
Cuando manzana uno entre en colisión con, pues creamos una variable que la voy a llamar puntos, ¿vale? 00:20:16
cogemos esa variable, le damos a iniciar puntos 00:20:29
la inicializamos a 0, bien, ¿y qué hacemos? 00:20:41
que tocamos una manzana, vale, pues entonces 00:20:49
mi variable, puntos 00:20:54
se va a incrementar en 1, claro, ahora tenemos un contado 00:20:57
nos está contando los puntos, pero nosotros no lo vemos, entonces 00:21:25
para verlo, vamos a usar este campo de texto 00:21:29
y vamos a coger 00:21:31
poner campo de texto 00:21:33
texto, vale 00:21:35
y ahí vamos a poner 00:21:39
esta variable 00:21:41
de puntos, vale 00:21:44
ya nos vamos contando 00:21:48
los puntos y esto 00:21:50
que hemos hecho para la manzana 1 00:21:52
lo vamos a duplicar 00:21:54
para la manzana 00:21:56
y lo vamos a duplicar 00:22:01
para el gusano 00:22:04
Pero en el gusano en lugar de sumar 00:22:07
Lo estamos 00:22:09
Pues vamos a ver 00:22:10
Un condicional 00:22:17
Lo vamos a meter también 00:22:18
Pues en estas coaliciones 00:22:22
Y este condicional lo tenemos en control 00:22:23
Vamos a meter un sí entonces 00:22:26
¿Vale? 00:22:29
Vamos a meter este condicional 00:22:38
En los tres 00:22:40
Vale 00:22:43
¿Y qué va a pasar? 00:22:48
Pues vamos a ver 00:22:50
Primero tenemos que meter la condición 00:22:51
vamos a poner mayor o igual 00:23:00
o si queréis mayor sólo 00:23:04
como queráis 00:23:05
vamos a poner mejor mayor sólo, mayor estrictamente 00:23:07
¿qué va a ser mayor qué? y ¿cómo vamos a finalizar el juego? 00:23:22
bueno pues vamos a hacerlo 00:23:26
cuando tengamos por ejemplo 10 puntos 00:23:27
a ver que esto se nos va 00:23:31
vale 00:23:37
cuidado con los bloquecillos 00:23:40
bueno venga 00:23:58
seguimos 00:23:59
poniendo aquí el 10, poniendo aquí 10, vale, 10, vale, bueno, pues tenemos global puntos, en todos los casos, vale, y ahora vamos a decir que finalizamos, entonces, ¿cómo vamos a finalizar?, finalizamos poniendo el campo de texto, texto, vale, ponemos campo de texto, texto, 00:24:02
¿Vale? Y ponemos campo de texto, texto 00:25:32
y vamos a poner, pues, un texto. 00:25:34
Vamos a poner la gana. 00:25:36
Veo que este se ha quedado ahí. ¿Vale? 00:25:43
¿Vale? 00:26:14
Vale, bueno, pues ya tenemos 00:26:23
cómo cerrar nuestro juego. 00:26:25
¿Vale? Ya tenemos como 00:26:28
cuando lleguemos a 00:26:29
a un valor de 10, pues 00:26:31
nos va a aparecer a gana. 00:26:33
Y, bueno, pues es una forma de cerrar 00:26:35
el juego. A mí también me gusta 00:26:37
bastante 00:26:39
hacerlo de otra manera. 00:26:41
yo aquí puedo añadir pantalla, yo aquí puedo añadir pantalla, veis, y ahora esa pantalla pues voy a poner por ejemplo como imagen de fondo, esta de aquí, vale, y entonces lo que voy a hacer ya no solamente poner como texto has ganado, sino que voy a poner donde están los bloques, 00:26:44
Ah, bueno, que está en la screen 00:27:16
Eh, sino que voy a decir 00:27:17
Que me cambie la pantalla 00:27:20
O sea, aquí en bloques 00:27:21
¿Vale? 00:27:23
Vamos aquí a la parte de control 00:27:33
Y veis que hay una opción 00:27:34
Que pone 00:27:36
Abrir pantalla 00:27:37
Entonces ponemos abrir pantalla 2 00:27:40
¿Vale? 00:27:42
Y aquí lo mismo 00:27:44
Abrir pantalla 2 00:27:45
Y aquí lo mismo 00:27:53
Abrir pantalla 2 00:27:57
bien, bueno pues ya tendríamos 00:28:00
que a nivel de juego, pues los sonidos 00:28:07
digamos que mejoran 00:28:09
mucho, realzan 00:28:11
mucho el juego, pues vamos a 00:28:13
poner dos sonidos, tampoco vamos a poner 00:28:15
muchos más, vale, vamos aquí 00:28:17
a media, vale y ponemos 00:28:19
aquí 00:28:24
el reproductor 1 00:28:24
en origen 00:28:27
vamos a subir 00:28:29
el archivo fondo mp3 00:28:30
vale 00:28:33
Y vamos a subir el reproductor 2 00:28:35
¿Vale? 00:28:39
El origen del reproductor 2 00:28:41
Va a ser este caer 00:28:43
Y listo 00:28:45
¿Y cómo vamos a usar esto? 00:28:47
Bueno, pues por ejemplo 00:28:49
Vamos a hacer que empiece a sonar 00:28:50
Cuando toquemos el lienzo 00:28:53
Entonces, si tocando 00:28:55
Lienzo, pues 00:28:57
Empieza a sonar el reproductor 1 00:28:59
¿Lo oís, verdad? 00:29:02
vale y luego para las manzanas unidos vamos a poner el reproductor 2 el caer y ahora sí que ya estaría terminado nuestro juego vale ahora ya sí que está con esto con los sonidos que ya que no os voy a ver porque ya lo habéis visto 00:29:17
habéis visto cómo suenan 00:29:57
con los sonidos, pues doy por finalizado 00:29:58
este tutorial 00:30:01
y este juego 00:30:03
espero que os sirva de orientación 00:30:04
en clase 00:30:07
que os sirva de orientación y que 00:30:09
por lo que sepáis, partido 00:30:11
porque a mí me ha llevado un tiempito hacer 00:30:13
Valoración:
  • 1
  • 2
  • 3
  • 4
  • 5
Eres el primero. Inicia sesión para valorar el vídeo.
Idioma/s:
es
Materias:
Ciencias de la computación 1
Etiquetas:
España
Niveles educativos:
▼ Mostrar / ocultar niveles
  • Educación Primaria
    • Primer Ciclo
      • Primer Curso
      • Segundo Curso
    • Segundo Ciclo
      • Tercer Curso
      • Cuarto Curso
Autor/es:
Isabel Lafuente Reboredo
Subido por:
Isabel L.
Licencia:
Reconocimiento - No comercial - Sin obra derivada
Visualizaciones:
12
Fecha:
26 de marzo de 2025 - 19:14
Visibilidad:
Público
Centro:
IES DIEGO VELAZQUEZ
Duración:
30′ 25″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
1.26

Del mismo autor…

Ver más del mismo autor

Comentarios

Para publicar comentarios debes entrar con tu nombre de usuario de EducaMadrid.

Comentarios

Este vídeo todavía no tiene comentarios. Sé el primero en comentar.


EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid