这个系列主要是分析一些图像艺术的具体实现，随着学习的深入，世界会更加鲜活一些。往期文章可见 扫描雷达，告警，Dash 圆 2D光环 六边形半球发光护盾 直线 PolyLine 2D火焰 3D火焰 [落

先上效果。这些画面已经很难在工程中使用了。 画面所代表的意义需要自己寻找，在理解背后的技术之后，读者朋友也可以自己去探索出自己觉得有意思的画面。 第一个火焰的作者 Xor代码实在是 golfy。我写了

一、三维坐标系统基础认知 在计算机图形学的领域中，三维坐标系统是构建虚拟三维空间的重要基石，它借助三个相互垂直的坐标轴来精准定位空间里的每一个点。 （一）常见三维坐标系统分类 笛卡尔坐标系统 该系统包

今天，为大家带来的内容是Shader赏析——大珠小珠落玉盘。赏析赏析，正如其字面意思，首先，我们先欣赏一下其画面吧~ 这幅画面可谓是精美绝伦，我看到其的一瞬，我就联想到了琵琶行中的著名词句

学习Shader的人必须安装的一款浏览器插件——Spector.js。看到任何酷炫漂亮的3D网页都可以用这款插件看看渲染过程的信息、看看其中的Shader源码是怎么写的！

Three.js 和 WebGL 是现代 Web 3D 图形渲染的两项重要技术。虽然它们密切相关，但它们在设计目标、使用方法和应用场景上有明显的区别。要理解它们的核心原理，我们可以从以下几个方面对比

怎么用shader画一个3D哆啦A梦？shader基础少不了，raymarching，3D SDF，smoothmin等，学会了，你想画什么都可以！

颜色缓冲区在WebGL渲染管线的最终阶段，经过顶点处理、图元装配、光栅化以及片元处理后，每个片元的颜色值会被写入颜色缓冲区。这些颜色值决定了屏幕上每个像素最终显示的颜色，那颜色缓冲区什么时候被重置？