javascript - 我怎样才能获得这种动画背景效果?

标签 javascript html css canvas

我正在努力使我的网站成为空间的实时背景。我试图让星星在屏幕左侧产生并慢慢移动。偶尔他们的意志是来自其他方向的星星。我的问题是,我应该怎么做呢?

制作一个 Javascript 脚本会不会是最聪明的,脚本会产生很多 <div>的,然后将它们全部随机移动?还是使用 Canvas 最聪明?我以前从未使用过 Canvas ,所以我还不知道它的所有用途。

这是我试图模拟的效果的链接(这是一个带音乐的 YouTube 视频)- https://www.youtube.com/watch?v=y8MsE-4dygY&list=PL21A7A915E7020E73&index=16 我正在尝试模拟视频背景中的星星或粒子在做什么,那么我应该怎么做呢? (我不是要所有的代码,我只是说清楚。)提前致谢! :)

最佳答案

好吧,您显然可以使用带有一些叠加层的视差背景来获得简单的效果,但您可以通过使用许多脚本中的任何一个来更进一步,请在 Google 上搜索该脚本。或者您可以通过使用此 great tutorial 编写脚本来学习如何做到这一点使用 HTML5 和 CSS3

关于javascript - 我怎样才能获得这种动画背景效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25587424/

相关文章:

javascript - 在 Aurelia 中使用 AMD/Require 模块

php - 使用 php 更改密码

html - 使用CSS将一个div从左上角移动到右下角

javascript - Slick carousel - 使用 3 张幻灯片和 autoPlay=true 会导致 slider-nav 表现得像有 5 张幻灯片

css - 第一个 child 选择器不适用于 dd

javascript - 选择选项更改时发出警报

javascript - 在更新时显示从 Flask View 流式传输的数据

Javascript 函数返回未定义

javascript - simpleCart.js 更新购物车项目(如果存在)

javascript - 通过在 php 中重新加载整个页面来刷新特定的 div