HTML 5 Canvas balises Canvas et HTML 5 : quelques expérimentations

BorderLayoutBoxedLayoutOpenLayout Maximum textMedium textSmall text
mercredi 22 mai 2013   Inscription

News

 

Dernières News à la Une :

Par Hugo Mazo le 14/12/2009 Article Rating

La balise Canvas sera implémentée dans la futur spécification HTML 5. Certains artistes ont déjà commencé à explorer ses possibilités, notamment au niveau de l'animation et de la création d'images.

La balise Canvas permet de réaliser des rendus dynamiques d'images bitmap à partir de scripts. Non normalisée pour la spécification HTML4, elle devrait l'être pour son successeur, le HTML5. On sait que cette future spécification devrait également être dotée de nouvelles balises pour la vidéo et le son, ce qui permettrait (en théorie) de se passer de logiciel propriétaires tel que Flash d'Adobe ou Silverlight de Microsoft, et de n'utiliser que du javascript, par exemple.

Se débarrasser de Flash ou de Silverlight, s'est donc acquérir une certaine indépendance. Si l'on n'en est pas encore là, certains développeurs, que l'on peut alors considérer pleinement comme artistes, ont choisi d'explorer cette voie. Voici donc une série d'expérimentations explorant les possibilités de Canvas, en espérant que cela fasse évoluer certains acquis de l'Internet... Dernière chose, pour profiter de ces animations et jeux vidéos, mieux vaut se doter d'un navigateur récent.

La première expérimentation proposée est celle du groupe « 9 elements ». Des petits disques mobiles naviguent dans une fenêtre, le but est de cliquer sur l'un d'entre eux pour charger un « tweet » (message de Twitter) relatif au HTML5.

La deuxième est « 3D on 2D Canvas » du japonais « Gyuque ».Elle propose une navigation « 3D » dans une image 2D.

La suivante se nomme « Asteroids », un jeu développé par Kevin Roast. Le joueur dirige un petit vaisseau spatial et doit éviter les astéroïdes.

Encore un jeu : « 3D Walker » de Ben Joffe. En vue subjective, le joueur se dirige à travers un labyrinthe munis d'une « arme-laser ».

Et enfin la dernière est une version évoluée de « Pong », le jeu emblématique des débuts de l'informatique. Il se nomme « Web Mega Pong » et a été développé par Jean-Christphe Hoelt en 2008.

A noter que ceci n'est qu'une sélection plus ou moins hasardeuse parmi toutes expérimentations qui ont dues et pues avoir lieues sur le web, vous en découvrirez bien d'avantage en menant vos propres recherches sur la toile.

Notations 

Autres news Web, 2D, 3D, Jeu, Animation
     22/05/2013 14:56:00 Xbox One : avant c’était une console. Mais ça c’était avant.
     21/05/2013 17:45:00 Pixel Press : dessine-moi un jeu video
     21/05/2013 16:19:00 Tinkercad revient d’entre les morts
     21/05/2013 12:09:00 Flickr offre un To à ses utilisateurs, mais qui va s’en serv...
     17/05/2013 17:09:00 Cinemacity : cet été promenez vous dans Paris
     17/05/2013 12:11:00 Google Maps s’offre un coup de jeune
     16/05/2013 17:27:00 La consommation musicale US en une infographie 
     16/05/2013 16:31:00 Impression 3D : un vinyl en bois à partir d’un MP3... !
     15/05/2013 14:30:00 World Press Photo : travailler sur les RAW est-il tricher ?
     14/05/2013 15:40:00 Disney s’attire les foudres des fans de Rebelle
     14/05/2013 12:27:00 Impression 3D : des portraits reconstitués à partir de l'ADN...
     14/05/2013 10:24:00 DS213j : le nouveau NAS entrée de gamme de Synology
     13/05/2013 15:08:00 L’Unreal Engine dans votre navigateur !
     13/05/2013 11:08:00 AdobeMax : adieu Fireworks !
     07/05/2013 18:06:00 AdobeMax : l'éditeur révèle un stylet et une réglette
     07/05/2013 12:09:00 AdobeMax : toujours plus de Cloud
     06/05/2013 17:30:00 AdobeMax : la grand-messe d’Adobe c’est maintenant
     06/05/2013 15:16:00 Imprimer une arme à feu, c’est maintenant possible
     06/05/2013 12:26:00 La Dépêche du Midi lance un concours de logo éphémère
     03/05/2013 16:10:00 Des animaux comme les autres... mais en mieux

Les dossiers de Créanum

Formation : réussir en autodidacte
Par Louis Adam le 16/05/2013
Écoles, BTS, formations pro : la formation classique pour les graphistes passe souvent par un système scolaire et des écoles reconnues. Cette voie propose de nombreux avantages, diplômes, formations de qualité et reconnaissance par le milieu de l’entreprise, mais n’est pas sans défaut. 

[Lire le dossier...]

Autres dossiers Web
Le guide de l'impression 3D !
Par Louis Adam le 02/05/2013
L’impression 3D se démocratise. Cette technologie, présente depuis longtemps au niveau industriel, commence à plus largement se démocratiser. Peut-on rêver d’un monde ou il suffira d’appuyer sur un bouton pour imprimer en un instant une chaise ou un verre ?

[Lire le dossier...]

Autres dossiers 3D
Responsive Web Design : une solution temporaire
Par Louis Adam le 30/04/2013
On l’a dit et redit, le Responsive Web Design est incontournable aujourd’hui. Face à l’avalanche de nouveaux supports, tablettes, smartphones et bientôt smartwatches, avoir un site qui s’adapte aux différentes tailles d’écrans est en train de devenir une nécessité.

[Lire le dossier...]

Autres dossiers Web
La BD numérique : un tournant pour les auteurs comme pour les éditeurs
Par Louis Adam le 18/04/2013
La BD, comme de nombreux médias à l'heure actuelle, n'échappe pas au tournant du numérique. Si la plupart des maisons d'édition se contentent de transposer sans aucun changement les planches papiers sur un écran, force est de constater que les usages et les pratiques changent, que ce soit sous l'impulsion des auteurs ou des éditeurs. Creanum a tenté de dresser un panorama de ces évolutions.

[Lire le dossier...]

Autres dossiers 2D, Animation
La nouvelle boîte à outils du Web
Par la rédaction le 05/06/2012
Le Web est en mouvement constant. Voici une sélection des outils sur lesquels vous devriez plancher et vous intéresser de près, professionnellement et personnellement, ceux qui sont à la mode, et qui méritent notamment d’être compris dans vos stratégies Web pour des clients. Nous dressons aussi un portrait complet de Pinterest, la sensation du moment.

[Lire le dossier...]

Autres dossiers Photo, 3D, Web

News