哈喽大家好啊，我是广州小井。好久没在掘金更文了，最近跑去学习 WebGL 了，然后打算把学习路径写成系列文章来分享给大家。

WebGL 作为非常底层的 API，学习上手难度非常大，这是因为 WebGL 要求的背景知识比较多。而网上的教程一般没有过多介绍直接就介绍 API 开始渲染了，容易让人云里雾里，很容易被劝退，就算学到

WebGL 基于 OpenGL，是 OpenGL 的子集。OpenGL 中的着色器是使用 GLSL 编写的，所以 WebGL 中也是使用 GLSL 编写着色器，WebGL1 中使用的 GLSL 1.0

WebGL 作为非常底层的 API，学习上手难度非常大，这是因为 WebGL 要求的背景知识比较多。而网上的教程一般没有过多介绍直接就介绍 API 开始渲染了，容易让人云里雾里，很容易被劝退，就算学到

雷达扩散和雷达扫描是3D建筑群常用特效，点进来就跟我学怎么用Three.js搞个炫酷雷达扩散和扫描特效！

threejs 着色器实现 雷达效果 ,带你体验 threejs 手写着色器 glsl 的乐趣， 不涉及比较基础的 gsls 知识。

在浏览器中创建动画三个JS模型 创建 3D 动画文本 从 3D 图像创建 2D 模型 制作 3D 模型动画 添加 3D 效果 创建 3D 游戏和交互式体验 编程 3D 虚拟现实体验 将颜色应用于 3D

这篇文章实现智慧城市中模拟太阳光随时间变化产生对应场景效果。为了场景能够更逼真，我们一般会通过对接天气以及阳光等各种环境因素同步到场景中，使得场景能够更贴近现实。

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