Saltar navegación

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

15. Práctica Parte I - 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 2 de mayo de 2022 por Jesús P.

147 visualizaciones

Más información Transcripción

Descargar la transcripción

En esta ocasión, nuestro objetivo es hacer un Snake con App Inventor. 00:00:09
Lo primero que haremos, como siempre, será diseñar la interfaz de nuestro juego. 00:00:24
En esta ocasión queremos un contador de puntos, de vida y de tiempo, que mostraremos con tres labels. 00:00:41
También necesitaremos un vertical layout y un horizontal layout, los cuales nos servirán para mostrar los elementos por pantalla. 00:00:49
Y para mostrar nuestro juego, en esta ocasión utilizaremos un canvas y dos sprites, uno para la cabeza de la serpiente y uno para el objeto a recoger. 00:01:08
También utilizaremos tres clocks y un acelerómetro. 00:01:23
Después, le diremos que la alineación vertical llene toda la pantalla, tanto en alto como en ancho. 00:01:34
Diremos que la alineación horizontal llene el ancho de la pantalla. 00:01:52
Y al canvas le diremos que llene la pantalla, tanto de una forma como de la otra. 00:01:56
Por último, vamos a mover los labels al layout horizontal. 00:02:06
Uno, otro y otro. 00:02:12
Pondremos el nombre de estos elementos según su utilidad. 00:02:16
Clocks, reloj tiempo. 00:02:43
Acelerómetro, acelerómetro. 00:03:04
Canvas, lienzo. 00:03:16
Labels, puntuación, tiempo, vidas. 00:03:24
Sprites, serpiente, objetivo. 00:03:44
Para empezar nos ocuparemos del movimiento de la serpiente. 00:03:58
Para dar ese efecto que tiene el Snake de que se mueve trozo a trozo, pondremos el delay del sprite en 400, lo que hará que se mueva cada 400 milisegundos. 00:04:01
Como velocidad pondremos 10 y haremos que empiece en 180 grados. 00:04:18
grados. Ahora cargaremos alguna imagen dentro de los sprites para que podamos 00:04:24
ver algo y le cambiamos el tamaño a algo razonablemente pequeño. 00:04:31
Subido por:
Jesús P.
Licencia:
Reconocimiento - No comercial
Visualizaciones:
147
Fecha:
2 de mayo de 2022 - 20:52
Visibilidad:
Público
Centro:
IES LA DEHESILLA
Duración:
05′ 07″
Relación de aspecto:
1.78:1
Resolución:
1280x720 píxeles
Tamaño:
114.65 MBytes

Del mismo autor…

Ver más del mismo autor

EducaMadrid, Plataforma Educativa de la Comunidad de Madrid

Plataforma Educativa EducaMadrid