threejs思维导图.xmind

threeJS基本配置demo

三IK 逆运动学。 正在进行中的THREE.IK通过迭代求解器和一个球节约束来支持带有多个效应器的多个链。 目前来看这是如何工作的最好方法是查看，和。 :warning: 工作进行中/要求反馈 :warning: 关于轴对齐，新约束，替代求解器和API大修，存在许多。 欢迎讨论和解决方案！ 在确定API后，版本之间会有重大变化。 安装 $ npm install --save three three-ik 或将构建包含在： < script src =" build/three-ik.js " > </ script > 用法 您可以像这样使用ES6导入： import { IK , IKChain , IKJoint , IKBallConstraint , IKHelper } from 'three-ik' ; 这是一个完整的示例（如果通过脚本标记包含在内），并在THREE定义了THREE.I

使用 Three.js 和 TensorFlow.js 进行头部跟踪的交互式数码相框 该项目使用和 ，是一个交互式数字艺术框架的原型，使用头部跟踪来创建头部耦合透视效果。 在可以看到这种效果的一个著名用法。 我想尝试制作交互式艺术作品，所以这个项目是一个可以在 iPad 上全屏运行的 PWA。 :warning: 这是一个作为副项目制作的原型，因此代码不是生产就绪的。 它的性能没有优化，所以第一次加载可能需要一段时间。 我在 Macbook Pro 和 iPad Pro 上开发并测试了它，因此如果您在另一台设备上尝试它并且它不起作用或看起来响应速度不快，我不打算修复它。 考虑到这一点，这里的适用于鼠标移动和头部跟踪。 :warning: 演示 如果您想阅读更多相关信息，请查看！ 本地开发 克隆这个 repo 运行npm install安装依赖 运行npm start启动本地服务器 你的浏览器应该会自动打

在Three.js里，obj格式的模型展示js函数封装，以供学习和交流。

threejs 光圈扩散 波纹扩散效果 像智慧城市，建筑等三维物体外围有个光圈向外扩散效果，文件请发布到ngix或者iis等其它web服务器里，然后浏览，直接打开不行！

threejs-hex-map 一个基于three.js的简单3D六角形地形图。 概述 六角形瓷砖，带水，平坦的土地，丘陵，山脉，河流，树木和海岸 一个纹理图集，分别用于地形纹理，河流图块和海岸图块 混合遮罩纹理以在图块之间过渡 像《文明》中的两层战争迷雾 用法 有关示例，请查看examples/random的代码。 要在浏览器中对其进行测试，只需npm start并打开http://localhost:3000/examples/random/ 。

以项目为驱动，先去学习基础知识。然后接着去讲这块应用到项目上，每个基础知识不仅仅是简单的文字描述，也做了大量的例子就给大家看。始终相信通过例子去学习是最直观的，也是最快的。所以无论你是零基础还是已经学习了一段时间的threejs，这个课程都非常适合你，购买完这个课程之后，基础资料既可以当成电子书查阅，还会有整个课程的代码

Github地球仪 灵感 这个项目的灵感来自，在上他们在全球地图上显示了实时的Github活动。 执行 地球构造有，通过由ThreeJS数据可视化项目 。 然后，用昏暗的环境光和多个定向光将场景阴影化，以类似于梦幻般的太空环境。 还调整了地球仪的MeshPhongMaterial以适应环境。 我所有出席/取消的航班（2019-2020年）都显示在地球上。 如果您尝试沿一条弧线行驶，那将是我旅行目的地的顺序。 红色弧线表示取消航班。 文献资料 如果要编辑Globe对象以添加数据可视化，请访问浏览器以获得详细文档。 说到“发光”， three-globe不允许您访问发光网格对象，因此默认发光被关闭，而是向场景中添加了一个单独的“ three-glow-mesh 。 用法 该项目与捆绑在一起： " build " : " webpack --config=webpack.prod.js " ,

利用TubeGeometry来实现管道，贴图纹理采用带透明处理的渐变png图片，可以简单的模拟出城市道路流光效果。 如果增大THREE.TubeGeometry(path, 100, 0.2);中的第3个参数将管道增粗，就可以模拟管道三维流动，可以方便地实现模拟工厂、园区的管道（输气管道、输水管道、输油管道等）液体气体流动，并实现根据流向、流速对管道进行三维动态模拟效果。