|
|
<!DOCTYPE html><html lang="en"><head>
|
|
|
<meta charset="utf-8">
|
|
|
<title>Libraries and 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 – Libraries and 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>Libraries and Plugins</h1>
|
|
|
</div>
|
|
|
<div class="lesson">
|
|
|
<div class="lesson-main">
|
|
|
|
|
|
<p class="desc">
|
|
|
Listed here are externally developed compatible libraries and plugins for three.js. This
|
|
|
list and the associated packages are maintained by the community and not guaranteed
|
|
|
to be up to date. If you'd like to update this list make a PR!
|
|
|
</p>
|
|
|
|
|
|
<h3>Physics</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>Postprocessing</h3>
|
|
|
|
|
|
<p>
|
|
|
In addition to the [link:https://github.com/mrdoob/three.js/tree/dev/examples/jsm/postprocessing official three.js postprocessing effects],
|
|
|
support for some additional effects and frameworks are available through external libraries.
|
|
|
</p>
|
|
|
|
|
|
<ul>
|
|
|
<li>[link:https://github.com/vanruesc/postprocessing postprocessing]</li>
|
|
|
</ul>
|
|
|
|
|
|
<h3>Intersection and Raycast Performance</h3>
|
|
|
|
|
|
<ul>
|
|
|
<li>[link:https://github.com/gkjohnson/three-mesh-bvh three-mesh-bvh]</li>
|
|
|
</ul>
|
|
|
|
|
|
<h3>Path Tracing</h3>
|
|
|
|
|
|
<ul>
|
|
|
<li>[link:https://github.com/gkjohnson/three-gpu-pathtracer three-gpu-pathtracer]</li>
|
|
|
</ul>
|
|
|
|
|
|
<h3>File Formats</h3>
|
|
|
|
|
|
<p>
|
|
|
In addition to the [link:https://github.com/mrdoob/three.js/tree/dev/examples/jsm/loaders official three.js loaders],
|
|
|
support for some additional formats is available through external libraries.
|
|
|
</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 WebWorker OBJLoader]</li>
|
|
|
<li>[link:https://github.com/IFCjs/web-ifc-three IFC.js]</li>
|
|
|
</ul>
|
|
|
|
|
|
<h3>Geometry</h3>
|
|
|
|
|
|
<ul>
|
|
|
<li>[link:https://github.com/spite/THREE.MeshLine THREE.MeshLine]</li>
|
|
|
</ul>
|
|
|
|
|
|
<h3>3D Text and Layout</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>Particle Systems</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>Inverse Kinematics</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>Game AI</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 and Frameworks</h3>
|
|
|
|
|
|
<ul>
|
|
|
<li>[link:https://aframe.io/ A-Frame]</li>
|
|
|
<li>[link:https://lume.io/ Lume] - HTML elements for 3D graphics built on Three.</li>
|
|
|
<li>[link:https://github.com/pmndrs/react-three-fiber react-three-fiber] - React components for 3D graphics built on Three.</li>
|
|
|
<li>[link:https://threepipe.org/ threepipe] - A versatile 3D viewer framework using three.js for rendering.</li>
|
|
|
<li>[link:https://github.com/ecsyjs/ecsy-three ECSY]</li>
|
|
|
<li>[link:https://threlte.xyz/ Threlte] - Svelte components for 3D graphics built on Three.</li>
|
|
|
<li>[link:https://needle.tools/ Needle Engine]</li>
|
|
|
<li>[link:https://tresjs.org/ tresjs] - Vue components for 3D graphics built on Three.</li>
|
|
|
<li>[link:https://giro3d.org Giro3D] - Versatile framework built on Three for visualizing and interacting with Geospatial 2D, 2.5D and 3D data.</li>
|
|
|
<li>[link:https://zap.works/mattercraft/ Mattercraft] - Browser-based visual editor for AR, WebXR and 3D web content, built on three.js with real-time preview and physics engine.</li>
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<script src="../resources/prettify.js"></script>
|
|
|
<script src="../resources/lesson.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</body></html>
|