Cómo añadir movimiento realista a su juego html5

Echa un vistazo a space.html. Este sencillo juego es un buen ejemplo de aplicación de movimiento realista a su juego HTML5. Se utiliza el esquema de control se hizo famoso en los juegos clásicos asteroides y ¡Guerra espacial! (Aunque asteroides es mejor conocida, ¡Guerra espacial! es sin duda el juego más temprano y más influyente.)

Hacer clic aquí para obtener la experiencia completa.

Cómo agregar un vector de fuerza al objeto de su juego

El barco está controlado por las teclas de flecha, pero el efecto de Newton es más fácil ver en el espacio que en el suelo (no hay fuerzas de arrastre molestos a ponerse en el camino). La izquierda; y derecha; teclas de flecha girar el barco, pero no afectan el movimiento del barco. La flecha hacia arriba dispara un cohete, lo que añade un vector de fuerza en la dirección del buque se enfrenta actualmente.

Aquí está el código:

espacio

Cómo simular el espacio en su juego

Aquí está el resumen:

  1. Comience el ejemplo de la forma habitual.

    Me gusta más simpleGame demostraciones, comienzan con un sprite y una escena. Debido a que la nave tendrá un método personalizado, que lo convierten en un objeto único.

  2. Dar a la nave una (checkKeys) Método.

    Video: Como hacer un terreno realista con unity3d (basado en heightmaps)

    los checkKeys () método busca de pulsaciones de teclas y cambia el comportamiento del buque en consecuencia.

  3. Cambiar el ángulo de la imagen.

    Un sprite en realidad tiene dos ángulos distintos. Puede tener un ángulo que está apuntando (llamado imgAngle en simpleGame) Y el ángulo que se está moviendo (llamado moveAngle). Cuando se cambia el ángulo, que está cambiando tanto el movimiento y los ángulos de imagen en el supuesto de que el objeto simplemente viajar en la dirección que está enfrentando.

    Para ejemplos simples, esto está muy bien, pero muchas clases de movimiento requiere desacoplar los ángulos de imagen y movimiento. los changeImgAngleBy () método le permite cambiar la dirección de la imagen está apuntando sin cambiar el ángulo de movimiento. (Hay un changeMotionAngle () método, también, pero no se utiliza muy a menudo.)

    Video: COMO HACER TU JUEGO DE LOS SIMS 4 MÁS REALISTA (Inspiración otoñal)

  4. Añadir un vector de fuerza para simular empuje.

    Cuando el usuario pulsa la flecha hacia arriba, el barco dispara sus cohetes principales. Esto añade un pequeño vector de fuerza en la dirección del buque se enfrenta actualmente. Utilizar el getImgAngle () Método para determinar la dirección del buque se enfrenta actualmente, y utilizar este valor para especificar dónde se debe añadir la fuerza.

    Debido a que este código está sucediendo en el bucle de animación y se amplifica como la tecla de flecha se mantiene pulsado, sólo se necesita una fuerza muy pequeña.

Artículos Relacionados