我怎么能得到这样的动画背景效果呢

How could I go about getting this animated background effect?

本文关键字：背景动画怎么能更新时间：2023-09-26

我正在努力让我的网站成为一个真实的空间背景。我正试图让星星在屏幕左侧产卵，然后慢慢移过去。偶尔他们会成为从其他方向飞来的星星。我的问题是，我该怎么做？

制作一个Javascript，这个脚本可以制作大量的<div>，然后随机移动它们，这会是最聪明的吗？还是使用画布最明智？我以前从来没有用过画布，所以我还不知道它的所有用途。

以下是我试图模仿的效果链接（这是一个带有音乐的YouTube视频）-https://www.youtube.com/watch?v=y8MsE-4dygY&列表=PL21A7A915E7020E73&索引=16我正试图模仿明星或粒子在视频背景中所做的事情，那么我该怎么做呢？（我不是要所有的代码，我只是说清楚。）提前谢谢！：）

很明显，你可以使用带有一些覆盖的Parallax背景来获得简单的效果，但你可以通过使用许多脚本中的任何一个来获得更进一步的效果，在谷歌上搜索。或者，您可以通过这个使用HTML5和CSS3 的优秀教程来学习如何通过脚本来实现这一点

Canvas可能比添加大量div更具性能，因为您不需要创建大型DOM树。DOM操作成本高昂，如果重复创建和销毁大量元素，可能会导致内存崩溃。使用多个重叠图像和CSS3平移过渡应该更具性能，但可能会使其更难实现您想要的所有效果-随机移动、同一平面上的恒星分离等。