boid
Version:
Bird-like behaviours
54 lines (46 loc) • 1.52 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>flee</h2>
</header>
<canvas width="640" height="480"></canvas>
<pre><code class="js">
var fleer = new Boid();
fleer.userData.angle = 0;
fleer.setBounds(canvas.width, canvas.height);
fleer.maxSpeed = 2;
fleer.position.x = canvas.width * Math.random();
fleer.position.y = canvas.height * Math.random();
fleer.velocity.x = 20 * Math.random() - 10;
fleer.velocity.y = 20 * Math.random() - 10;
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);
fleer.flee(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/flee.js"></script>
</body>
</html>