Contenido

 Pulsando Botones

Diseños responsivos 

Creando un Bucle de Juego

Al crear juegos, imágenes o sprites, se agregan a la película para representar los elementos en los juegos como personajes, vehículos o explosiones. Muchas veces un segundo desde dentro de un bucle dependiendo de una lógica del juego es ajustar la posición del sprite. Cada película ha construido en un ciclo del juego, llamado 'Al Actualizar'. Se llama cada vez que las actualizaciones de animación y pueden encontrarse en las propiedades de película.

Cree una nueva película y agregue una imagen, también denominada sprite. Aquí hemos utilizado una pelota de playa.

Importar

Haga clic para guardar esta imagen en su ordenador.

BeachBall.png

En las propiedades del primer fotograma de la pelota de playa, desactive Usar Línea de Tiempo e introduzca Ball en el campo 'Script ID'. La desactivación de la línea de tiempo permite controlar la pelota usando JavaScript.

Vamos a hacer que la pelota rebote alrededor de la película. Para esto tenemos que crear algunas variables de velocidad en el script de eventos 'General' de la película. Se asignarán los valores iniciales.

En el evento 'Al Actualizar', podemos hacer que la pelota se mueva mediante la adición de los valores de velocidad a los valores de la posición X y Y de la pelota.

Presione reproductir para probar la película. La pelota debe desplazarse directamente fuera de la película.

Play

Las propiedades de posición X y Y de la pelota se localizan en su punto central. Comprobando estos valores en relación a la anchura y la altura de la película, podemos detectar si debe rebotar la pelota. Para hacer que rebote la pelota, sólo hay que invertir la velocidad cambiando su signo.

Presione reproducir para probar la película otra vez. Ahora debe rebotar la pelota.

Exporte la película a HTML y observe que la pelota se mueve a una velocidad ligeramente diferente a la del reproductor. Esto se debe a a que los distintos dispositivos y navegadores trabajan a velocidades diferentes.

Para mover la pelota a la misma velocidad en todas partes, tenemos que calcular la diferencia de tiempo entre las actualizaciones. El 'Al Actualizar' evento incluye dos variable útil que hacer precisamente eso. TimeChange: El número de fotogramas que han pasado desde la última actualización. SecondsChange: El número de segundos transcurridos desde la última actualización. Estos valores son independientes de si la película ha sido detenida o no. Son simplemente una manera de calcular el tiempo transcurrido desde la última actualización. Para realizar animación corre siempre a la misma velocidad, cada cambio de posición, ángulo u opacidad debe ser multiplicado por el cambio en el tiempo o segundos.

Prueba de la película en el reproductor y en HTML en el navegador. La pelota debe moverse a exactamente la misma velocidad en ambas.

 Pulsando Botones

Diseños responsivos 