利用JParticles制作粒子

时间:2022-04-05 02:20:15

JParticles 2.0发布,打造炫酷的粒子

一. 介绍

JParticles 2.0发布之前叫Particleground.js, 相信有在用的朋友应该不会陌生, 关于1.x的介绍可以看这里

二. 下载

1. 在gitHub上下载各种版本

2. 通过 npm install jpsrticles --save 安装 链接NPM

3. 使用CDN

二. 使用

JParticles使用起来非常简单,上手快,代码简介简单易懂

可以直接参照官网给出的API文档以及例子

1.视差粒子

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>栗子</title>
<script src="jparticles.js"></script>
<script src="particle.js"></script>
</head>
<body>
<div id="demo" style="width: 800px; height: 400px;"></div>
</body>
<script>
// 使用 new JParticles.特效名 创建特效
new JParticles.particle('#demo');
</script>
</html>

效果如下

利用JParticles制作粒子

更多列子请移步官网