libraries-and-plugins.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. <!DOCTYPE html><html lang="en"><head>
  2. <meta charset="utf-8">
  3. <title>Libraries and Plugins</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 – Libraries and Plugins">
  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>Libraries and Plugins</h1>
  25. </div>
  26. <div class="lesson">
  27. <div class="lesson-main">
  28. <p class="desc">
  29. Listed here are externally developed compatible libraries and plugins for three.js. This
  30. list and the associated packages are maintained by the community and not guaranteed
  31. to be up to date. If you'd like to update this list make a PR!
  32. </p>
  33. <h3>Physics</h3>
  34. <ul>
  35. <li>[link:https://github.com/lo-th/Oimo.js/ Oimo.js]</li>
  36. <li>[link:https://enable3d.io/ enable3d]</li>
  37. <li>[link:https://github.com/kripken/ammo.js/ ammo.js]</li>
  38. <li>[link:https://github.com/pmndrs/cannon-es cannon-es]</li>
  39. <li>[link:https://rapier.rs/ rapier]</li>
  40. <li>[link:https://github.com/jrouwe/JoltPhysics.js Jolt]</li>
  41. </ul>
  42. <h3>Postprocessing</h3>
  43. <p>
  44. In addition to the [link:https://github.com/mrdoob/three.js/tree/dev/examples/jsm/postprocessing official three.js postprocessing effects],
  45. support for some additional effects and frameworks are available through external libraries.
  46. </p>
  47. <ul>
  48. <li>[link:https://github.com/vanruesc/postprocessing postprocessing]</li>
  49. </ul>
  50. <h3>Intersection and Raycast Performance</h3>
  51. <ul>
  52. <li>[link:https://github.com/gkjohnson/three-mesh-bvh three-mesh-bvh]</li>
  53. </ul>
  54. <h3>Path Tracing</h3>
  55. <ul>
  56. <li>[link:https://github.com/gkjohnson/three-gpu-pathtracer three-gpu-pathtracer]</li>
  57. </ul>
  58. <h3>File Formats</h3>
  59. <p>
  60. In addition to the [link:https://github.com/mrdoob/three.js/tree/dev/examples/jsm/loaders official three.js loaders],
  61. support for some additional formats is available through external libraries.
  62. </p>
  63. <ul>
  64. <li>[link:https://github.com/gkjohnson/urdf-loaders/tree/master/javascript urdf-loader]</li>
  65. <li>[link:https://github.com/NASA-AMMOS/3DTilesRendererJS 3d-tiles-renderer-js]</li>
  66. <li>[link:https://github.com/kaisalmen/WWOBJLoader WebWorker OBJLoader]</li>
  67. <li>[link:https://github.com/IFCjs/web-ifc-three IFC.js]</li>
  68. </ul>
  69. <h3>Geometry</h3>
  70. <ul>
  71. <li>[link:https://github.com/spite/THREE.MeshLine THREE.MeshLine]</li>
  72. </ul>
  73. <h3>3D Text and Layout</h3>
  74. <ul>
  75. <li>[link:https://github.com/protectwise/troika/tree/master/packages/troika-three-text troika-three-text]</li>
  76. <li>[link:https://github.com/felixmariotto/three-mesh-ui three-mesh-ui]</li>
  77. </ul>
  78. <h3>Particle Systems</h3>
  79. <ul>
  80. <li>[link:https://github.com/Alchemist0823/three.quarks three.quarks]</li>
  81. <li>[link:https://github.com/creativelifeform/three-nebula three-nebula]</li>
  82. </ul>
  83. <h3>Inverse Kinematics</h3>
  84. <ul>
  85. <li>[link:https://github.com/jsantell/THREE.IK THREE.IK]</li>
  86. <li>[link:https://github.com/lo-th/fullik fullik]</li>
  87. <li>[link:https://github.com/gkjohnson/closed-chain-ik-js closed-chain-ik]</li>
  88. </ul>
  89. <h3>Game AI</h3>
  90. <ul>
  91. <li>[link:https://mugen87.github.io/yuka/ yuka]</li>
  92. <li>[link:https://github.com/donmccurdy/three-pathfinding three-pathfinding]</li>
  93. <li>[link:https://github.com/isaac-mason/recast-navigation-js recast-navigation-js]</li>
  94. </ul>
  95. <h3>Wrappers and Frameworks</h3>
  96. <ul>
  97. <li>[link:https://aframe.io/ A-Frame]</li>
  98. <li>[link:https://lume.io/ Lume] - HTML elements for 3D graphics built on Three.</li>
  99. <li>[link:https://github.com/pmndrs/react-three-fiber react-three-fiber] - React components for 3D graphics built on Three.</li>
  100. <li>[link:https://threepipe.org/ threepipe] - A versatile 3D viewer framework using three.js for rendering.</li>
  101. <li>[link:https://github.com/ecsyjs/ecsy-three ECSY]</li>
  102. <li>[link:https://threlte.xyz/ Threlte] - Svelte components for 3D graphics built on Three.</li>
  103. <li>[link:https://needle.tools/ Needle Engine]</li>
  104. <li>[link:https://tresjs.org/ tresjs] - Vue components for 3D graphics built on Three.</li>
  105. <li>[link:https://giro3d.org Giro3D] - Versatile framework built on Three for visualizing and interacting with Geospatial 2D, 2.5D and 3D data.</li>
  106. <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>
  107. </ul>
  108. </div>
  109. </div>
  110. </div>
  111. <script src="../resources/prettify.js"></script>
  112. <script src="../resources/lesson.js"></script>
  113. </body></html>
粤ICP备19079148号