我怎么能得到这个动画背景效果？

Question

我想让我的网站成为一个真实的空间背景。我试图让星星在屏幕左侧产生并慢慢移动。偶尔他们会成为从其他方向进来的明星。我的问题是，我该怎么做呢？

最简单的做一个Javascript，脚本会产生很多<div>然后随机移动它们吗？或者使用画布最聪明？我之前从未使用过帆布，所以我还不知道它的用途。

以下是我试图模仿的效果的链接（这是带有音乐的YouTube视频） - https://www.youtube.com/watch?v=y8MsE-4dygY&list=PL21A7A915E7020E73&index=16 我试图模仿该视频背景中的明星或副作品，我该怎么做呢？ （我不是要求所有的代码，我只是说清楚。）提前谢谢！ ：）

Answer 1

很明显，你可以使用Parallax背景和一些叠加来轻松实现效果，但你可以通过使用其中的任何一个脚本来进一步搜索，搜索谷歌。或者您可以通过编写使用HTML5和CSS3的great tutorial的脚本来学习如何操作

Answer 2

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