Canvas 2D
Attention, pour profiter des exemples ci-dessous, vous devez disposer d'un navigateur récent prenant en compte le standard Canvas.
_ Firefox 3.6 ou Firefox 4 Beta .
_ Google Chrome .
Meta-balls 2D
Ci-contre, un canvas (HTML5 + JavaScript) mettant en scène des Metaballs en deux dimensions. Elles sont obtenues grâce à l'utilisation d'un canvas invisible (présent dans le DOM, mais non affiché dans la page HTML) sur lequel va se balader de simples sphères ayant pour couleur de remplissage un dégradé radial.
Canvas 3D - WebGL
Attention, pour profiter des exemples ci-dessous, vous devez disposer d'un navigateur récent prenant en compte le standard WebGL.
_ Firefox 4 Beta .
_ Google Chrome .
Veillez aussi à ce que WebGL soit activé :
_ Activer WebGL
Loader COLLADA
Ci-contre, un canvas (HTML5 + JavaScript) permettant d'afficher des objets en trois dimensions après l'obtention d'un contexte WebGL.
Au stade de développement actuel, il est possible de charger puis d'afficher différents objets à partir de fichiers COLLADA. Seule les composantes diffuse (et pour un seul matériau), couleur et texture, sont passées au shader. D'autres améliorations suivront.
