Three.js la bibliothèque graphique 3D Javascript/WebGL

Publié : déc. 22, 2014

Depuis longtemps, je m'intéresse au graphisme 3D. L'intérêt a commencé avec les jeux 3D. À l'époque où les cartes graphiques 3dfx étaient populaires, nous avons eu un avant-goût de ce que les graphiques 3D accélérés matériellement sur un système d'exploitation Windows pouvaient réaliser.

Depuis lors, les fabricants de matériel ont pour mission de construire du matériel de plus en plus performant. Avec l'avènement de HTML5 et WebGL, nous pouvons découvrir des graphiques 3D complexes dans un environnement Web.

Il est vrai qu'il existe des plugins de navigateur (Flash Shockwave, Silverlight, Java) capables de générer de la 3D dans un navigateur, mais la prise en charge entre différents navigateurs et plates-formes a été mixte (iOS étant le principal).

Ainsi, maintenant que l'adoption de WebGL comme standard du Web est de plus en plus répandue (oui, il a été récemment ajouté à iOS 8 !), nous disposons enfin d'un moyen de générer de la 3D complexe dans un navigateur Web. Je pense que cela a le potentiel de pousser enfin le Web dans la 3ème dimension.

Avec la prise en charge croissante de WebGL, nous avons examiné l'une des meilleures bibliothèques graphiques WebGL du marché :trois.js. Nous examinerons ici quelques-unes des meilleures démos three.js que nous pouvons trouver :

1. Samsung Coureur

Il s'agit d'une démo de voiture de course de Formule 1 montrant une voiture de F1 solitaire en course. Cliquer sur la voiture change l'angle de la caméra.