感觉 WebGL 里全都是算法不太适合我，我太菜了。Google 的过程中看到 有人 用纯 CSS 的radial-gradient大约两行代码实现 ( ? ) 这件事的，大约是这样，可以合并成一行：

element {
  background-color: rgb(122, 125, 255);
  background-image:
    radial-gradient(at 0% 0%, rgb(122, 125, 255) 0px, transparent 55%),
    radial-gradient(at 74% 39%, rgb(165, 80, 255) 0px, transparent 55%),
    radial-gradient(at 35% 88%, rgb(54, 255, 252) 0px, transparent 55%),
    radial-gradient(at 93% 72%, rgb(213, 98, 255) 0px, transparent 55%),
    radial-gradient(at 12% 24%, rgb(36, 255, 251) 0px, transparent 55%),
    radial-gradient(at 21% 74%, rgb(255, 182, 113) 0px, transparent 55%);
}

上动画的话不知道 CSS 来做这件事性能怎么样，先想办法丢到 Canvas 里，用这个 API 代替就好：

context.createRadialGradient()

然后不知道为啥有一层莫名其妙的噪点，于是在上面套了层高斯模糊，但好像有没那么弥散了？