html5 canvas流星隕石掉落地面爆炸動畫特效

程式碼片段：

this.update = 函數(i) {
this.rotation += this.velocity.rotate * this.timescale;
this.position.x +=
Math.cos(this.velocity.phi) * this.velocity.length * this.timescale;
this.position.y +=
Math.sin(this.velocity.phi) * this.velocity.length * this.timescale;
this.position.x +=
Math.cos(this.gravity.phi) * this.gravity.length * this.timescale;
this.position.y +=
Math.sin(this.gravity.phi) * this.gravity.length * this.timescale;
this.velocity.phi += this.accelerate.phi.change * this.timescale;
(this.velocity.phi > this.accelerate.phi.max ||
this.velocity.phi < this.accelerate.phi.min) &&
(this.accelerate.phi.change = -this.accelerate.phi.change);
this.velocity.length *= this.accelerate.friction;
if (this.position.y > this.ground) {
var ctx = this.vfx;
var 位置 = this.position;
var range = this.edge;
var main = this.main;
[...新數組(this.edge)].map(
() =>
main.makeRock({
位置: { x: 位置.x, y: 位置.y },
基數：範圍
}) ||
光耀(
ctx，
position.x + Math.random() * 10 * 範圍 - 5 * 範圍，
position.y + Math.random() * 6 * 範圍 - 3 * 範圍，
範圍 * Math.random() * 30 + 30
)
);
this.main.meteors.splice(i, 1);
this.main.makeMeteor();
}
};