HTML 5 fois plus fort !

précedent  sur  suivant

légende afficher | masquer

Le HTML 5 fois plus fort

Biolab Disaster

Premier de notre top 5 de jeux en HTML5 : Biolab Disaster. Un jeu de plateforme où vous êtes un scientifique devant s'échapper d'un labo dont une expérience a mal tourné.

Wolfenstein 3D

pour célébrer les 20 ans du célèbre jeu de guerre en FPS (First Person Shooter), Bethsoft a entièrement recodé le jeu en HTML5.

Réflexion VII

Dans le jeu de plateforme et de réflexion VII, vous incarnez un « alien » qui doit regagner ses pouvoirs afin de s'échapper (encore une fois) d'un laboratoire.

ONSLAUGHT

est un jeu au style rétro « 8-bits ». Vous devez défendre votre château contre les vagues d'ennemis qui se font de plus en plus envahissantes.

Torus

Torus est un Tetris circulaire en 3D qui mettra vos nerfs à rude épreuve. Une brillante démonstration des capacités 3D du HTML5.

Flickr Browser

Premier de notre top 5 d’applications en HTML 5 : Flickr Browser, un navigateur pour admirer vos photos et celles de vos proches du site Flickr. Du grand classique !

Zygote Body

est un site éducatif pour découvrir le corps humain via un avatar 3D. Epluchez-le afin de découvrir les différentes couches du corps et les organes.

Art of Stars

Art of Stars vous permet de créer une carte des constellations exactement au dessus de votre position, grâce à la géolocalisation.

Ben the Bodygard

Dans un style « comics », Ben the Bodygard protège vos données personnelles (photos, vidéos...) d'éventuelles personnes mal intentionnées grâce à un système d'encryptage au top.

Global Doodle

Avec Global Doodle, vous partagez une énorme feuille blanche virtuelle de 16 km². Libre à vous de dessiner, écrire ce que vous voulez, et de le partager avec vos amis, collègues, etc.

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Un internaute comme vous, possédant un smartphone ou une tablette, a forcément constaté un jour que l'affichage des sites Web n'est pas toujours adapté aux écrans tactiles ou tout simplement plus petits que celui de votre PC. Avec le HTML5, format Web universel adapté à tous vos appareils connectés, c’est de l’histoire ancienne…

Le pourquoi et le comment du HTML5

Pour comprendre l’importance de cet HTML5, mettez-vous un instant dans la peau d’un développeur. Jusqu’ici, en effet, tous les développeurs Web qui désiraient créer un site ou une web app de qualité et toucher le plus large public devaient composer avec les navigateurs existants, les différentes versions d'Internet Explorer, Firefox, Chrome, Opéra, Safari, etc., et surtout, développer leur projet séparément pour les smartphones mais aussi les tablettes Apple, Android et autres Blackberry… De fait, aujourd’hui, il est rare de trouver une application valable, sans exception ou presque, pour tous les terminaux connectés.

Née avec les débuts du World Wide Web il y a une quinzaine d’années, la technologie Flash permettait de  relier entre elles toutes les plateformes du marché. Sauf que le refus d’Apple d’intégrer cette solution, très pratique pour la vidéo mais propriétaire, à son iPhone et son iPad, a abouti à son abandon fin 2011… Autrement dit : la société Adobe, à l’origine de Flash, a finalement décidé de réorienter toutes ses solutions vers… le HTML5 !

Car cette nouvelle version du langage le plus populaire sur le Net, à savoir le HTML, est réellement « universelle ». Bref, ce format est donc désormais la solution parfaite pour résoudre tous les soucis de compatibilités entre appareils !

Un format de rêve pour les journaux en ligne

Les médias en ligne ont été les premiers à comprendre tout l’intérêt du HTML5 pour leurs sites et applications en ligne. Pourquoi acquérir une licence comme Adobe Flash ou s’embêter à développer puis à mettre à jour au moins une dizaine de versions différentes de son journal là où il en suffit d’une seule en HTML5 ? Et ce d’autant, rappelons-le, que Flash ne marche pas sur iPhone ou iPad !

Le pionnier, en la matière, a été le Financial Times, suivi très vite par la chaîne CNN le New York Times, qui a engagé une équipe spécifique de développement en HTML5… Pour la presse en ligne, l’atout est évident : il est devenu simple de proposer l'édition d'un journal sur n'importe quel support nomade. Et puisque le HTML5 standardise les interactions avec l'interface utilisateur, n'importe quel contenu peut être multimédia et interactif sur chaque plateforme. De fait, la presse et les médias français ne devraient pas tarder à suivre la voie de leurs grands confrères anglo-saxons…

Le site du New York Times entièrement remanié en HTML5

Les jeux s’y mettent aussi

Les aficionados des jeux en ligne ne sont pas en reste : le HTML 5 fournit des outils « canevas », c’est-à-dire des solutions très simples qui permettent à l'application Web de fonctionner directement depuis n’importe quelle page Web selon les spécificités du jeu. Le canevas WebGL, par exemple, peut afficher de la 3D directement au sein de la page en utilisant la carte graphique du PC, du smartphone ou de la tablette.

Les jeux réalisés à ce jour sont plutôt sympathiques et pour la plupart très réussis, qu’il s’agisse de ceux de notre top 5 (en ouverture), HTML5 Chess ou encore Red Shooting Hood. Mais beaucoup d’autres devraient suivre.

Red Shooting Hood en action.Plein d’avantages pour les applications

Il suffit de se connecter à la web app Art of Stars depuis n’importe quel smartphone muni d’une application de géolocalisation pour visualiser les étoiles du lieu et de l’instant constater les atouts du HTML5. Mais encore faut-il que votre navigateur Web puisse supporter ce format magique. Sur PC, en particulier, mieux vaut utiliser la version 10 d’Internet Explorer pour bénéficier de l’intégralité de ses fonctionnalités.

Réactif, léger et dynamique, l’HTML5 mettra du temps à remplacer définitivement la technologie Flash, notamment pour l’accès au World Wide Web depuis chez soi. Même si Adobe Flash propose par exemple d’ores et déjà un logiciel d'animation en HTML5 natif : EDGE.

Enfin, sachez que l’une des particularités de ce langage universel est de permettre l’utilisation du disque dur local de chacun. Bref, il est possible d'utiliser ses applications même sans connexion à internet, donc sans accès au cloud, par exemple dans votre coin reculé de vacances. Le multi-tâches est également facile, très pratique pour ceux qui ont l'habitude de travailler  en ligne : grâce aux « web workers », un site web peut ainsi charger (en fond) des données pendant que l'utilisateur utilise son navigateur pour tout autre usages, sérieux ou non… De nombreux clients Twitter utilisent ce système, notamment Twimbow et Hootsuite .

Le HTML5 n’en est qu’au début de sa vie, et il n’a pas encore la notoriété de boutiques d’applications comme celles d’Apple et d’Android. Mais il a cet immense avantage de ne reposer que sur le Web, indépendamment de toute marque, fabricant ou système d’exploitation. Et c’est cette qualité-là qui en fait une vraie solution d’avenir.  


Liens :

- Une liste complète de jeux basés sur le HTML5
- Des expérimentations HTML5 avec le navigateur Google Chrome
- Les 10 meilleurs sites HTML5 de 2012 selon le site eBizMBA
- Les 101 meilleurs sites (anglais) en HTML5 selon un blog réputé
- Le jeu Biolab Disaster
- Wolfenstein 3D
- Le jeu VII
- ONSLAUGHT, pour se souvenir des vrais jeux d’arcade
- Torus, une sorte de Tetris réinventé
- L’application Flickr Browser
- Zygote Body
- Art of stars
- Ben the Bodyguard, l’une des rares applications html payante (3,99 €)
- Global Doodle, pour dessiner en toute liberté