彩色圆圈的html代码,HTML5 Canvas彩色圆点粒子飘动动画特效

js代码

var c = new Cbg({

container: ".canvas",

//随机生成动画，默认无控制

control: "auto",

//鼠标跟随控制

//control: "mouse",

//坐标点定位控制

//control: "coordinate",

//设置坐标点，默认屏幕中心，坐标点定位控制时使用

//x: $(window).width() / 2,

//y: $(window).height() / 2

//Canvas宽度高度自定义,默认全屏

width: $(window).width(),

height: $(window).height(),

//生成点尺寸设置

//size: [初始大小, 尺寸衰减速率(数值越大，尺寸缩减越快，反之越慢，最小不得小于0.01)],

size: [10, 0.2],

//生成点的类型，type

//type：color 生成点为颜色块

type: "color",

//生成点颜色列表，随机刷新颜色

color: ["#6525EE", "#007AFF", "orange", "orangered"],

//生成点颜色单值，固定颜色刷新

//color: "red",

//type：img 生成点为图片，图片比例1：1

//type: "img",

//生成点图片列表，随机刷新图片

//imgUrl: ["图片路径", "图片路径"，....],

//生成点图片单值，固定图片刷新

//imgUrl: "图片路径",

//动画类型：

//animation_type: 0(默认动画，随机方位，随机方向)

//animation_type: 1(向左运动)

//animation_type: 2(向右运动)

//animation_type: 3(向下运动)

//animation_type: 4(向上运动)

animation_type: 0,

//生成点生成速率，数值越大，点的生成越慢

speed: 10,

})

彩色圆圈的html代码,HTML5 Canvas彩色圆点粒子飘动动画特效相关推荐

android气球上升的属性动画,html5 canvas告白气球上升背景动画特效
特效描述:html5 canvas 告白气球上升背景动画特效.html5基于canvas绘制各种卡通气球上升动画.告白气球背景动画特效. 代码结构 1. 引入JS 2. HTML代码 Balloon ...
html5网站粒子时钟,利用HTML5实现SVG多边形粒子时钟动画特效
特效描述:利用HTML5实现 SVG 多边形粒子时钟动画特效.利用HTML5实现SVG多边形粒子时钟动画特效代码结构 1. 引入JS 2. HTML代码 svg { position: ab ...
html5 svg画钟表,html5 svg创意卡通粒子时钟动画特效
非常简单可爱的一款html5 svg绘制的创意卡通粒子时钟动画特效,时钟走动指针动画非常有意思. 查看演示下载资源: 12 次下载资源下载积分: 20 积分 js代码 // Utilities ...
c语言烟花生日快乐图片,html5 canvas生日快乐文字烟花背景动画特效代码下载
特效描述:生日快乐文字烟花背景动画.html5基于canvas绘制酷炫的烟花动画,支持文字烟花适用于生日快乐主题网页动态背景特效. 代码结构 1. 引入JS 2. HTML代码 var canva ...
html 画圆点代码,HTML5 Canvas绘制圆点虚线实例
HTML5 Canvas 提供了很多图形绘制的函数,但是很可惜,Canvas API只提供了画实线的函数(lineTo),却并未提供画虚线的方法.这样的设计有时会带来很大的不便,<JavaScr ...
html5钻石,html5 canvas发光的钻石背景动画特效
特效描述:html5canvas 发光的钻石背景动画特效.html5 canvas three.js绘制闪烁的钻石背景动画,跟随鼠标移动改变形状效果. 代码结构 1. 引入JS 2. HTML代码 ...
五十个html js特效动画,html5 canvas酷炫的月食动画特效
特效描述:html5 canvas 月食动画特效.html5月食动画代码结构 1. 引入JS 2. HTML代码 varying vec3 vNormal; void main() { vNorma ...
表白html特效在线,html5 canvas酷炫表白爱心动画特效
特效描述:酷炫表白动画表白爱心动画动画特效.html5爱心动画代码结构 1. 引入JS 2. HTML代码 var container; var camera, scene, renderer; ...
logo像闪电的html编译器,基于Html5 Canvas绘制逼真的闪电动画特效
Canvas绘制闪电动画特效 canvas, body{ padding: 0; margin: 0; overflow: hidden; } var width, height var step = ...

彩色圆圈的html代码,HTML5 Canvas彩色圆点粒子飘动动画特效

彩色圆圈的html代码,HTML5 Canvas彩色圆点粒子飘动动画特效相关推荐

最新文章

热门文章