Javascript 有谁能告诉我如何获得Oculus Connect 3网站中使用的背景动画效果吗?

Javascript 有谁能告诉我如何获得Oculus Connect 3网站中使用的背景动画效果吗?,javascript,jquery,css,reactjs,canvas,Javascript,Jquery,Css,Reactjs,Canvas,我知道这个网站是建立在react上的。我想知道更多关于如何获得背景动画和鼠标悬停效果的信息。体验一下真是太棒了。基于此,我将决定使用React或Angular 2。如果打开浏览器的检查工具(几乎总是F12),您可以看到网页的布局。它包含一个id为“grid”的canvas元素。动画是使用此选项制作的 动画本身看起来像一个简单的节点图,如果移动光标,靠近光标的节点将尝试远离它,从而创建爆炸式效果 如果光标保持固定2-3秒,动画将开始使用在页面上随机移动的点 我怀疑这个动画使用了太多你在问题中提到的


我知道这个网站是建立在react上的。我想知道更多关于如何获得背景动画和鼠标悬停效果的信息。体验一下真是太棒了。基于此,我将决定使用React或Angular 2。

如果打开浏览器的检查工具(几乎总是F12),您可以看到网页的布局。它包含一个id为“grid”的canvas元素。动画是使用此选项制作的

动画本身看起来像一个简单的节点图,如果移动光标,靠近光标的节点将尝试远离它,从而创建爆炸式效果

如果光标保持固定2-3秒,动画将开始使用在页面上随机移动的点

我怀疑这个动画使用了太多你在问题中提到的库,因此根据这个演示决定你将使用哪一个库(老实说,最多200行香草JavaScript)就像根据蒙古的食物统计决定你早餐吃什么一样


而且,像这样的动画会吓跑大多数用户。我不认为你能给我看任何大型多媒体或社交网站,这些网站都有类似的动画。

这看起来像是一个“仅仅因为我们可以”的背景。这不是具体的反应。这是一个自定义画布函数。看一看,很相似。谢谢@Fabianshultz引用粒子。js谢谢你提供的信息。我没有使用开发人员工具正确地检查DOM。我只检查了虚拟DOM,没有搜索canvas元素。我相信这些类型的动画效果在登陆网页上看起来很棒。@Kumar在一台非常强大的计算机上,我在这个网页上得到了非常非常糟糕的帧率,这是不可接受的