Les bons liens pour apprendre à dessiner en HTML 5
Par Francis Besset le dimanche 25 juillet 2010 - XHTML / CSS | Lien permanent

Entre le travail et le déménagement, voici la suite logique de mon précédent article sur HTML 5, où je vais vous montrer une de mes réalisations de dessin en HTML 5.
Voici une sélection de liens ainsi qu'un exemple que j'ai réalisé moi-même et dont je suis assez fier pour une première réalisation.
Pour commencer, mon dessin, j'ai trouvé un très bon slide sur SlideShare. Rob Hawkes explique les rudiments pour dessiner.
Très vite je me suis retrouvé face au mur pour continuer mon dessin. J'ai donc fait d'autres recherches et à ma grande surprises je suis tombé sur le site de Mozilla qui donne tous les bons tuyaux pour dessiner en HTML 5.
Grâce à ce tutorial, j'ai pu terminer mon dessin.
Mais qu'est-ce que j'ai bien pû dessiner ? Certains s'en doutes, il s'agit du logo de ce blog.
Logo d'Informat'Hic en HTML 5
Je tiens à signaler qu'il n'y a aucune image qui a été utilisé pour refaire le logo. J'ai simplement utilisé les méthodes de dessin mises à disposition par l'API de dessin HTML 5.
Si vous êtes ambitieux, je vous conseil d'aller faire un tour sur ce slide qui montre (sans tous les détails), les rudiments pour faire un jeu en HTML 5 avec du son.
Je vous met à disposition un dernier lien qui devrait vous permettre de comprendre les différentes possibilités qu'offre l'API de dessin HTML 5. Vous aurez de plus accès à un p'tit tricks permettant de faire fonctionner le canvas sur Internet Explorer.
Bonne chance à vous, si vous vous lancez dans l'aventure. Pour ma part, j'ai mis deux soirs pour réaliser mon dessin.




Commentaires
Waouw, c'est très bien fait ton logo en html 5, félicitations !
Effectivement, bien fait le logo !
Merci beaucoup à vous deux.
J'en ai un peu chier mais le résultat est là.
Je vais essayer d'explorer d'autres possibilités avec le Canvas HTML5 :)
Ha bravo ! Tu vas tuer le métier de graphiste !
Bien joué, j'ai hâte de voir ton logo tourner en 3D ;)
@Alexandre Salomé : Euh pas tellement ! J'en ai quand même pas mal chier pour faire ça :P
Pour le logo d'Informat'Hic en 3D je l'avais fait mais en 95. Et je ne le retrouve plus dans mon disque dur de 4 Go. Dommage ;)