-
Notifications
You must be signed in to change notification settings - Fork 18
/
Particle.js
112 lines (80 loc) · 1.74 KB
/
Particle.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
(function (Ω) {
"use strict";
var Particle = Ω.Class.extend({
particles: null,
running: false,
init: function (opts, cb) {
this.maxLife = opts.life || 40;
this.life = this.maxLife;
this.cb = cb;
this.col = opts.col || "100, 0, 0";
this.particles = [];
for(var i = 0; i < 20; i++) {
this.particles.push(
new Part({col: this.col}, this)
);
}
},
play: function (x, y) {
this.life = this.maxLife;
this.x = x;
this.y = y;
this.running = true;
this.particles.forEach(function (p) {
p.reset();
});
},
tick: function () {
if (!this.running) {
return;
}
this.life -= 1;
this.particles.forEach(function (p) {
p.tick();
});
if (this.life < 0) {
this.running = false;
this.cb && this.cb();
}
},
render: function (gfx) {
var self = this;
if (!this.running) {
return;
}
this.particles.forEach(function (p) {
p.render(gfx, self.x, self.y);
});
}
});
function Part (opts, parent) {
this.parent = parent;
this.x = 0;
this.y = 0;
this.w = 4;
this.h = 4;
this.col = opts.col;
this.xSpeed = Math.random() * 2 - 1;
this.ySpeed = Math.random() * 2 - 1 - 1;
}
Part.prototype = {
reset: function () {
this.life = this.parent.maxLife;
this.x = 0;
this.y = 0;
this.xSpeed = Math.random() * 2 - 1;
this.ySpeed = Math.random() * 2 - 1 - 3;
},
tick: function () {
this.x += this.xSpeed;
this.y += this.ySpeed;
this.ySpeed += 0.2;
},
render: function (gfx, x, y) {
var c = gfx.ctx;
c.fillStyle = "rgba(" + this.col + ", " + (0.3 + this.parent.life / this.parent.maxLife) + ")";
c.fillRect(this.x + x, this.y + y, this.w, this.h);
}
};
Ω.Particle = Particle;
}(window.Ω));