转载，仅供学习参考

ThreeJS思维导图源文件

ThreeJS渲染尺寸非浏览器窗体尺寸时选中会有问题方案解决DEMO

暗石 使用 WebGL 在线重新实现 要查看当前状态，请访问

适合正在基于threejs进行应用项目开发的工程师，完全开源基于threejs框架开发的前端代码。融入了智慧安防业务功能。

这个仓库的目的是展示如何在一个简单的React组件中使用Three.js OBJ Loader。 现场演示 部署到Github页面： : 预习 应用功能 将OBJ模型加载到场景中 Three.js OrbitControls集成 调整窗口大小时调整场景大小 在React应用程序中的Three Model上显示加载进度 如何在本地运行应用程序 该演示应用程序使用 ，因此要在本地运行该应用程序，只需在您的终端中键入： npm install && npm start ，该应用程序应在您的浏览器中启动，为

帧/秒 实验在ThreeJS中构建FPS游戏 演示版 说明：单击一次可获得更好的鼠标控制（指针锁定）。 再次点击拍摄。 WASD键移动。 鼠标看。 跳跃的空间。 拍摄灯光以将其关闭。 元 非常脏和无组织的代码。 大量的错误。 最小的功能。 两天前，我才刚开始尝试这个项目来尝试ThreeJS！ 目前，我已在此实验中尝试过ThreeJS的以下功能： 物体，几何形状，材料，纹理 边界框帮手 点光源，聚光灯，定向光 轻帮手 Undertow 射线投射以进行碰撞检测（不允许穿过墙壁，击中子弹） 指针锁可实现沉浸式鼠标控制 加载OBJ和MTL文件以及纹理 EnvMaps，天空盒 使用数组生成地图 HTML5音频播放和CSS过渡（不是ThreeJS的一部分，而是实验的一部分） 超级简单的重力展示。 需要跳跃。 计划 载入画面 透明度/不透明度 动画制作 多层（高度）地形 程序生成的地图 多人套

Threejs-stl-演示 用于解析和呈现 STL（ascii 和二进制）文件的纯 Javascript 演示代码。 谢谢 用于通过 Javascript 在 WebGL/Canvas 中渲染 3D 模型的能力 灵感来自 执照 Threejs-stl-demo 是在下。

Three.js中的圣诞节水晶球 Xmas 2020复活节彩蛋，带有用Three.js制作的一些水晶球 入门 运行以下命令： npm install npm run start 然后在网络浏览器中打开 。 学分 基于 执照 麻省理工学院

犹他州地形 使用ThreeJS可视化犹他州的地理地形。 很大程度上基于的工作 演示版 设置 该项目使用了来自地形数据 下载地形数据 您需要做的第一件事是下载全州范围的DEM（数字高程模型）文件。 对于这些型号，我们使用 ，您可以从其FTP站点最轻松地下载它们。 下载完所有这些文件后，您需要扩展它们（Mac上对此非常）并将它们全部移到同一目录中。 解压缩后，将所有.dem文件移动到桌面上的utah_dem文件夹中。 这是将来将要采取的措施。 安装GDAL [GDAL（地理空间数据抽象库）]是瑞士军刀，它将使我们能够对地形数据进行所需的所有转换和处理。 并安装。 将DEM转换为虚拟数据集 为了使原始地形数据更易于使用，我们需要将其转换为虚拟数据集（ .vrt ）文件，然后可以将其转换为GeoTIFF文件。 cd /src gdalbuildvrt -input_file_list