Expérimentations Canvas HTML 5 et JavaScript

La balise <canvas> est nouvelle à la spécification HTML 5. Le développeur Daniel Puhe a fait quelques expérimentations intéressantes sur son site spielzeugz.de.

Commencez par regarder la démonstration vidéo de particules liquides sur YouTube. Ensuite, expérimentez vous-même le comportement des éléments sur le canvas avec votre souris et à l'aide d'un fureteurs récent compatible avec HTML 5 (Firefox, Chrome, Opera ou Safari). Vous pourrez aussi jeter un oeil au JavaScript dans le code source (il n'est pas minifié).

Particules liquides



Une version avec des lettres



Particules 2.0



Et ce n'est même pas du Flash ! Mais voyez l'usage du CPU de ma machine :



Pour en savoir plus sur le tag canvas, ce tutoriel présenté par Mozilla Developer Center saura vous guider convenablement.