创作不易，猪猪叹气！这边文章写了我一整天的时间，我努力的将整个文章的思想都加上了注释，代码量有点多，但是满满的干活！希望有收获的同学能够轻轻的点一个赞~

一、学习收获 1、OpenGL、WebGL、Canvas、Three.js四者关系 2、Three.js 三大要素 3、Three.js基本要素 4、Three.js 相关插件的使用 5、使用Thre

从初学者到专家：Three.js 学习之路的 6 个免费资源！！！一定要收藏起来学习，错过后悔系列！！！

事情是这样的，前段时间`外包工头`老杨又来找我了，说某汽车大品牌要开发一个网页展厅，希望可以在网页里360度展示它家新款汽车的3d模型，还要可以让用户DIY汽车部件的颜色。

我正在参加「掘金·启航计划」 在开始绘制图形前，需要一份包含地理信息数据，我们可以从阿里云提供的小工具获取，properties中包含了名字、中心、质心等信息

我在前端干工地，最后成果如下图。 从图中可以看到，整个画面由以下构成 地面 房子 天空 下面就能一步步的构建这个场景。 一、 准备工作 我这里的环境是vue3 + vite，基本环境准备好后就要安装t

前言 Three.js是一款基于原生WebGL封装通用Web 3D引擎，在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。 本

最近看了《Three.js开发指南》，深刻地意识到光看不练跟没看差不多，所以就练习写了这个下雨小动画。

封面图 近期准备学习一下THREE.JS相关的内容，所以网上找了些项目自己动手写一写，搞清楚相关的一些基本知识和原理。 这篇文章主要记录一下如何实现封面图中所展示的内容。 场景 & 相机 & 灯光 &