| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142 |
- <!DOCTYPE html><html lang="zh"><head>
- <meta charset="utf-8">
- <title>库与插件</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 – 库与插件">
- <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>库与插件</h1>
- </div>
- <div class="lesson">
- <div class="lesson-main">
- <p class="desc">
- 这里列出由外部开发、与 three.js 兼容的库和插件。此列表及相关包由社区维护,不能保证是最新的。如需更新该列表,请提交 PR!
- </p>
- <h3>物理引擎</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>后处理</h3>
- <p>
- 除了 [link:https://github.com/mrdoob/three.js/tree/dev/examples/jsm/postprocessing three.js 官方后处理效果]之外,外部库还提供对一些额外效果和框架的支持。
- </p>
- <ul>
- <li>[link:https://github.com/vanruesc/postprocessing postprocessing]</li>
- </ul>
- <h3>相交检测与射线检测性能</h3>
- <ul>
- <li>[link:https://github.com/gkjohnson/three-mesh-bvh three-mesh-bvh]</li>
- </ul>
- <h3>路径追踪</h3>
- <ul>
- <li>[link:https://github.com/gkjohnson/three-gpu-pathtracer three-gpu-pathtracer]</li>
- </ul>
- <h3>文件格式</h3>
- <p>
- 除了 [link:https://github.com/mrdoob/three.js/tree/dev/examples/jsm/loaders three.js 官方加载器]之外,外部库还提供对一些额外格式的支持。
- </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>几何体</h3>
- <ul>
- <li>[link:https://github.com/spite/THREE.MeshLine THREE.MeshLine]</li>
- </ul>
- <h3>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>粒子系统</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>逆运动学</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>游戏 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>封装与框架</h3>
- <ul>
- <li>[link:https://aframe.io/ A-Frame]</li>
- <li>[link:https://lume.io/ Lume] - 基于 Three 构建的 3D 图形 HTML 元素。</li>
- <li>[link:https://github.com/pmndrs/react-three-fiber react-three-fiber] - 基于 Three 构建的 3D 图形 React 组件。</li>
- <li>[link:https://threepipe.org/ threepipe] - 使用 three.js 进行渲染的多功能 3D 查看器框架。</li>
- <li>[link:https://github.com/ecsyjs/ecsy-three ECSY]</li>
- <li>[link:https://threlte.xyz/ Threlte] - 基于 Three 构建的 3D 图形 Svelte 组件。</li>
- <li>[link:https://needle.tools/ Needle Engine]</li>
- <li>[link:https://tresjs.org/ tresjs] - 基于 Three 构建的 3D 图形 Vue 组件。</li>
- <li>[link:https://giro3d.org Giro3D] - 基于 Three 构建的多功能框架,用于可视化和交互地理空间 2D、2.5D 和 3D 数据。</li>
- <li>[link:https://zap.works/mattercraft/ Mattercraft] - 基于 three.js 的浏览器端可视化编辑器,用于 AR、WebXR 和 3D 网页内容,支持实时预览和物理引擎。</li>
- </ul>
- </div>
- </div>
- </div>
- <script src="../resources/prettify.js"></script>
- <script src="../resources/lesson.js"></script>
- </body></html>
|