Javascript Framework for the game interface

Question

I have used several javascript frameworks in my development career. Namely jquery, moo tools and atlas. But all my experience is connected with the development of a professional corporate website. I am currently working on a game that will have a very rich interface. I am considering the user interface implementation entirely in javascript and HTML. Therefore, right now I am studying my options in this regard. Is there a javascript framework that I can use to help me create a rich game interface?

In particular, I need to animate characters and effects. It can be frame-by-frame, if necessary, or even mounted, like what many flash animations like. An ideal structure would have built-in functionality to possess artistic assets and, possibly, an XML payload, which when interpreted will describe how art attributes relate to each other. Frame by frame, this will be a way for me to tell you what sequence the images are in and how to quickly switch frames. For a frame with a hinge, I could tell where to place the weapon, legs, where there are joints, and let me group specific movements in the animation. And finally, the ideal structure will support the functionality of the paper doll, where I can use layering to put a pair of glasses on the character, for example, on other clothes or hair color.

I understand that, most likely, the ideal that I describe above is not available, but if there is something that brings me closer to my ideal from jquery or other similar structures, this will help me in my decision.

thanks

Answer 1

Yours is asking for something too specific here. When it comes to rendering games on the screen, you have 3 main options without plugins.

Canvas

The canvas is a raster display. You can use narrow abstraction on a canvas, for example easel.js or heavy abstraction, for example a Rendering engine . Now they probably don't have the fine-grained features you want.

The reason they don't work is performance. High-performance code and high-level abstractions do not go hand in hand. You will find that using heavy abstraction over light weight comes with serious performance.

Svg

You can use SVG, which is displayed as vector graphics. Good abstraction library for SVG rapheal . Again, there are no high-level abstraction libraries or frameworks for what you are looking for simply because of performance costs.

Dom

You can also render by simply using DOM manipulation. Any library like jQuery or MooTools will do this. If you want to use HTML UI elements rather than custom ones, you can use some of the heavier toolkits, such as Sencha , SproutCore, and Cappucino .

There is nothing in common and basic to make your life even easier. You can watch some javacript game engines like crafty

Answer 2

Framework for Javascript games:

• Impact js
• Akihabara
• Gamequery