Amusez vous avec les shaders

Shader Toy vous permet de vous amuser avec les shaders et pourquoi pas d’en faire vous même.

Attention il faut un peut connaitre la programmation graphique pour ne pas faire n’importe quoi, sachant que le résultat est visible sur votre navigateur (javascript + canvas + html 5).

EaselJS : une librairie JS pour Canvas

EaselJS est une librairie JS (Javascript) pour le Canvas d’HTML5.

Cette dernière va vous permettre de programmer plus facilement et de réaliser des jeux, étincelles, drag & drop, localToGlobal, globalToLocal, gestion de sprites, graphiques, graphiques en barres

Un lecteur audio à 360° en javascript

Vous en avez marre des lecteurs Flash simpliste qui n’affichent qu’une barre de progression?

Et bien passez au HTML5 avec Canvas pour afficher avec du JavaScript une représentation à 360° de la courbe sonore customisable de vos morceaux de musique ou vos sons.

source

Exemple d’applications Canvas HTML5

Avec les navigateurs récents, le support de l’HTML 5 a permis de développer les exemples et applications utilisant les nouveautés permises par ce langage.

Canvasdemos, est un site qui reprend les meilleures démos utilisant la propriété CANVAS ; permettant au javascript de créer des images, ouvrant la porte à la 2D et 3D animée.

Une démonstration qui m’a bluffé, c’est le programme qui simule la fonction Ambilight (comme sur les écrans Philips) ; sur une vidéo, le javascript analyse les cotés gauche et droit de la vidéo et simule l’éclairage des lampes sur le mur, impressionnant.