Javascript“Firefly”背景导致网站延迟延迟

Javascript 'Firefly' background causing website delay lag

本文关键字：延迟 网站 背景 Firefly Javascript      更新时间：2023-09-26

对于我网站的背景，我使用的是萤火虫效果，其中粒子随机在背景图像上移动，但是我发现脚本导致网站延迟延迟非常明显。

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

jsfiddle.net/uyk7a711/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 值更改为您想要的颜色即可。

相关文章：