2011-09-11 15 views
6

¿Alguien puede guiarme con el mejor motor para el desarrollo de juegos en HTML5?HTML 5 herramientas de desarrollo de juegos

Es simple juego de salto y detección de superficie. El tema es como saltar e ir por encima de las copas de los árboles.

¿Qué sugieres en este caso?

Dirigido a dispositivos Android e iOS para el juego. Para ahorrar memoria, ¿debería escribir mi JavaScript personalizado o buscar una biblioteca? ¿Qué biblioteca sugieres?

+2

pregunta similar: http://stackoverflow.com/questions/5040628/mature-cross-platform-engine-for-html5-games – mghicks

+1

@mghicks anteriores enlace es no disponible ... – Wazzzy

+0

./shrug parece que SE necesita una forma mejor de tratar con enlaces a contenido moderado fuera de existencia ... Supongo que puede aparecer un mod y eliminar estos comentarios, como eliminar lo que he vinculado a. – mghicks

Respuesta

23

He pasado mucho tiempo evaluando diferentes opciones. Crafty es mi favorito y el que estoy usando para mi proyecto actual. LimeJS es bastante bueno, pero se basa en el marco Closure, del que no soy fanático. También me gustaron mucho EaselJS y CasualJS.

por cierto, una de las opciones más "profesionales" es Impact, por lo que debería echarle un vistazo a esa también. Sin embargo, no proporciona muchas de las características que las distintas bibliotecas de código abierto tienen, y las características que Impact proporciona que las otras bibliotecas no son realmente tan valiosas. Por ejemplo, si necesita un motor de física para su juego (y probablemente lo haga un juego de plataforma), puede integrar fácilmente Box2D por su cuenta. another Box2D link

Dicho esto, hacer las cosas desde cero sin utilizar una biblioteca de terceros no es una mala opción. El ebook gratuito Dive Into HTML5 hace un gran trabajo al explicar cómo funciona el elemento Canvas. El caso es que hay muchas características gráficas que una buena biblioteca de gráficos proporcionará que no están incorporadas: una jerarquía de visualización que permite el orden Z y la unión de objetos entre sí, la animación a través de objetos intercalados y hojas de sprites, eventos de mouse de modo que usted puede hacer clic en los objetos, etc ..


ACTUALIZACIÓN: Han pasado más de un año desde que he publicado que la respuesta y la situación ha cambiado ligeramente (. este es un área incipiente de la tecnología) Aunque Crafty sigue siendo una gran opción, en el último año EaselJS ha ganado un gran impulso (especialmente considerando Adobe hopped on the EaselJS train). Voy a cambiar a esa herramienta para proyectos futuros (también tenga en cuenta que tiene un new website)


Actualización 2: EaselJS sigue siendo mi opción favorita, pero otra gran opción ha surgido: Phaser. Estoy planeando explorar este en el futuro cercano.

+0

gracias por actualizar @jhocking. Para mi proyecto utilicé JS personalizado :) –

0

Parece que no hay mucha necesidad de una pieza de middleware, la plataforma ya se encarga de la mayor parte de las cosas aburridas, realmente no será más fácil mediante el uso de otras abstracciones.

+2

JavaScript/HTML5 ya proporciona mucho, eso es cierto, pero hay muchas características gráficas que una buena biblioteca de gráficos proporcionará que no están incorporadas: una jerarquía de visualización que permite el orden Z y la unión de objetos entre sí, animación a través de objetos intercalados y hojas de sprites, eventos de mouse para que pueda hacer clic en objetos, etc. – jhocking

0

Tenía algo de experiencia con gameQuery e hice un desplazamiento lateral y evité game para una empresa en el Reino Unido. Aprendí mucho y me divertí mucho haciéndolo. El motor gameQuery proporciona una animación básica de hoja de sprite (está limitado en el diseño de hoja de sprite), capas, un bucle de juego y una detección de colisión básica (cuadro delimitador solamente). Se dirige al DOM y lo ata a usted en gran medida, que puede no ser lo que desea. Entiendo que otras bibliotecas te permiten cambiar la implementación?

Estoy de acuerdo con jhocking en el sentido de que debe aprovechar la mayor cantidad de material pre-escrito que pueda.LimeJS viene con una implementación javascipt de Box2d, el motor que se utilizó para hacer Angry Birds. Realmente no puedo comentar sobre Google Closure, pero si es lo suficientemente bueno para Google, es lo suficientemente bueno para mí.

Cuestiones relacionadas