javascript - 需要知道要阅读什么才能达到这种效果

Question

我正在尝试进行一些数据可视化，并且希望在单击球体时使球体发光(发光、脉动)。我是 webGL 的新手。有一个chrome experiment here就可以了。基本上，当您点击美国时出现的所有那些华丽线条(不是正常的线条。较粗的线条实际上会发光并脉动)，我想知道如何实现它们。他们是使用着色器完成的吗？我不知道该读什么。你能给我一些链接和例子吗？

编辑:另一个使用 similar effects 的 webGL 演示

Answer 1

通过自定义着色器可以创建发光等炫酷效果。 Click here to see details

这是该帖子中介绍的发光示例 https://stemkoski.github.io/Three.js/Shader-Glow.html

其源代码位于https://github.com/stemkoski/ blah blah blah Three.js/Shader-Glow.html

WebGL 使用两个阶段的着色器:第一个是顶点着色器，它计算世界坐标空间中对象(点、线、三 Angular 形...)顶点到屏幕空间的映射，另一个是片段着色器，它是通常被称为像素着色器是有充分理由的。它控制最终的像素级位置和颜色，并且很大程度上是发光魔法发生的地方