https://en.wikipedia.org/wiki/Boids http://www.vergenet.net/~conrad/boids/pseudocode.html https://github.com/gpolo/birdflocking https://bucklescript.github.io/bucklescript/api/Js.html
Implementation of artificial life program "Boids"
Hello! This project allows you to quickly get started with Reason and BuckleScript. If you wanted a more sophisticated version, try the react
template (bsb -theme react -init .
).
npm run build
npm run start
If you use vscode
, Press Windows + Shift + B
it will build automatically
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="500" height="500" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = 'black';
ctx.fillRect(0, 0, 500, 500);
const boid = (x, y, dir) => {
const grad = ctx.createLinearGradient(x, y, x - 300, y);
grad.addColorStop(0.25, "magenta");
grad.addColorStop(1, "red");
ctx.fillStyle = grad;
ctx.beginPath();
ctx.moveTo(x - 300, y - 150);
ctx.lineTo(x, y);
ctx.lineTo(x - 300, y + 150);
ctx.fill();
};
boid(400, 250);
</script>
0
<p><strong>Note:</strong> The canvas tag is not supported in Internet
Explorer 8 and earlier versions.</p>
</body>
</html>