/
gaseous.html
42 lines (39 loc) · 1.65 KB
/
gaseous.html
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
<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="utf-8">
<title>Particles</title>
<link rel="stylesheet" href="a/c/core.css" type="text/css">
</head>
<body>
<h1>Gaseous particles</h1>
<canvas id="canvas" width="960" height="594"></canvas>
<ul>
<li><a href="index.html">Basic particle clusters</a></li>
<li><a href="starfield.html">Starfield</a></li>
<li><a href="gaseous.html">Gaseous particles</a></li>
<li><a href="starfield3d.html">Starfield 3D</a></li>
<li><a href="shape.html">Shape</a></li>
</ul>
<script type="text/javascript" src="a/j/tools.js"></script>
<script type="text/javascript" src="a/j/random.js"></script>
<script type="text/javascript" src="a/j/canvasdirector.js"></script>
<script type="text/javascript" src="a/j/particle.js"></script>
<script type="text/javascript">
var canvas = new CanvasDirector('canvas'),
halfx = canvas.width/2,
halfy = canvas.height/2,
cluster = [];
cluster.push(new ParticleCluster(canvas.el, 1000, halfx, halfy, 3, 0.8, NEF.tools.rgbaString(127, 127, 127, 0.10), [0.08, -0.08], [0, 0], -0.005));
// Lower the alpha number here for longer trails.
canvas.setFill(
NEF.tools.rgbaString(0, 0, 0, 0.5)
);
canvas.run(function frame(){
for (var i in cluster) {
cluster[i].render();
}
});
</script>
</body>
</html>