< Back | Wikipedia | Home | Light Mode

Three.js

Cet article est une ebauche concernant l'informatique.

Vous pouvez partager vos connaissances en l'ameliorant (comment ?) selon les recommandations des projets correspondants. Three.js Informations Developpe par MrDoob et autres auteurs de Three.js Premiere version 24 avril 2010 Derniere version r176 (23 avril 2025) Depot github.com/mrdoob/three.js Ecrit en JavaScript Systeme d'exploitation Multiplateforme (d) Type Interface de programmation
Bibliotheque JavaScript
Bibliotheque logicielle Licence Licence MIT Site web threejs.org

modifier - modifier le code - voir Wikidata (aide)

Three.js est une bibliotheque JavaScript pour creer des scenes 3D dans un navigateur web. Elle peut etre utilisee avec la balise canvas du HTML5 sans avoir besoin d'un plugin. Le code source est heberge sur le GitHub de son createur mrDoob.

Son principe est d'etre accessible a tout le monde, elle permet des rendus en WebGL, CSS3D et SVG.

Sa logique est proche - bien que plus moderne - du moteur graphique Shockwave d'Adobe, qui etait l'ancien standard de la 3D en navigateur avant la generalisation du WebGL. Les objets sont ranges en arborescence de matrices, avec un systeme parent/enfants. Le materiau par defaut est tres simple mais il dispose de nombreuses options pour y ajouter divers effets.

La bibliotheque contient par exemple les fonctionnalites suivantes :

Animation par squelette
LOD (niveau de details pour les objets)
Chargement de fichiers aux formats .OBJ, . JSON, . FBX, .DAE, .GLB
Systeme de particules (pour par exemple simuler la neige, le feu, etc.)
Systeme de collisions pour jeux videos, base sur un stockage des triangles dans un octree.

Le code suivant cree une scene et ajoute une camera et un cube, une balise de rendu canvas s'ajoute a la page. Une fois charge, le cube tourne sur son axe X et Y.

Livres sur la programmation avec Three.js:

(en) Tony Parisi, WebGL : Up and Running, Sebastopol, Oreilly & Associates Inc, 2012, 211 p. (ISBN 978-1-4493-2357-8, lire en ligne)
(en) Jacob Seidelin, HTML5 games : creating fun with HTML5, CSS3, and WebGL, Chichester, West Sussex, U.K, John Wiley & Sons, 2012, 412-414 p. (ISBN 978-1-119-97508-3 et 1-119-97508-5) - "Three.js can make game development easier by taking care of low-level details"
(en) James Williams, Learning HTML5 game programming : a hands-on guide to building online games using Canvas, SVG, and WebGL, Upper Saddle River, NJ, Addison-Wesley, 2012, 117-120, 123-131, 136, 140-142 (ISBN 978-0-321-76736-3 et 0-321-76736-5, lire en ligne)
(en) Jon Raasch, Smashing WebKit, Chichester, Wiley, 2011, 181, 182, 216 (ISBN 978-1-119-99913-3 et 1-119-99913-8, lire en ligne)
(en) James Williams, Three.js By Example, Vancouver, Canada, Leanpub, 2013 (lire en ligne)

Sur les autres projets Wikimedia :

Three.js, sur Wikimedia Commons

(en) Site officiel de la bibliotheque.
(en) sources de Three.js sur GitHub
(en) http://threejs.org/docs/ Documentation
AlteredQualia
Stemkoski Three.js Examples
1-2-three: graphic simulation by example
Learning Three.js
kepo-ing Zz85
Learning WebGL
ThreeJS Journey - Learning WebGL with Three.js
WebGL Review Site
Laby

La derniere modification de cette page a ete faite le 18 novembre 2025 a 10:39.
Droit d'auteur : les textes sont disponibles sous licence Creative Commons attribution, partage dans les memes conditions ; d'autres conditions peuvent s'appliquer. Voyez les conditions d'utilisation pour plus de details, ainsi que les credits graphiques. En cas de reutilisation des textes de cette page, voyez comment citer les auteurs et mentionner la licence.
Wikipedia(r) est une marque deposee de la Wikimedia Foundation, Inc., organisation de bienfaisance regie par le paragraphe 501(c)(3) du code fiscal des Etats-Unis.

Rechercher Basculer la table des matieres Three.js 11 langues Ajouter un sujet

Source: fr.wikipedia.org