更新 日期 更新 2021-02-25 新增内容：扫描QR码以更新gltf模型的网址。 更新：1.为模型查看器添加定向光，以使模型具有阴影。 2.为全景查看器添加设备像素比率，以使图片清晰。 2019-10-31 更新：使用新的由“ wechat-miniprogram”修改的Gltf加载器。 支持不带纹理的.glb格式和.gltf格式。 2019-09-17 新增内容：微信小程序3D，其中包括使用设备方向控件的Panorama Viewer和3D Viewer。 通过THREEJS引入微信小程序3D Three.js是一个JavaScript 3D库。 有一个微信MiniProgram改编的Three.js版本。 索引页 3D查看器页面 全景检视器 单击“全景”按钮时，将显示全景查看器。 竖屏 风景屏 启动设备运动时，设备方向控件将旋转屏幕。 停止设备运动时，请

Kibus 3D 在这个 repo 中只执行算法 A * 来寻找最短路径，它与其他 repository 不同，因为它是使用 Three.js 制作的。 笔记 在推送之前，完整的 repo 留在损坏的计算机上

三个js加载器 从JSON文件加载网格数据，然后将其导入场景。 依靠ThreeJS。 预期的数据格式由。 例子： // Standard three.js setup. var THREE = require ( "three" ) ; var scene = new THREE . Scene ( ) ; var camera = new THREE . PerspectiveCamera ( 75 , window . innerWidth / window . innerHeight , 0.1 , 1000 ) ; var renderer = new THREE . WebGLRenderer ( ) ; renderer . setSize ( window . innerWidth , window . innerHeight ) ; document . body .

用于构建社交虚拟现实体验的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 模型的加载及动画处理，鼠标控制，附带各个模型的源文件，初学者可以参考