Manipulation de pixels

Voilà quelques temps que je m’amuse avec la balise CANVAS. Il s’agit d’une zone de dessin en 2D dont on peut manipuler chaque pixel. Plus tard on devrait avoir accès à une zone en 3D (via OpenGL), mais pour le moment on se limite à la 2D, ce qui est déjà pas mal !

J’ai commencé par un essai d’oekaki qui est réalisé sans aucune image et qui permet de dessiner sur son écran.

oekaki

oekaki

Puis j’ai eu envie de tester de bon vieux effets de la scène démo, comme on en faisait sur amiga et autres pentiums. Des metaballs par exemple, ou des lucioles. À noter que pour que l’animation des metaballs soit fluide, il faut utiliser un navigateur toute dernière génération (par ex. Firefox 3.5).

Lucioles

Lucioles

Metaballs

Metaballs

NB : bien entendu tout cela ne marche pas sur Internet Explorer (même le 8), seul navigateur actuel qui ne supporte toujours pas la balise CANVAS.

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s


%d blogueurs aiment cette page :