boid
Version:
Bird-like behaviours
48 lines (40 loc) • 1.27 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 - seek</title>
<link href="css/styles.css" rel="stylesheet">
<link href="css/paraiso.light.css" rel="stylesheet">
</head>
<body>
<section>
<header>
<h2>seek</h2>
</header>
<canvas width="640" height="480"></canvas>
<pre><code class="js">
var seeker = new Boid();
seeker.setBounds(canvas.width, canvas.height);
var target = Boid.vec2(0, 0);
canvas.addEventListener('mousemove', function(event) {
var rect = canvas.getBoundingClientRect();
target.x = event.clientX - rect.left;
target.y = event.clientY - rect.top;
});
function update() {
window.requestAnimationFrame(update);
seeker.arrive(target).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/seek.js"></script>
</body>
</html>