|
|
<!DOCTYPE html><html lang="fr"><head>
|
|
|
<meta charset="utf-8">
|
|
|
<title>Bibliothèques et Plugins</title>
|
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
|
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
|
<meta name="twitter:site" content="@threejs">
|
|
|
<meta name="twitter:title" content="Three.js – Bibliothèques et Plugins">
|
|
|
<meta property="og:image" content="https://threejs.org/files/share.png">
|
|
|
<link rel="shortcut icon" href="../../files/favicon_white.ico" media="(prefers-color-scheme: dark)">
|
|
|
<link rel="shortcut icon" href="../../files/favicon.ico" media="(prefers-color-scheme: light)">
|
|
|
|
|
|
<link rel="stylesheet" href="../resources/lesson.css">
|
|
|
<link rel="stylesheet" href="../resources/lang.css">
|
|
|
<script type="importmap">
|
|
|
{
|
|
|
"imports": {
|
|
|
"three": "../../build/three.module.js"
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
</head>
|
|
|
<body>
|
|
|
<div class="container">
|
|
|
<div class="lesson-title">
|
|
|
<h1>Bibliothèques et Plugins</h1>
|
|
|
</div>
|
|
|
<div class="lesson">
|
|
|
<div class="lesson-main">
|
|
|
|
|
|
<p class="desc">
|
|
|
Voici une liste de bibliothèques et plugins compatibles développés en externe pour three.js. Cette
|
|
|
liste et les paquets associés sont maintenus par la communauté et ne sont pas garantis
|
|
|
d'être à jour. Si vous souhaitez mettre à jour cette liste, faites une Pull Request !
|
|
|
</p>
|
|
|
|
|
|
<h3>Physique</h3>
|
|
|
|
|
|
<ul>
|
|
|
<li>[link:https://github.com/lo-th/Oimo.js/ Oimo.js]</li>
|
|
|
<li>[link:https://enable3d.io/ enable3d]</li>
|
|
|
<li>[link:https://github.com/kripken/ammo.js/ ammo.js]</li>
|
|
|
<li>[link:https://github.com/pmndrs/cannon-es cannon-es]</li>
|
|
|
<li>[link:https://rapier.rs/ rapier]</li>
|
|
|
<li>[link:https://github.com/jrouwe/JoltPhysics.js Jolt]</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
<h3>Post-traitement</h3>
|
|
|
|
|
|
<p>
|
|
|
En plus des [link:https://github.com/mrdoob/three.js/tree/dev/examples/jsm/postprocessing effets de post-traitement officiels de three.js],
|
|
|
la prise en charge d'effets et de frameworks supplémentaires est disponible via des bibliothèques externes.
|
|
|
</p>
|
|
|
|
|
|
<ul>
|
|
|
<li>[link:https://github.com/vanruesc/postprocessing postprocessing]</li>
|
|
|
</ul>
|
|
|
|
|
|
<h3>Performance d'Intersection et de Raycast</h3>
|
|
|
|
|
|
<ul>
|
|
|
<li>[link:https://github.com/gkjohnson/three-mesh-bvh three-mesh-bvh]</li>
|
|
|
</ul>
|
|
|
|
|
|
<h3>Tracé de chemin</h3>
|
|
|
|
|
|
<ul>
|
|
|
<li>[link:https://github.com/gkjohnson/three-gpu-pathtracer three-gpu-pathtracer]</li>
|
|
|
</ul>
|
|
|
|
|
|
<h3>Formats de fichier</h3>
|
|
|
|
|
|
<p>
|
|
|
En plus des [link:https://github.com/mrdoob/three.js/tree/dev/examples/jsm/loaders chargeurs officiels de three.js],
|
|
|
la prise en charge de formats supplémentaires est disponible via des bibliothèques externes.
|
|
|
</p>
|
|
|
|
|
|
<ul>
|
|
|
<li>[link:https://github.com/gkjohnson/urdf-loaders/tree/master/javascript urdf-loader]</li>
|
|
|
<li>[link:https://github.com/NASA-AMMOS/3DTilesRendererJS 3d-tiles-renderer-js]</li>
|
|
|
<li>[link:https://github.com/kaisalmen/WWOBJLoader Chargeur OBJ WebWorker]</li>
|
|
|
<li>[link:https://github.com/IFCjs/web-ifc-three IFC.js]</li>
|
|
|
</ul>
|
|
|
|
|
|
<h3>Géométrie</h3>
|
|
|
|
|
|
<ul>
|
|
|
<li>[link:https://github.com/spite/THREE.MeshLine THREE.MeshLine]</li>
|
|
|
</ul>
|
|
|
|
|
|
<h3>Texte et Mise en page 3D</h3>
|
|
|
|
|
|
<ul>
|
|
|
<li>[link:https://github.com/protectwise/troika/tree/master/packages/troika-three-text troika-three-text]</li>
|
|
|
<li>[link:https://github.com/felixmariotto/three-mesh-ui three-mesh-ui]</li>
|
|
|
</ul>
|
|
|
|
|
|
<h3>Systèmes de particules</h3>
|
|
|
|
|
|
<ul>
|
|
|
<li>[link:https://github.com/Alchemist0823/three.quarks three.quarks]</li>
|
|
|
<li>[link:https://github.com/creativelifeform/three-nebula three-nebula]</li>
|
|
|
</ul>
|
|
|
|
|
|
<h3>Cinématique inverse</h3>
|
|
|
|
|
|
<ul>
|
|
|
<li>[link:https://github.com/jsantell/THREE.IK THREE.IK]</li>
|
|
|
<li>[link:https://github.com/lo-th/fullik fullik]</li>
|
|
|
<li>[link:https://github.com/gkjohnson/closed-chain-ik-js closed-chain-ik]</li>
|
|
|
</ul>
|
|
|
|
|
|
<h3>IA de jeu</h3>
|
|
|
|
|
|
<ul>
|
|
|
<li>[link:https://mugen87.github.io/yuka/ yuka]</li>
|
|
|
<li>[link:https://github.com/donmccurdy/three-pathfinding three-pathfinding]</li>
|
|
|
<li>[link:https://github.com/isaac-mason/recast-navigation-js recast-navigation-js]</li>
|
|
|
</ul>
|
|
|
|
|
|
<h3>Wrappers et Frameworks</h3>
|
|
|
|
|
|
<ul>
|
|
|
<li>[link:https://aframe.io/ A-Frame]</li>
|
|
|
<li>[link:https://lume.io/ Lume] - Éléments HTML pour graphismes 3D basés sur Three.</li>
|
|
|
<li>[link:https://github.com/pmndrs/react-three-fiber react-three-fiber] - Composants React pour graphismes 3D basés sur Three.</li>
|
|
|
<li>[link:https://threepipe.org/ threepipe] - Un framework de visualisation 3D polyvalent utilisant three.js pour le rendu.</li>
|
|
|
<li>[link:https://ecsyjs/ecsy-three ECSY]</li>
|
|
|
<li>[link:https://threlte.xyz/ Threlte] - Composants Svelte pour graphismes 3D basés sur Three.</li>
|
|
|
<li>[link:https://needle.tools/ Needle Engine]</li>
|
|
|
<li>[link:https://tresjs.org/ tresjs] - Composants Vue pour graphismes 3D basés sur Three.</li>
|
|
|
<li>[link:https://giro3d.org Giro3D] - Framework polyvalent basé sur Three pour visualiser et interagir avec des données géospatiales 2D, 2.5D et 3D.</li>
|
|
|
<li>[link:https://zap.works/mattercraft/ Mattercraft] - Éditeur visuel basé sur navigateur pour le contenu web AR, WebXR et 3D, construit sur three.js avec aperçu en temps réel et moteur physique.</li>
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<script src="../resources/prettify.js"></script>
|
|
|
<script src="../resources/lesson.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body></html> |