本文初略记录下本人学习3D可视化过程中的经验，并附上收藏的学习资料。涉及到使用blender设计3D模型，threejs+html实现网页浏览3D模型。
1、blender学习。
根据我的实际情况，先去学习blender3D建模。在B站找到”Blender3.5建模入门教程_超细节100集课程“，作者叫“阿发你好”。我看了大概50集左右，跟着作者建了：窗户、花、瓶子、水桶、五角星、蛋糕屋等3D模型。一边看一边操作一边记笔记。ps：blender的快捷键实在太多了，最好用文档记录下来。后来耽搁了大半个月，实践证明，我真的把blender的操作都忘了。幸好有笔记，方便查看，不然又要重新过一遍视频教程。
由于我不打算一下子太深入学习blender3D建模，所以看到50集就停下了。
2、threejs+html简单显示3D模型
我最终是想了解并实现从建立3D模型并在网页上显示3D模型的过程。所以，接下来又一头投入threejs知识的海洋中。
附上学习资料链接：
1）threejs官网网站：Three.js – JavaScript 3D Library (threejs.org)
https://threejs.org
2）threejs文档： three.js docs (threejs.org) https://threejs.org/docs/index.html#manual/zh/introduction/Installation
3）threejs系类文章：基础 - three.js manual (threejs.org)
https://threejs.org/manual/#zh/fundamentals
4）threejs模型例子：three.js examples (threejs.org)
https://threejs.org/examples/#webgl_animation_keyframes
我首先把threejs文档网页都大致翻一遍，再逐一实现其中的小例子。首先入了门，后面就好办了。想想看，如果连问题都不会问，怎么学习呢。
如上图所示，有个例子叫：加载.GLTF文件。.gltf格式的文件就是通过blender导出的3D模型文件。通过这个例子大致了解了如何在网页中加载3D模型。我把在blender学习中建立的蛋糕屋模型导出来，实现在网页中显示。
3、优化3D模型
考虑到上面的3D模型实在太难看了，接下来想知道如何渲染得更好看一些。同样在B站找到作者叫：“Blendergo”，作品名称叫：八个案例教程带你从0到1入门blender【已完结】。一共有29集，但我看了10集左右。制作出来萌三兄弟。接下来是动画之类操作学习，感觉我记不住，就暂停学习了。
同时反复按不同条件把模型导出来，再在网页上显示，研究了下blender的灯光和threejs灯光的关系。这一直让我困扰。
最后通过努力，终于把综合体实现了，modbus RTU采集数据+存储+后端接口+threejs+blender模型：
当然其中实现的3D模型非常粗略，要做好还要继续深入学习。附上其他学习链接：http://www.webgl3d.cn/https://webglfundamentals.org/webgl/lessons/zh_cn/http://www.yanhuangxueyuan.com/
我已将代码上传，下载码是：817BCD1F00
下载码是啥？如何下载=》点击查看