Three.js 学习参考

教程

官方中文教程：

• three.js docs
• Three.js中文网
• Three.js基础入门（一） - 掘金
• 爱吃土豆丝嗯的个人空间-爱吃土豆丝嗯个人主页-哔哩哔哩视频
• 老陈打码的个人空间-老陈打码个人主页-哔哩哔哩视频
• Jedi_Hongbin的个人空间-Jedi_Hongbin个人主页-哔哩哔哩视频

封装框架：

• https://tresjs.org/

案例

参考的效果：可视化机房管理系统

• https://www.hightopo.com/demo/3DRoom/index.html

简单的案例学习：个人 3D 简历网站

• https://github.com/bosombaby/base-resume

基础入门操作：

• 『Three.js』起飞！_JavaScript_德育处主任_InfoQ写作社区
• Three.js 入门指南_WebGL_devpoint_InfoQ写作社区
• 用Three.js实现简单布局的3D房间_threejs画户型-CSDN博客
• Three.js - 绘制一个有房子的场景（二十三）_three.js 代码构建房屋_nie-ny的博客-CSDN博客
• 60个令人兴奋的ThreeJS网站示例_three.js_3D建模设计_InfoQ写作社区
• “程”风破浪的开发者｜THREE.JS实现看房自由（VR看房）_前端_知心宝贝_InfoQ写作社区
• THREE.JS实现炫酷的3D简历网站_前端_知心宝贝_InfoQ写作社区
• threejs 小游戏《迷你都市》 - 掘金
• three.js如何搭建室内场景 - web开发 - 亿速云
• GitHub - fengtianxi001/MF-TurbineMonitor: 🎖 模仿图扑的3D风机可视化大屏

优秀案例参考：

• 基于vue3+threejs实现可视化大屏 - 掘金 里面有很多跟模型交互相关的示例，你可以详细看看这个项目
• cyl/threejs-park
• https://github.com/alwxkxk/iot-visualization-examples
• GitHub - h-huan/ThreeTest: threejs practices 3D room

简单的 3D 省市地图学习：

• https://github.com/1023byte/3Dmap
• three.js 实现机房可视化 源码_哔哩哔哩_bilibili
• 一步步带你实现web全景看房——three.js - 掘金
• Three.js基础+案例（二） - 掘金
• 用Three.js搞个炫酷的3D区块地图 - 掘金

很好的入门学习案例及代码封装：

• Vue+Three.js可视化实战 - 掘金
• Vue3 + Three.js + antvG2 实战智慧城市

三方库

• 可视化控制 3D 参数：https://github.com/dataarts/dat.gui
• 监测页面帧率：https://github.com/mrdoob/stats.js/

可视化平台搭建

• ThingJS - 物联网3D可视化开发平台 - 数字孪生可视化平台
• 乐吾乐 - 数据如此美轮美奂
• 图扑软件 - 构建先进 2D 和 3D 可视化所需要的一切

Blender 教程

• Blender完全入门教程 | 一个教程学会Blender，最佳入门教程_哔哩哔哩_bilibili
• 如何用Three.js + Blender打造一个web 3D展览馆_three.js_vivo互联网技术_InfoQ写作社区
• 因交友不慎，导致肝了一周的3D教室，利用3D建模结合Three.js的技术只为带你们梦回当年。逝世就逝世吧！ - 掘金
• 教程向 Blender小技巧_有图有真相
• 不愧是国外公认讲的最好的【Blender教程】技术大佬带你从零基础入门到精通，油管千万级收藏，学Blender看这个就够了！持续更新中~_哔哩哔哩_bilibili

素材

• 麒跃科技_老陈打码-让学习更简单！
• 数字像素 -可视化设计、开发、互动综合服务平台