【前端实习生入职】之-threejs实现可拖动立体框

前言

小伙伴们大家好，已经有一段时间没有更新了，这段时间匆匆忙忙来到北京实习，从一个南方的前端在校学生到北方来生活实习，一切都在慢慢适应当中，来公司之前就了解到这家公司是做自动驾驶ai方面的，到公司后果不其然疯狂学习threejs，webGL等3D开发，来第一周主管就给我发布一个任务如下：

以下这张图片很好的展示了threejs的系统模块，你可以把知识点模块化加以学习～3～

• threejs官方文档(可切换中文哟～)：threejs.org/
• b站教学视频(听了好几个，这个讲的我觉得很通俗易懂)： www.bilibili.com/video/BV1Gg…
• 入门教程(官方文档的稍详细解说)：www.webgl3d.cn/Three.js/
• 掘金拓展学习文章(看了一篇项目实战，写的很优秀)：juejin.cn/post/698124…

成品展示

开始实战 GO！GO！GO！

在此之前，你有很多方式来引入threejs以及其插件

1.直接在script标