Insolite : Pacman relance le débat HTML5 vs Flash

Publiée par Romain Heuillard le Vendredi 30 Juillet 2010

Un développeur Web répondant au nom de Dale Harvey a récemment publié une implémentation du célèbre jeu Pac-Man en HTML5. Il succède ainsi à Google, qui avait fait de même à l'occasion des 30 ans du jeu, mais cette fois avec un plateau de jeu plus fidèle à l'original et surtout une approche plus technique.

Sur son site internet, Dale Harvey aborde tout particulièrement la question des performances. « De nombreux débats concernant Flash face aux technologies Web portent sur les performances et la consommation en ressource processeur, » constate à juste titre le concepteur du portage du jeu. Flash aurait d'après lui un impact initial disproportionné pour des éléments mineurs comme du texte, mais serait plutôt mature et optimisé pour du jeu. « Mon implémentation HTML5 est plutôt proche d'une implémentation Flash sur le plan fonctionnel, mais elle utilise beaucoup plus de CPU, » admet ainsi le développeur.

Cette implémentation de Pac-Man fait appel aux nouvelles fonctions de typographie personnalisée, d'audio, de canvas et du stockage local. Tout ceci permet de rendre l'intégration d'un jeu à une page Web complètement transparente, avec tous les avantages que cela comporte, au lieu de recourir à une extension qui s'exécute indépendamment. Le jeu peut ainsi interagir avec le reste de la page, les raccourcis claviers étant disponibles dès son chargement. Dale Harvey regrette néanmoins le manque d'outils pour pouvoir dessiner avec la fonction Canvas.

Quoi qu'il en soit son implémentation en HTML5 de Pac-Man est open source et le code est disponible sur un dépôt Git, accessible depuis la page internet dédiée au projet.

Envoyer par mail

Quand Sony rit, Nintendo affiche de mauvais résultats

Coda Notes pour Safari : Annotation et capture image d'une page web ! actu suivante

Grand Theft Auto : Episodes From Liberty City

à partir de

20,90 €

StarCraft II - Wings Of Liberty

à partir de

46,99 €

Red Dead Redemption

à partir de

49,73 €

Battlefield : Bad Company 2

à partir de

25,99 €

Comparer les prix de dizaines de Jeux-Vidéo

Continuer sur le forum

48 messages

wonderxav

le 30 Juill. 10 à 18h17

Edition

Certes, ça consomme de la ressource, mais pour ce qui est de regarder une video, je ne vois pas pourquoi on utilise encore flash...

Metaphore54

le 30 Juill. 10 à 18h24

Edition

Je me demande pourquoi HTML 5, plus le temps passe plus je vois que flash à l'air d'être mieux que HTML 5 sur beaucoup de points.

fken

le 30 Juill. 10 à 18h39

Edition

On ne peut pas comparer les performances de deux systèmes avec une implémentation particulière. Cette manière de procéder me rappelle un article que j'ai lu un jour et qui expliquait qu'un programme java était aussi puissant qu'un programme c++... ce qui ne prenait absolument pas en compte une quelconque optimisation.

Ganeo

le 30 Juill. 10 à 18h46

Edition

Flash a encore de l'avenir devant lui malgré ce qu'on lit et dit... On crache dessus un peu trop vite mais aucun soft ne peut faire interactivement autant que lui, mise à part Silverlight mais on tombe aussi dans le propriétaire et donc à peu près dans les mêmes travers que l'on reproche à Flash.

Quand je vois qu'une maquette est plus facilement intégrable sous Flash ne serais-ce que pour les effets ombrés, qu'un intégrateur HTML se tire les cheveux dès qu'il en voit alors que Flash en 2 mouvements c'est plié. Autant Flash a des défauts, autant on tire à vu sans lui trouver d'avantages majeurs.

ContreMaitre

le 30 Juill. 10 à 18h57

Edition

ouais sauf que ca fait des années que flash existe et que le moteur a été *un peu* optimisé entre temps.
L'implémentation du html5 dans les navigateurs a largement de quoi s'améliorer j'imagine.

maxime.twitterer

le 30 Juill. 10 à 19h00

Edition

Metaphore54 a écrit:
Je me demande pourquoi HTML 5, plus le temps passe plus je vois que flash à l'air d'être mieux que HTML 5 sur beaucoup de points.

L'utilisation de la vidéo avec HTML5 pose un problème au niveau des codecs utilisés, et ceux gérés par les différents navigateurs.
De plus, je pense que c'est un peu plus compliqué (et là je ne parle pas par expérience!) de protéger une vidéo avec HTML5...

wonderxav a écrit:
Certes, ça consomme de la ressource, mais pour ce qui est de regarder une video, je ne vois pas pourquoi on utilise encore flash...

HTML 5 n'est pas comme Flash, tout comme Flash n'est pas comme HTML5.
Flash peut être utilisé hors navigateur Web, tandis qu'HTML est plus limité à un navigateur internet.
Il y a des choses qu'on ne pourra jamais faire avec HTML 5, peu importe s'il paraît plus séduisant sur le papier.

clementla

le 30 Juill. 10 à 19h09

Edition

Je ne pense pas que l'auteur de ce site "Tire à vu sur Flash", au contraire : il reconnait lui-même que son Pac-Man est plus gourmand que son équivalent Flash.
Par contre cette voie offre la possibilité pour ceux qui le souhaitent, d'envisager, non sans mal, la possibilité de développer des pages exemptes de Flash à destination des Ipods, Iphones et Ipads tout comme ce Pacman dont le format se prête particulièrement bien à l'écran des IPods...
Même si l'on est pas un adepte des produits Apple, les possesseurs de sites souhaitent parfois toucher le plus grand nombre, dont ces derniers.

ContreMaitre a écrit:
ouais sauf que ca fait des années que flash existe et que le moteur a été *un peu* optimisé entre temps.
L'implémentation du html5 dans les navigateurs a largement de quoi s'améliorer j'imagine.

Tout à fait.
Edité le 30/07/2010 à 19:18

Fei666

le 30 Juill. 10 à 19h12

Edition

Je préfère HTML 5 pour un seul point (en fait je suis pas assez connaisseur pour comparer après).

Mais une vidéo en HTML 5 ne lagge pas sur mon PC tout moisi, une vidéo en flash si.

_riton_

le 30 Juill. 10 à 19h23

Edition

Pacman relance le débat HTML5 vs Flash

Sauf que fondamentalement, c'est un peu stupide comme comparaison... flash est un plugin et le html est un langage de balisage. Du coup l'on pourrait plus comparer le flash au JS + HTML ( 5 ) serai plus juste. Si l'on fait un abus de langage allé on peut appeler le html 5 comme couple JS enrichie + html 5 ( balisage ).

Mais même la cela reste stupide, car au final le but de ce html 5 n'est pas de remplacer le flash, et je suis pas sur que ça soit possible facilement. Si l'on voulait faire un structure correcte d'une page html avec pacman ( ou autre jeux ), on la ferai plutot de cette forme :

. Création de la page en html pour afficher les informations ( titre / description / liens )
. Intégration de pacman en flash dans la page html

sebastien.carlier

le 30 Juill. 10 à 19h29

Edition

Pourquoi quand on désactive JavaScript , le jeu ne s'affiche plus ?

maxime.twitterer

le 30 Juill. 10 à 19h32

Edition

sebastien.carlier a écrit:
Pourquoi quand on désactive JavaScript , le jeu ne s'affiche plus ?

Tout n'est pas fait en HTML non plus, il faut prendre en charge les actions des utilisateurs...
HTML et JavaScript sont de mèche dans la partie...

MunkyPho

le 30 Juill. 10 à 19h43

Edition

Et faut pas oublier que dans le web il y a encore beaucoup de gens qui font des sites compatibles IE6 (même si ça commence à disparaitre).
Il y a encore très peu de monde qui a un navigateur compatible HTML5 comparé à Flash.
Et comme dit plus haut, même si c'est impressionant ce que peut faire HTML5 (ou du moins JS surtout !!!) Flash reste vraiment plus abouti pour pas mal de choses.

PS : faut pas écouter ce que disent les gens en jean avec un col roulé ! 8-)

K-nibaL-X

le 30 Juill. 10 à 19h45

Edition

Flash est mal optimisé faut pas se voiler la face, sur de grosses configurations ça passe, mais lorsqu'il s'agit de netbook c'est la mort. Si l'HTML 5 est moins gourmand pourquoi pas, ca obligerait peut être Adobe à y mettre les pattes pour une meilleure optimisation ?
Edité le 30/07/2010 à 19:49

Poupixx

le 30 Juill. 10 à 19h55

Edition

"pour des éléments mineurs comme du texte"

Ça peut se comprendre par le fait que Flash travaille en vectoriel, et donc rendre des caractères peut être assez lourd selon les typos.
D'un autre côté rien n'empêche d'utiliser une bonne vieille planche de bitmaps pour rendre ce même texte, même si c'est moins pratique (et encore, il doit y avoir moyen de trouver des bouts de code qui font ça de manière simple).

En tout cas ça fait plaisir de voir qu'il y a encore des personnes (développeurs) qui arrivent à peser le pour et le contre de chaque techno et de ne pas s'enfermer dans l'éternel débat du propriétaire = mal, libre = bien . Chaque techno a ses avantages et ses inconvénients, le jour où on arrivera à en créer une performante et utilisable n'importe, sur n'importe quelle plateforme et qui satisfasse tout le monde, soit l'informatique deviendra un peu ennuyeuse soit on sera tombé dans un monopole dictatorial d'une entreprise qui aura réussi à convaincre tout le monde.

Edit : de plus la techno flash ne se limite pas à ce la plupart des internautes ont l'habitude de voir : Flex est un très bon outil, et Air permet de déployer des applications sur le bureau facilement et sans trop se prendre la tête. Par exemple le client de League of Legends est fait avec Air, et ça marche très bien.
Edité le 30/07/2010 à 19:59

maxime.twitterer

le 30 Juill. 10 à 20h02

Edition

K-nibaL-X a écrit:
Flash est mal optimisé faut pas se voiler la face, sur de grosses configurations ça passe, mais lorsqu'il s'agit de netbook c'est la mort. Si l'HTML 5 est moins gourmand pourquoi pas, ca obligerait peut être Adobe à y mettre les pattes pour une meilleure optimisation ?

Faut arrêter ce discours de fanboy...
Ce n'est pas le langage qui est lent, c'est les applications qui sont mal développées.

Gyro78

le 30 Juill. 10 à 20h11

Edition

MunkyPho a écrit:
Et faut pas oublier que dans le web il y a encore beaucoup de gens qui font des sites compatibles IE6 (même si ça commence à disparaitre).
Il y a encore très peu de monde qui a un navigateur compatible HTML5 comparé à Flash.
Et comme dit plus haut, même si c'est impressionant ce que peut faire HTML5 (ou du moins JS surtout !!!) Flash reste vraiment plus abouti pour pas mal de choses.

PS : faut pas écouter ce que disent les gens en jean avec un col roulé ! 8-)

Je me demande si il est possible de développer ce jeu en javascript sans HTML5.
A l'époque l'IE5, voir IE4, il était déjà possible avec des DIV et en DHTML de faire bouger des sprites dans une page web.
Pour le son, par contre, j'en suis moins sûr.

benben99

le 30 Juill. 10 à 20h30

Edition

HTML 5 ne permet pas de faire 1/4 de ce que FLash permet de faire.

_riton_

le 30 Juill. 10 à 20h37

Edition

Gyro78 a écrit:
Je me demande si il est possible de développer ce jeu en javascript sans HTML5.

Oui, c'est réalisable, mais en fait c'est pas si simple. Je viens de parcourir la doc du html 5, et il permet aussi d'implémenter de nouvelle action javascript, comme par exemple sélectionner une classe. Actuellement en javascript "simple" c'est pratiquement impossible de sélectionner une classe facilement...

Pourtant tout le monde le fait tout les jours, en utilisant des librairies tel que Jquery. Ces librairies "machent" tellement le boulot qu'au final le javascript pur et dur tend à disparaitre.

A l'époque l'IE5, voir IE4, il était déjà possible avec des DIV et en DHTML de faire bouger des sprites dans une page web.

Ca à pas beaucoup changé, sauf que maintenant c'est plus facile avec des lib. Au lieu de chier 10 lignes de code super compliqué tu pond qu'une seul mini ligne, et la lib s'occupe du reste

Squeak

le 30 Juill. 10 à 20h38

Edition

Je ne suis pas encore convaincu du "tout HTML5" sur le Web. Certes, l'exploit est quand même là, on peut faire des choses assez poussées en HTML5 mais il faudra attendre de vrais environnements de développement qui proposent toutes les fonctions du HTML5 de manière professionnelle. Et non, on ne code plus avec un bloc-notes ou vi en 2010.

Continuer sur le forum

48 messages

↑ Retour en haut de page

Comparateur de prix High-Tech

1 746offres d'emploi informatique

Consultant en technologies, consultant informatique, développeur informatique, directeur technique, ingénieur intégration, ingénieur sécurité...

Découvrez les offres d'emploi et postulez en ligne

Rentrée scolaire 2010

Top logiciels Antispyware

	Malwarebytes' Anti-Malware Éradiquez vos malwares en quelques clics avec Malwarebytes Anti-Malware Gratuit !
	Glary Utilities Utilitaires pour réparer et optimiser votre ordinateur gratuitement !
	Spybot Search and Destroy Spybot : Rechercher et supprimer Spyware et Trojan !
	Ad-Aware La nouvelle génération d'anti Spyware.
	Microsoft Security Essentials (MSE) Antivirus Microsoft : Découvrez l'antivirus gratuit de Microsoft !
	a-squared FREE Complément d'un antivirus pour détecter les malwares