¿Cómo construir objetos de sprites para su juego html5

Para hacer muy potentes juegos HTML5, tendrá que ser capaz de construir sus propios sprites que hacer exactamente lo que usted quiere que hagan. Después de realizar un objeto, puede darle características y comportamiento.

Como hacer un objeto stock de sprites para su juego

Para empezar, echar un vistazo a este objeto simple:

bicho

Este es un programa muy simple. Crea una escena y un solo sprite de llama bicho. En este momento, la criatura no hace mucho.

imagen0.jpg

¿Cómo construir tu propio sprite de juego

Objetos Sprite son grandes, pero ¿no sería fantástico si la propia criatura fuera un objeto y aún mejor si se tratara de un nuevo objeto basado en el sprite? Podría comenzar con todas las características básicas del sprite, pero usted podría añadir nuevas capacidades para diferenciar criaturas de otros sprites.

Echa un vistazo a CritterConstructor.html para ver una manera de hacerlo:

bicho

Este programa funciona exactamente igual que el anterior, pero ha organizado un poco diferente.

  • Hay una función llamada Critter (). Es importante que la función es el nombre de un objeto y también se escribe con mayúscula. Esta es una función muy especial, porque se usa para definir una Critter () objeto.

  • los Critter () función crea un objeto Sprite temporal. Dentro de Critter () función, usted ve un objeto Sprite temporal llamada tCritter (). Este es un nuevo elemento sprite.

  • Modificar el sprite temporal tanto como usted desea. Para hacer un nuevo tipo de objeto en javascript, esencialmente hacer un nuevo objeto y luego modificarlo para obtener exactamente el comportamiento que desea. En este caso, se estableció la velocidad predeterminada de la criatura.

  • Devuelva el temporal Critter objeto. El final de la especial Critter () función devuelve el sprite, pero ahora no es sólo un sprite, sino una criatura.

El objetivo de este mecanismo es tener nuevos tipos de objetos disponibles. los Critter es muy similar a un Sprite, pero puede tener un nuevo comportamiento y las características. Esta es una característica muy poderosa.

El término técnico para hacer un acto de sprites como si estuviera descendiente de otro elemento sprite es herencia. Modelo de herencia de javascript se hace generalmente de una manera diferente (utilizando un mecanismo llamado prototipado).

No es la forma en la herencia formal de javascript se hace, pero el mecanismo que se muestra aquí es fácil de entender que la manera "correcta", y es similar a cómo la herencia se hace en muchos otros idiomas. No hay nada malo con este enfoque, pero a veces verás otros enfoques de la herencia en javascript.




» » » » ¿Cómo construir objetos de sprites para su juego html5