Which framework (Jquery, Dojo, Raphael) is better for implementing SVG on an Educative Video Game?

Question

I'm about to begin the development of an educative video game. I've decided to do it in a way that i could easily packed for Web, Mobiles and, maybe, Standalone versions.

I don't want to use Flash. So I'm convinced (I'll listen advices anyway) of using JavaScript and SVG.

I've being doing lots of research on this subject but I'm having a hard time putting the pieces together. I know that Raphaels seems to be simple and straightforward and Jquery and Dojo are maybe more complex but more powerful. It is possible to combine the difference frameworks? I don't mind complexity, i want to have the less amount of limitations as possible

I need the framework covers the following points:

• Handle highly interactive interfaces
• Could write a reusable code (I want to make different versions with the same skeleton)
• Enough documentation
• Could be extended to interact with social networks
• Could generate statistics associated to the events
• Compatibility with other frameworks

I also want to know if its advisable to mix different frameworks.

I'm open to all kinds of recommendations. I'm starting to learn Python also, so i would be nice to have an expert opinion on whether its advisable or not to use JavaScript with SVG or if it's worth it to used a more complex language on this purposes.

Thanks!!

EDIT

Until now I've decide not to use Jquery. Since I need a reusable code, I'm going to take advantage of the OOP features of JavaScript, and it seems that mootools is a lot better doing this (http://jqueryvsmootools.com/index.html). For manage SVG I'm going to try with Raphael. Any experince on using those frameworks side by side?

Answer 1

I wouldn't suggest you to decide right away which platform you would use. I did couple projects while ago using JavaScript for game and there are several options.

1. SVG
2. HTMLCanvas
3. Flash
4. WebGL

You will need JavaScript framework with which you can easily switch between those option but not to change code dramatically. I'm suggesting Three.js

Before you download it, you can read some articles about it, for instance this one

Believe me, if you want re-usability for this type of application forget for jQuery, tho it could be used for UI purposes

--- EDIT ---

I just remembered of another framework The RenderEngine source code is in github

Answer 2

Wow loads of questions It's not a good idea to mix a load of Libraries though because you will end up with a fat js library footprint I considered a few associated technologies but only one for me fits the bill

Maybe you will find other answers here http://irunmywebsite.com/raphael/additionalraphael.php