Canvas粒子背景效果

封装一个工厂生成不同大小，不同位置,运动速度不同的点，这些根据屏幕缩放比生成，保证各个屏幕大小下显示协调

function creatPoint() {
    var xsKew = (Math.random() - 0.5) * zoom;//x方向速度
    var ysKew = (Math.random() - 0.5) * zoom;//y方向速度
    var r = ~~(Math.random() * 5 * zoom);
    var x = ~~(Math.random() * (width - r)) + 2 * r;
    var y = ~~(Math.random() * (height - r)) + 2 * r;
    var point = {
        x: x,
        y: y,
        xsKew: xsKew,
        ysKew: ysKew,
        r: r
    }
    return point;
}

在初始化Canvas时循环生成一些点，塞到数组中，画点时循环数组画点

“`
//初始化先放200个点
for (var i = 0; i