Marco de Javascript para la interfaz de usuario del juego

Question

He utilizado algunos frameworks de JavaScript en mi carrera como desarrollador. A saber, jquery, herramientas de moo y atlas. Pero toda mi experiencia está rodeando el desarrollo de sitios corporativos profesionales. Actualmente estoy trabajando en un juego que tendrá una interfaz de usuario muy rica. Estoy contemplando implementar la interfaz de usuario completamente en JavaScript y HTML. Así que ahora mismo estoy en el proceso de investigar mis opciones en ese sentido. ¿Existe un marco de JavaScript que pueda usar que me ayude a crear una interfaz de usuario de juegos rica?

Específicamente necesito animar caracteres y efectos. Esto puede ser fotograma a fotograma si es necesario o incluso con bisagras, como lo que muchas animaciones flash les gusta usar. El marco ideal se habría construido en la funcionalidad para tomar elementos artísticos y tal vez una carga XML que, cuando se interpretara, describa cómo los activos artísticos se relacionan entre sí. Para cuadro por cuadro, esta sería una forma de decirme en qué secuencia entran las imágenes y qué tan rápido cambiar los marcos. Para un marco tipo bisagra, sería una forma de decir dónde colocar los brazos, las piernas, dónde están las articulaciones y permitirme agrupar los movimientos articulares específicos en animaciones. Por último, el marco ideal sería compatible con la funcionalidad de la muñeca de papel donde puedo usar capas para poner un par de gafas en un personaje, por ejemplo, o diferentes prendas o colores.

Me doy cuenta de que lo más probable es que el ideal que describo arriba no esté disponible, pero si hay algo que me acerque a mi ideal de jquery u otros marcos similares me ayudará en mi decisión.

Gracias

marcos

Answer 1

Su pidiendo algo demasiado específica aquí. Cuando se trata de la prestación de los juegos a la pantalla usted tiene 3 opciones no convencionales de plugin

lienzo

El lienzo es una pantalla basada en la trama. Puede utilizar una abstracción estrecha en el lienzo como easel.js o una abstracción pesada como The render engine. Ahora estos probablemente no tienen las características de grano fino que desea.

La razón por la que no es el rendimiento. El código de alto rendimiento y las abstracciones de alto nivel no van de la mano. Descubrirá que usar una abstracción pesada sobre una liviana tiene un costo de rendimiento serio.

SVG

Puede utilizar SVG, lo que hace que los gráficos basados ​​en vectores. Una buena biblioteca de abstracción para SVG es rapheal. De nuevo, no hay bibliotecas o marcos de abstracción de alto nivel para lo que busca simplemente por los costos de rendimiento.

DOM

También puede procesar por el simple uso de la manipulación del DOM. Cualquier biblioteca como jQuery o MooTools hará por esto.Si desea utilizar elementos de la IU HTML en lugar de los personalizados, puede usar algunos de los juegos de herramientas de interfaz de usuario de gran peso como Sencha, SproutCore y Cappucino.

No hay nada genérico y convencional para que su vida sea más fácil todavía. Puedes ver algunos motores de juegos de javacript como crafty

Answer 2

Javascript juego:

• Impact JS
• Akihabara
• GameQuery