Frameworks HTML 5
Des frameworks utilisant seulement HTML avec Canvas, JavaScript et CSS permettent de réaliser des applications et des jeux portables.
Ils permettent de se dispenser de services payants comme l'AppStore et de produire des applications et des jeux pour toutes les ordinateurs et mobiles. Disney a racheté en mars 2011 la société finlandaise Rocket Pack pour produire de tels jeux multi-plateformes, preuve qu'elle voit un grand avenir dans HTML 5.
Ces frameworks comme le montre Ave Engine sont compatibles avec les mobiles et sont supportés par Android, iOS, WebOS, Windows Phone 7, et autres...
Ave Engine
Sur la disponibilité future de Ave Engine, le kit de développement de jeux, je ne peux rien affirmer après l'acquisition de Dextrose par Zinga, un éditeur de jeux en croissance exponentielle.
Ce qui est surtout intéressant, c'est de voir ce que l'on peut réaliser sur Canvas. Il est clair que SDL a là un réel concurrent.
Ainsi on peut réaliser des jeux en vue 3D isométrique dont la fluidité est équivalente à celle des logiciels binaires.
- Vidéo de démonstration.
- Suburban World. Un monde virtuel aux graphismes agréables.
Kaltura
Bibliothèque vidéo qui est utilisée par Wikimedia, et même par Adobe pour réaliser un lecteur universel chargeant Flash Player quand aucun codec n'est disponible.
Plusieurs outils sont disponibles en téléchargement.
Siritaka
Framework pour construire des mondes virtuels fonctionnant sous un navigateur avec WebGL et WebSockets. On peut interagir avec d'autres internautes et discuter dans une boite de chat.
Il utilise la plateforme .
- Siritaka. Requiert actuellement Firefox 4. Entrer un login pour se déplacer dans un monde virtuel, assez simpliste.
Processing.js
Fonctionne avec le langage graphique visuel du même nom, sur Canvas pour réaliser des animations et des produire des graphismes en ligne.
Le code en langage processing est converti en JavaScript et utilise un runtime à inclure dans la page. Il n'y a pas d'avantage particulier dans la syntaxe de processing, seulement des fonctions graphiques.
Sprite.js
Bibliothèque pour programmer des animations, fonctionnant avec ou sans Canvas.
Elle permet de réaliser des jeux aussi sous plateforme Android, mais les démonstrations sur le site ne sont pas très excitantes, peut-être peut on faire mieux avec le framework.
RPG JS
Pour créer des jeux de rôle en JavaScript, des RPG (rôle playing games) de type donjons et dragons, ce framework qui se veut une SDL de HTML 5 fournit une boite à outils.
Les graphismes de la démonstration sont jolis quoique simplistes tout comme l'animation, cependant la vitesse d'interaction assure une fluidité suffisante.
Three.js
Cette librairie graphique JavaScript peut fonctionner avec WebGL dans une application Canvas et ainsi réaliser des applications fluides et des jeux d'actions rapides.
Paladin
Mozilla a aussi sa version d'un moteur de création de jeu, basé sur WebGL. Il fait appel à WebAPI, une autre bibliothèque de Mozilla pour les applications Web et autres technologies telles que JoystickAPI. Il semble aussi inclure le code de ammo.js.
Un moteur de jeux 3D, Gladius fait partie de ce framework.
Paper.js
Framework de dessin vectoriel, il permet de réaliser des animations pour le travail bureau dans Canvas. Il est basé sur un outil de scripting à l'origine pour Illustrator. Licence MIT.
Kendo UI
Bibliothèque complète pour construire des interfaces graphiques au look professionnel, basée sur jQuery, HTML 5 et CSS 3.
Popcorn.js
Fonctions vidéo en JavaScript pour ajouter un plus à la balise <video>. Developpé par Mozilla, cette API gère la synchronization entre le déroulement de la vidéo et l'action de l'utilisateur. Il permet notamment de se déplacer dans le contenu.
Pdf.js
Un document PDF peut être affiché au format HTML 5 and utilisant notamment Canvas pour les graphiques. Il peut être utilisé comme plugin sur Firefox mais le but ultime serait d'en faire un lecteur PDF intégré au navigateur.
Autres librairies
- HTML5 Media. Ajoute le support des balises video et audio à tous les navigateurs.
- Si l'on veut présenter en temps réel un graphique pour afficher l'évolution de quelque chose comme l'utilisation du processeur par exemple, la librairie Smoothie est prête à inclure dans la page. Le code est très simple et rapide. Le pourcentage d'utilisation CPU n'est pas en fait un bon exemple car l'outil utiliser lui-même une quantité de puissance! Il fait Explorer Canvas pour IE.
- Ember.js. Ambitionne de créer des applications riches Internet en HTML 5.