来自于《WebGL编程指南笔记》一书，本篇包含第一、二章内容。WebGL被设计出来的目的， 就是在网页上创建三维的应用和用户体验

最近看了《万神殿 第一季 Pantheon Season》，里面的一个效果让我产生创作灵感： 然后，我实现了下面的效果并将其命名为归为尘埃 - 寓意人在宇宙中的渺小存在...

看到shadertoy里面的那么多炫酷的背景是不是很心动？那我们就来把人家的shader搬过来用一下吧！

今天我们将讨论另一个新的话题，我们开始在WebGPU中绘制3D图形，首先我们从绘制一个立方体开始入手吧！

上节文章中，跟大家分享了一下如何入门 webgl 并在画布上绘制一个点。 诚然，我们看到的流程是十分繁琐的。 这里想说明的一点是，webgl 基础很类似于 JavaScript 基础。 在学习 JavaScript 的时候如果直接上手 jquery、vue、react、angu…

看到很多资料教程一上来就会解释什么是`渲染管线`，说实话云里雾里的，因为里面有很多专业名词。不过经过前面的学习，加上中间遇到的困难查询资料的过程中，或多或少都接触到了一部分。现在回头看会好理解很多。

之前绘制了三角形，我们现在给它做一个变形操作。 对一个三角形进行变形，其实就是重新这个三角形的三个顶点的位置，计算完后再绘制出来，相比原来就发生了变形。 变形常见的有位移、选择、缩放。位移，其实就是给

之前看到有人在浏览器端复刻了原神的登录界面，效果非常还原。 本文就让我们一起来看看这种效果是如何实现的，主要分析Shader相关的部分。 怀着学习的目的，我自己也写了一版。

three.js物体按照轨迹行走并显示轨迹 人物按照指定个轨迹行走 显示人物行走的轨迹。动画更新，轨迹可视化。