有些难度，threejs库对于前端工程师来说要求较高。ThingJS是更为上层的抽象，不用关心渲染，mesh，光线等复杂概念。它抽象是一个个具体的模型，ThingJS封装了对模型交互事件的各种api，比如单击，左键，鼠标滑过等，ThingJS封装了对模型的操作，例如移动，放大缩小，上色，勾边，甚至开门，ThingJS还封装了模型的层次关系，例如物体是放在某个房间里的，房间又在某个楼层，楼层又是某个大楼的，大楼在园区里。这样讲是不是更直观呢？所以既然有难度不如使用封装threejs库的thingjs吧网页链接
这里有一张3D家族图谱，three.js是基于WebGL的3D图形引擎库，和Unity 3D是类似的渲染器。
Three.js解决了WebGL开发复杂的难题，它封装了场景、相机、几何、3D模型加载器、灯光、材质、着色器、动画、粒子、数学工具等概念，开发流程如下：
这里涉及到一个规律，越底层的技术，如OpenGL、DirectX、Vulkan，用起来就越困难，基本上也很少有开发案例，因为这个并不实用。Javascript封装库更简单，以便降低开发门槛，并不存在必须要把所有底层技术学会，才懂用three.js开发的说法。学习新技术要注意：
学习的目的
是技术探索？还是3D项目开发？技术理论知识的学习需要很长时间，而且很枯燥，最好是完成一个3D项目作品，从手动实操中解决问题，连点成面。一个完整的软件生态至关重要，好的软件往往是成千上万个项目淬炼的成果，three.js都有很多优秀的开发项目让你汲取营养。
先做出一个作品
作品是可以为简历加分的，同时也能够验证你的学习能力，现在的软件生态不缺乏学习资源和技术资料，项目案例是非常好的参考素材。出作品的过程也是在解决技术问题，初学者不要怕麻烦！
选择有前景的应用市场
three.js是一个开源技术，重要还是看应用到哪个技术模块，是否产生商业价值，个人的职业前景也会越来越好。推荐物联网3D可视化，面向城市可视化大屏客户端应用开发，常用于安全消防、城市交通领域，更多案例ThingjS客户都有上传到【官网】。
基于three.js的优秀学习资源，在学习three.js之前先问自己这三个问题，相信会事半功倍。
城市可视化大屏项目示例，【3D演示】
请点击输入图片描述
![你有《[韩顺平]轻松搞定网页设计(html+css+js)》的教程吗，给我一份好吗，感激不尽](/aiimages/%E4%BD%A0%E6%9C%89%E3%80%8A%5B%E9%9F%A9%E9%A1%BA%E5%B9%B3%5D%E8%BD%BB%E6%9D%BE%E6%90%9E%E5%AE%9A%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%28html%2Bcss%2Bjs%29%E3%80%8B%E7%9A%84%E6%95%99%E7%A8%8B%E5%90%97%EF%BC%8C%E7%BB%99%E6%88%91%E4%B8%80%E4%BB%BD%E5%A5%BD%E5%90%97%EF%BC%8C%E6%84%9F%E6%BF%80%E4%B8%8D%E5%B0%BD.png)
