HTML/JAVASCRIPT Animation like on storj.io

本文关键字：on storj io like Animation JAVASCRIPT HTML 更新时间：2023-09-26

我发现了这个网站Storj.io。我真的很喜欢这个网站的设计，正在看标题。有一个背景图像，然后在这上面有那些正在移动的点。这样的动画是如何实现的呢?这是用html5完成的吗? JavaScript是如何使用的?

检查发现他们正在使用Particles.js

JS

粒子

他们提供文档帮助你开始并达到你想要的效果。

你的问题太宽泛了，无法给出完整的答案。当你遇到困难的时候，试着问一些小的部分。

From Scratch:在本质上，你会想看看使用<canvas>元素来绘制粒子。看看这个简单的例子，看看可以做些什么。这是一篇关于画布粒子的博客文章，可以让你上手(以前面的例子告终)。

带库: https://storj.io使用的是particles.js。但这并没有告诉你它是如何完成的。从好的方面来看，这个库可以很容易地从https://github.com/VincentGarreau/particles.js/(参见codepen上的演示)包含。