前言

当你开始思考你应该如何学习WebGL和Three.js的时候，相信你至少对相关的关键词了解过了，希望通过WebGL或Three.js实现你想要的Web3D功能，也许你也会去思考通过WebGL或Three.js能不能实现你想要的功能，也许你是因为领导临时分配任务，还不太清楚WebGL和Three.js是什么，个人建议是不要做过多思考，先看看相关的具体技术教程，随着时间的推移你自然会明白Canvas、WebGL、Three.js等关键词指什么。

Three.js是基于原生WebGL API和着色器封装得到的3D引擎，也就是一个JS库。通过原生WebGL直接编写程序，会比较麻烦，一般开发项目直接使用Three.js引擎。简单的项目一般也用不到底层WebGL知识，不过学习WebGL有助于深入理解Three.js，如果使用Three.js开发项目需要自定义着色器的时候，肯定也是要学习底层WebGL和着色器GLSL知识。

总而言之，如果你想成为Web3D应用开发的大牛，学习WebGL肯定是必须的。

3D资源导航（完善中）：54web3.cc/

什么是Web3D

当今的互联网已经迈入了第三代，这被称为Web3.0，而Web3D正是Web3.0的其中一个技术分支。Web3D是指将三维图形技术应用于Web上的技术，它是将3D图形和Web技术结合起来的一个分支，可以使用户在Web上以更真实、更直观的方式浏览和操作虚拟场景。

Web3D是一种利用Web技术创建和展示3D场景和模型的技术。Web3D技术让用户可以通过Web浏览器直接访问和浏览3D内容，无需安装任何额外的插件或软件。Web3D技术通常使用HTML、CSS、JavaScript等Web标准技术进行开发，并使用各种3D引擎和库来实现3D渲染、交互和动画等功能。

Web3D技术的优势在于可以在不同平台和设备上运行，包括桌面、移动设备和虚拟现实设备等，用户可以随时随地访问3D内容。Web3D技术还可以帮助用户更好地展示和交互3D模型和场景，包括3D游戏、虚拟展览、3D酷炫官网、产品演示、建筑模型、元宇宙场景、智慧城市、智慧工厂、数字孪生、低代码3D平台等。

目前，Web3D技术已经得到广泛应用，包括WebGL、Three.js、Babylon.js等3D引擎和库，以及A-Frame、PlayCanvas等Web3D框架。

如需查看详情，请访问threejs入门教程