3D 渲染是前端比较有深度的领域。本文将从 demo 切入，阐述 WebGL 到 Threejs 的演进过程。

一、threejs的三大对象：场景（scene）、相机（Camera）、灯光（Light）。 导出为js格式，可以直接修改文件后缀变成json格式，静态模型的导入和动画的导出选择可能需要有些区别，动画模型的导出需要选择anmation等参数，以便在引擎中进行调用。 mesh生成…

WebGL是由HTML5、JavaScript、OpenGLES2.0组成的一个网页版3D图形，OpenGL是比较常用的跨平台图形库，它支持了一项非常重要的特性，即可编程着色器方法，开发起来相对简单。但是，由于需要图形学基础，涵盖过多渲染等细节，开发量明显增多，怎么办呢？ 下面…

各位大家好😊，最近一直在学习 threejs ，在学习过程中不断进步，在将来我会不断完善我的 threejs 案例库，希望能在学习路上帮到大家🌹 接下来为各位介绍的是一个全景看房的demo，我们先上地

【 threejs 项目实战 - 科技3D地球 】，这可能是你见过开源项目中最漂亮的3D地球！！！！！！

接上一节的内容，上一节我们讲述了使用WebGL如何绘制点和三角形，我们通过WebGLBuffer往WebGL中传入顶点数据。我们留下两个问题： 今天我们就通过实战来化解掉这两个疑问。 之前我们绘制了纯色的三角形，现在我们来绘制一个渐变色的三角形，我们把三个顶点的颜色分别设置为红…

之前我们讲过了WebGL的相关原理，我们了解到WebGL绘图的方式是“连接式”的，WebGL就像是一个巨大的电路图，我们修改电路中的电路的连接方式或者是增加其中的电气元件，当我们按下开关时，这个电路就会自动运行。今天，我们就进入实战阶段，一切从0开始，手把手的带你使用原生的We…