js粒子动态背景特效插件BVAmbient

BVAmbient是一个JavaScriptl类库,用于生成网页背景动画浮动粒子。高度可定制的,充分响应。

基础调用方法

new BVAmbient({
    selector: "#myContainer"
});

自定义配置参数

new BVAmbient({
    selector: "#myContainer",

    // 每秒传输帧数
    fps: 60,

    // 粒子数量
    particle_number: 50,

    // 最大/最小
    particle_maxwidth: 30,
    particle_minwidth: 10,

    // 边框圆角
    particle_radius: 50,

    // 粒子随机透明度
    particle_opacity: true,

    // 碰触边界改变大小
    particle_colision_change: true,

    // 背景色
    particle_background: "#58c70c",

    // 轨迹
    particle_trail: {
      trail: false,
      opacity: "0.1",
      background: "#58c70c",
      length: 300
    }
    
});

用图片作为粒子

new BVAmbient({
    selector: "#myContainer",
    particle_image: {
      image: true,
      src: "/path/to/particle.png"
    },

});

一些API方法

　/ /改变背景颜色
　　instance.Change ({
　　type:"particle_background",
　　value:"223344 #"
　　});
　　
　　/ /刷新
　　instance.Refresh ();
　　
　　/ /销毁
　　demo1.Destroy ();