boid
Version:
Bird-like behaviours
51 lines (44 loc) • 1.39 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<title>boid - examples - flock</title>
<link href="css/styles.css" rel="stylesheet">
<link href="css/paraiso.light.css" rel="stylesheet">
</head>
<body>
<section>
<header>
<h2>flock</h2>
</header>
<canvas width="640" height="480"></canvas>
<pre><code class="js">
var flockers = [],
flocker;
while (flockers.length < 40) {
flocker = new Boid();
flocker.position.x = canvas.width * Math.random();
flocker.position.y = canvas.height * Math.random();
flocker.velocity.x = 20 * Math.random() - 10;
flocker.velocity.y = 20 * Math.random() - 10;
flockers.push(flocker);
}
function update() {
window.requestAnimationFrame(update);
for (var i = 0; i < flockers.length; i++) {
flockers[i].flock(flockers).update();
}
}
update();
</code></pre>
</section>
<script src="js/dat.gui.min.js"></script>
<script src="js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="../dist/boid.js"></script>
<script src="js/fps.js"></script>
<script src="js/flock.js"></script>
</body>
</html>