WebGL 的运行流程包括多个阶段，从初始化 WebGL 上下文、设置着色器程序，到加载数据并绘制到屏幕。这里分成两个部分来说明：WebGL 的整体运行流程 和 Shader 是如何从内存取值的。 一

叫你如何构建一个属于自己的 3D 个人简历，这篇文章会探讨如何高定制化地构建一个自己喜欢的 3D 场景。我们将深入探讨 Three.js、Shader(GLSL)、Cursor rules希望你喜欢！

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

为了增加额外细节，提升真实感，我们使用了漫反射贴图和高光贴图，它们都是向三角形进行附加纹理。但是从光的视角来看是表面法线向量使表面被视为平坦光滑的表面。以光照算法的视角考虑的话，只有一件事决定物体的形状，那就是垂直于它的法线向量。砖块表面只有一个法向量，表面完全根据这个法向量被…

纹理贴图（Textures）字面意思就是給几何体对象贴上不同的纹理图！它是 Three.js一个很重要的内容，掌握了纹理贴图可以让3d效果产生质的飞跃。