Javascript＆＃39; Firefly＆＃39;导致网站延迟滞后的背景

Question

对于我的网站的背景我正在使用Firefly效果，其中粒子随机地在背景图像上移动，但是我发现该脚本导致网站具有非常明显的延迟滞后。

这是我正在使用的萤火虫效果的JSfiddle：

jsfiddle.net/uyk7a711/1 /

我有两个问题，首先是有什么方法可以优化这些代码或改变任何东西，使其在观众计算机上的延迟更少？

其次是一个相当愚蠢的问题，我可以改变粒子的颜色吗？

真的很感激任何帮助。

谢谢你们所有

Answer 1

您可以在此处更改粒子的颜色：

con.createRadialGradient(this.x,this.y,0,this.x,this.y,(cr <= 0 ? 1 : cr));
        g.addColorStop(0.0, 'rgba(255,255,255,'+newo+')');
        g.addColorStop(this.stop, 'rgba(122,117,175,'+(newo*.4)+')');
        g.addColorStop(1.0, 'rgba(122,117,175,0)');
        con.fillStyle = g;
        con.fill();
    }

只需将rgba值更改为您想要的颜色。