用于构建社交虚拟现实体验的Web框架。 — — 例子 产品特点 使用HTML和JS为台式机，移动设备和VR设备构建沉浸式3D环境 使用HTML5视频支持2d，sbs3d / ou3d和360度视频纹理 3D位置音频 通过HTML5 Gamepad API对Gamepad的支持 Three.js / WebGL提供的渲染功能 通过WebVR API支持Oculus Rift，Vive，GearVR，Daydream和Cardboard 支持手部追踪外设，例如Leap Motion，Oculus Touch和Vive控制器 导入Collada，OBJ，glTF和其他流行的3d文件格式 通过内置网络跨所有设备进行实时协作 可编写脚本的客户端支持许多自定义用途 使用 使用JanusWeb有几种不同的方法，具体取决于您希望对整个系统进行多少控制。 使用我们的查看器 我们的默认查看器始终在可用。 您可以使用编写HTML页面，并将其托管在通常托管静态网站的任何位置。 任何常规的Web主机，AWS S3静态站点，CDN或什至是等更特殊的位置都可以使用。 您甚至可以将标记添加到PasteBin或P

ThreeUI UI解决方案。 基本布局系统，它将在画布上绘制UI元素（矩形，文本，子画面），并将此画布呈现在单独的Three.js场景中的四边形上。 用法 一旦确定已加载three.js和three-ui，就可以轻松上手。 // Setup THREE.WebGLRenderer const renderer = new THREE . WebGLRenderer ( ) ; document . body . appendChild ( renderer . domElement ) ; const ui = new ThreeUI ( renderer . domElement , 720 ) ; // Create things const rectangle = ui . createRectangle ( '#FF6D92' , 0 , 0 , 250 , 250 )

三个gltf扩展名 glTF和具有插件系统，可为用户提供扩展机制。 glTF扩展可以使用插件系统处理。 某些主要且稳定扩展的插件内置在加载程序和导出程序中。 但是，尚不支持其他扩展作为内置扩展（例如），因为例如该规范不适用于Three.js API或结​​构，或者该规范尚未最终确定。 如果要使用此类扩展，则需要自己编写插件，但这需要具备glTF规范，扩展规范，Three.js核心API或Three.js glTF加载程序/导出程序API的知识。 对于某些用户来说可能很难。 该项目为您提供Three.js glTF加载程序/扩展插件，甚至适用于此类扩展。 您不再需要自己编写插件。 目标 提供可重复使用性和易用性，甚至适用于那些规范不适合Three.js API或结​​构的扩展 允许对glTF扩展进行早期试用，其规范尚未最终确定 将反馈发送到Three.js glTF加载程序/导出程

blender-threejs-工作流程 使用gltf格式的示例Blender to Three.js工作流程使用： ThreeJS 0.110.x Webpack 4.41.x Babel 7.7.x Tween.js 18.4.x 安装 使用以下命令安装依赖项： npm install 用法 使用以下命令运行开发服务器： npm start 然后在以下位置查看本地服务器： http://localhost:8080 导出模型 确保您正在使用内置了GLTF导出功能的Blender 2.8.1： https://www.blender.org/download/ 创建场景并使用以下命令导入模型： File > Import > Choose the format 检查您的材料是否受GLFT支持： Select an object > Bottom right >

Blender导出ThreeJs(.json)文件插件 适用于Blender2.79. 其他版本可能无法使用, 直接解压后, 把文件放到Blender对应的目录(Blender\2.79\scripts\addons)

ThreeJsDemo 在线演示地址：

该demo实现threejs 对fbx obj mtl 模型的加载及动画处理，鼠标控制，附带各个模型的源文件，初学者可以参考

three.js引入建模软件导出fbx格式文件，实现动画例子。

vue-threejs [WIP] 绑定 从迁移 演示： ， // import VueThreejs from 'vue-threejs' // below 0.2.0 import * as VueThreejs from 'vue-threejs' // >= 0.2.0 Vue . use ( VueThreejs ) </ camera

Threejs-贴花 THREE.js 的动态贴花。 基于的 请注意，此实现不会裁剪多边形的边缘。 此外，更重要的是，如果目标几何体中的三角形太大以至于没有顶点落在投影体积内，则该三角形将不会包含在贴花几何体中。 例如，如果您尝试将一个小贴花投影到一个巨大立方体的一侧，则什么也不会发生。 看看它的实际效果： :