libraries-and-plugins.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <!DOCTYPE html><html lang="zh"><head>
  2. <meta charset="utf-8">
  3. <title>库与插件</title>
  4. <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
  5. <meta name="twitter:card" content="summary_large_image">
  6. <meta name="twitter:site" content="@threejs">
  7. <meta name="twitter:title" content="Three.js – 库与插件">
  8. <meta property="og:image" content="https://threejs.org/files/share.png">
  9. <link rel="shortcut icon" href="../../files/favicon_white.ico" media="(prefers-color-scheme: dark)">
  10. <link rel="shortcut icon" href="../../files/favicon.ico" media="(prefers-color-scheme: light)">
  11. <link rel="stylesheet" href="../resources/lesson.css">
  12. <link rel="stylesheet" href="../resources/lang.css">
  13. <script type="importmap">
  14. {
  15. "imports": {
  16. "three": "../../build/three.module.js"
  17. }
  18. }
  19. </script>
  20. </head>
  21. <body>
  22. <div class="container">
  23. <div class="lesson-title">
  24. <h1>库与插件</h1>
  25. </div>
  26. <div class="lesson">
  27. <div class="lesson-main">
  28. <p class="desc">
  29. 这里列出由外部开发、与 three.js 兼容的库和插件。此列表及相关包由社区维护,不能保证是最新的。如需更新该列表,请提交 PR!
  30. </p>
  31. <h3>物理引擎</h3>
  32. <ul>
  33. <li>[link:https://github.com/lo-th/Oimo.js/ Oimo.js]</li>
  34. <li>[link:https://enable3d.io/ enable3d]</li>
  35. <li>[link:https://github.com/kripken/ammo.js/ ammo.js]</li>
  36. <li>[link:https://github.com/pmndrs/cannon-es cannon-es]</li>
  37. <li>[link:https://rapier.rs/ rapier]</li>
  38. <li>[link:https://github.com/jrouwe/JoltPhysics.js Jolt]</li>
  39. </ul>
  40. <h3>后处理</h3>
  41. <p>
  42. 除了 [link:https://github.com/mrdoob/three.js/tree/dev/examples/jsm/postprocessing three.js 官方后处理效果]之外,外部库还提供对一些额外效果和框架的支持。
  43. </p>
  44. <ul>
  45. <li>[link:https://github.com/vanruesc/postprocessing postprocessing]</li>
  46. </ul>
  47. <h3>相交检测与射线检测性能</h3>
  48. <ul>
  49. <li>[link:https://github.com/gkjohnson/three-mesh-bvh three-mesh-bvh]</li>
  50. </ul>
  51. <h3>路径追踪</h3>
  52. <ul>
  53. <li>[link:https://github.com/gkjohnson/three-gpu-pathtracer three-gpu-pathtracer]</li>
  54. </ul>
  55. <h3>文件格式</h3>
  56. <p>
  57. 除了 [link:https://github.com/mrdoob/three.js/tree/dev/examples/jsm/loaders three.js 官方加载器]之外,外部库还提供对一些额外格式的支持。
  58. </p>
  59. <ul>
  60. <li>[link:https://github.com/gkjohnson/urdf-loaders/tree/master/javascript urdf-loader]</li>
  61. <li>[link:https://github.com/NASA-AMMOS/3DTilesRendererJS 3d-tiles-renderer-js]</li>
  62. <li>[link:https://github.com/kaisalmen/WWOBJLoader WebWorker OBJLoader]</li>
  63. <li>[link:https://github.com/IFCjs/web-ifc-three IFC.js]</li>
  64. </ul>
  65. <h3>几何体</h3>
  66. <ul>
  67. <li>[link:https://github.com/spite/THREE.MeshLine THREE.MeshLine]</li>
  68. </ul>
  69. <h3>3D 文本与布局</h3>
  70. <ul>
  71. <li>[link:https://github.com/protectwise/troika/tree/master/packages/troika-three-text troika-three-text]</li>
  72. <li>[link:https://github.com/felixmariotto/three-mesh-ui three-mesh-ui]</li>
  73. </ul>
  74. <h3>粒子系统</h3>
  75. <ul>
  76. <li>[link:https://github.com/Alchemist0823/three.quarks three.quarks]</li>
  77. <li>[link:https://github.com/creativelifeform/three-nebula three-nebula]</li>
  78. </ul>
  79. <h3>逆运动学</h3>
  80. <ul>
  81. <li>[link:https://github.com/jsantell/THREE.IK THREE.IK]</li>
  82. <li>[link:https://github.com/lo-th/fullik fullik]</li>
  83. <li>[link:https://github.com/gkjohnson/closed-chain-ik-js closed-chain-ik]</li>
  84. </ul>
  85. <h3>游戏 AI</h3>
  86. <ul>
  87. <li>[link:https://mugen87.github.io/yuka/ yuka]</li>
  88. <li>[link:https://github.com/donmccurdy/three-pathfinding three-pathfinding]</li>
  89. <li>[link:https://github.com/isaac-mason/recast-navigation-js recast-navigation-js]</li>
  90. </ul>
  91. <h3>封装与框架</h3>
  92. <ul>
  93. <li>[link:https://aframe.io/ A-Frame]</li>
  94. <li>[link:https://lume.io/ Lume] - 基于 Three 构建的 3D 图形 HTML 元素。</li>
  95. <li>[link:https://github.com/pmndrs/react-three-fiber react-three-fiber] - 基于 Three 构建的 3D 图形 React 组件。</li>
  96. <li>[link:https://threepipe.org/ threepipe] - 使用 three.js 进行渲染的多功能 3D 查看器框架。</li>
  97. <li>[link:https://github.com/ecsyjs/ecsy-three ECSY]</li>
  98. <li>[link:https://threlte.xyz/ Threlte] - 基于 Three 构建的 3D 图形 Svelte 组件。</li>
  99. <li>[link:https://needle.tools/ Needle Engine]</li>
  100. <li>[link:https://tresjs.org/ tresjs] - 基于 Three 构建的 3D 图形 Vue 组件。</li>
  101. <li>[link:https://giro3d.org Giro3D] - 基于 Three 构建的多功能框架,用于可视化和交互地理空间 2D、2.5D 和 3D 数据。</li>
  102. <li>[link:https://zap.works/mattercraft/ Mattercraft] - 基于 three.js 的浏览器端可视化编辑器,用于 AR、WebXR 和 3D 网页内容,支持实时预览和物理引擎。</li>
  103. </ul>
  104. </div>
  105. </div>
  106. </div>
  107. <script src="../resources/prettify.js"></script>
  108. <script src="../resources/lesson.js"></script>
  109. </body></html>
粤ICP备19079148号