导读：最近我购置了一台新的电脑，硬盘空间只有1T。我很担心这个电脑还能用多久。性能限制或者空间的限制，都使得在未来3-5年内，这个电脑会被淘汰。

但是，基于云APP的使用，老的电脑是足够了，而且，我们也不会被window或者linux的选择而费尽心思。

性能，在本地的限制将不再成为瓶颈。

选择哪款Web3D引擎取决于你的项目需求：

• 如果你需要快速构建一个轻量级或中小型3D项目，推荐使用 Three.js。

Three.js 是最广泛使用的Web3D引擎之一，以其简单易用的特点受到开发者青睐。它提供了大量的封装接口，帮助开发者快速实现3D渲染效果，尤其适合

前言

课件地址

https://github.com/buglas/threejs-lesson

THREE.js：网页上的3D世界构建者

前言

THREE.js

threejs英文官网：https://threejs.org

Three.js中文网： http://www.webgl3d.cn/

预言已显，新月将至！Threejs复刻原神绝美空月之歌场景

不得不说原神的美工这一块真的没话说，身为一个前端切图仔，马上被他的 web 特效吸引。刚好最近在学习 Three.js，想着能否通过复刻一个新活动场景来练练手。于是，我开始了这场 Three.js 的奇妙之旅。

作者：前端藏经阁

转发链接：
https://www.yuque.com/xwifrr/uxqg5v/ggxx2b

WebGL

简介：WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0（OpenGL for Embedded Systems，OpenGL嵌入式版本，针对手机、游戏机等设备相对较轻量级的版本）结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。

在Three.js中，一个可见的物体是由几何体和材料构成的。在这个教程中，我们将学习如何从头开始创建新的网格几何体，研究Three.js为处理几何对象和材质所提供的相关支持。

1、索引面集/Indexed Face Sets

three.js和webGL

引用官方的说法：

three.js是使用WebGL来绘制三维效果的，three.js封装了诸如场景、灯光、阴影、材质、贴图、空间运算等一系列功能，让你不必要再从底层WebGL开始写起。