canvas彩球 (原创)

Html

Css

 canvas {
	display:block;
}
body {
	overflow:hidden
}

function demo() {
    let canvas = document.getElementById('canvas');
    let ctx = canvas.getContext('2d');
    let w = canvas.width = window.innerWidth;
    let h = canvas.height = window.innerHeight;

function random(min, max) {
        return Math.random() * (max - min) + min;
    }
    let ballArrs = [];
    let i = 0;
    let friction = random(0.8, 0.9);
    let gravity = random(0.6, 0.7);
    let maxRadius = 50;
    let minRadius = 30;

function ball(x, y, dx, dy, radius, color) {
        this.x = x;
        this.y = y;
        this.dy = dy;
        this.dx = dx;
        this.radius = radius;
        this.color = color;
        this.minRadius = radius;
        this.draw = function() {
            ctx.beginPath();
            ctx.shadowBlur = 20;
            ctx.fillStyle = this.color;
            ctx.shadowColor = this.color;
            ctx.arc(this.x, this.y, this.radius, 0, 2 * Math.PI, false);
            ctx.fill();
            ctx.closePath();
        }
        this.updata = function() {
            this.x += this.dx;
            this.y += this.dy;

this.draw();
        }
    }

↑上面代码改变，会自动显示代码结果 jQuery调用版本：2.1.4

立即下载

canvas彩球 (原创)

代码描述：js+canvas彩球粒子动画代码

更新时间：2020-12-29 01:05:26

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

他の她

相关代码

canvas彩球 (原创)

最新