JParticles 3.0 released. 让 loading 动画更具吸引力与品牌化

先来个引子吧：JParticles（JavaScript Particles 的缩写）是一款基于 Canvas 的不依赖于其他库的轻量级 JavaScript 粒子运动特效库。提供一些比较绚丽、实用的特效应用于 WEB 界面，希望能达到锦上添花的作用，给用户带来些许惊喜。

作为一个更新稍加不快的开源项目，JParticles 发布 3.0 了哟，主要更新的点如下：

• 支持遮罩功能（Mask）可用于自定义 Logo。
• 全面支持 TypeScript，因为 3.0 采用了 TS 彻底重构。
• 新增线条动画特效，也许在特定场景可以起到点缀的作用吧。
• 改善了一些 API 的命名，为了让 API 更容易理解，尽量避免语义分歧。
• 其他一些细节功能的改进或增强。

下面我们先来瞅瞅新增的遮罩功能带来的酷酷的效果吧。

常规遮罩（Mask）

常规遮罩最适用于纯文字的 Logo，像 GitHub 的文字 Logo 就很棒，看看噻：

代码很简洁，只需要在 mask 字段上设置 Logo 图片地址就行了：

new JParticles.Wave('#demo', {
   
    num: 1,
    fillColor: '#14c8ff',
    crestHeight: 8,
    offsetTop: 0.5,
    crestCount: 2,
    fill: true,
    line: