是否可以在WebGL动画中渲染一个像素?

时间:2018-03-23 02:39:02

标签: javascript animation graphics webgl

我正在https://www.shadertoy.com

看动画

是否可以仅显示此类动画中的一个特定像素?

理论上,完整的动画正在运行并被计算,但是只显示来自任意X,Y显示点的一个像素,即伪代码:

  • startAnimation(filenameOfAnimation,X,Y)

所以它播放动画但只显示像素为X,Y

为什么,你问?想象一个非常大的数字标志,例如由许多树莓派设备组成,每个Raspberry Pi都有自己的微型OLED显示屏,代表整个动画的一个像素。我希望能够在所有Raspberry Pi设备上播放该动画。

1 个答案:

答案 0 :(得分:0)

实际上有趣的是,shadertoy上的代码作为片段着色器运行。这意味着您看到的代码实际上用于计算每个像素。当您看到正在使用的fragCoord变量时,它指的是正在显示的单个像素。如果您想计算单个像素值,那么您已经拥有了代码。只需插入您想要的像素即可!您可以为每个设备提供代码并为其分配一个像素进行模拟。然后将该像素插入代码中,然后就可以了!