canvas - Fanfois et ses papillons

19 août 2012

WebGL, Quel livre pour débuter ?

Depuis mon dernier billet sur WebGL, je n’ai pas arrêté WebGL, bien au contraire et j’ai finalisé la bibliothèque WebGL que je devais réaliser. Cela dit la chose ne s’est pas faite sans douleurs et il m’a fallu lire tout ce que j’ai trouvé sur le sujet....

Posté par mifanfois à 18:01 - Commentaires […] - Permalien [#]

Tags: HTML5, WebGL, 3D, Canvas

Partager cet article

Vous aimez ?

0 vote

6 juin 2012

HTML5 09 (tutorial WebGL 8ème partie)

Dans le précédent billet, nous avons ajouté à notre panoplie la fonctionnalité "billboard", "panneau d'affichage" en Français (mais nous dirons simplement "panneau"). Si la fonctionnalité est disponible, on ne peut pas dire que nous en ayons fait un usage...

Posté par mifanfois à 23:56 - Commentaires […] - Permalien [#]

Tags: HTML5, IEWebGL, Javascript, WebGL, 3D, Canvas

Partager cet article

Vous aimez ?

0 vote

4 juin 2012

HTML5 08 (tutorial WebGL 7ème partie)

Pour ceux qui ne l'auraient pas deviné à la lecture des précédents billets, le but de cette série de billets n'est pas de réaliser le nouveau jeu de la mort qui tue. Non, le but est de rendre en 3D des points et/ou des courbes et de permettre à l'utilisateur...

Posté par mifanfois à 01:23 - Commentaires […] - Permalien [#]

Tags: HTML5, IEWebGL, Javascript, WebGL, 3D, Canvas

Partager cet article

Vous aimez ?

0 vote

23 mai 2012

HTML5 07 (tutorial WebGL 6ème partie)

Dans le précédent billet, nous avons permis à l'utilisateur de manipuler la caméra et donc de visualiser la scène comme il le souhaite. Par contre la scène que nous lui proposons est nécessairement simple. En effet nous sommes actuellement obligés de...

Posté par mifanfois à 18:42 - Commentaires […] - Permalien [#]

Tags: HTML5, IEWebGL, Javascript, WebGL, 3D, Canvas

Partager cet article

Vous aimez ?

0 vote

22 mai 2012

HTML5 06 (tutorial WebGL 5ème partie)

Dans ce billet nous allons permettre à l'utilisateur de déplacer la caméra. En effet, si nous avons introduit la caméra dans le précédent billet, elle est pour l'instant fixe. Le code de gestion de la caméra est directement inspiré de celui que l'on peut...

Posté par mifanfois à 23:54 - Commentaires […] - Permalien [#]

Tags: HTML5, IEWebGL, Javascript, WebGL, 3D, Canvas

Partager cet article

Vous aimez ?

0 vote

21 mai 2012

HTML5 05 (tutorial WebGL, 4ème partie)

Dans ce billet nous allons nous occuper de l'observateur que l'on appelle généralement la caméra. Pour l'instant nous n'avons rien fait de particulier. En conséquence nous voyons un espace 3D qui se réduit à un "cube" centré sur l'origine, le point de...

Posté par mifanfois à 23:09 - Commentaires […] - Permalien [#]

Tags: HTML5, IEWebGL, Javascript, WebGL, 3D, Canvas

Partager cet article

Vous aimez ?

0 vote

16 mai 2012

HTML5 04 (tutorial WebGL, 3ème partie)

Dans le précédent billet nous avons pu visualiser les trois axes du référentiel du contexte WebGL. Nous avons même réussi à faire se déplacer le référentiel. Cela dit, à moins d'être très attentif et de ne pas quitter des yeux le référentiel, il est assez...

Posté par mifanfois à 00:15 - Commentaires […] - Permalien [#]

Tags: HTML5, IEWebGL, Javascript, WebGL, 3D, Canvas

Partager cet article

Vous aimez ?

0 vote

15 mai 2012

HTML5 03 (tutorial WebGL, 2ème partie)

Dans le précédent billet nous avons dessiné les trois axes du référentiel du contexte WebGL. Malheureusement nous ne distinguions pas bien l'axe Z. Dans ce billet nous allons rendre visible l'axe des Z de notre référentiel. Pour cela il y a deux solutions...

Posté par mifanfois à 22:37 - Commentaires […] - Permalien [#]

Tags: HTML5, IEWebGL, Javascript, WebGL, 3D, Canvas

Partager cet article

Vous aimez ?

0 vote

8 mai 2012

HTML5 02 (tutorial WebGL, 1ère partie)

Dans ce billet nous allons commencer à apprendre à faire une page HTML5 qui mette en œuvre WebGL pour faire un dessin. Comme vous le savez probablement déjà, WebGL n'est pas supporté par tout le monde. Pour que notre page puisse espérer fonctionner avec...

Posté par mifanfois à 21:07 - Commentaires […] - Permalien [#]

Tags: HTML5, IEWebGL, Javascript, WebGL, 3D, Canvas

Partager cet article

Vous aimez ?

0 vote

3 mai 2012

HTML5 01 (IEWebGL)

Cette, nouvelle, série de billets porte sur la visualisation d’objets en 3D dans un butineur standard. Dans cette optique, il est naturel de penser HTML5 et plus particulièrement Canvas. Jusque-là il n’y a pas de problème, si ce n’est qu’il faut utiliser...

Posté par mifanfois à 22:55 - Commentaires […] - Permalien [#]

Tags: HTML5, IEWebGL, Javascript, WebGL, 3D, Canvas

Partager cet article

Vous aimez ?

0 vote