HTML5 Canvas Demos - Steering Behaviours

Sorry! Your browser does not support Graphics Canvas.

Implemented:

Seek and Flee
Pursue and Evade
Wander
Arrival

Still to be implemented:

Obstacle Avoidance
Containment
Wall Following
Path Following
Flow Field Following
Crowd Path Following
Leader Following
Unaligned Collision Avoidance
Queuing
Flocking

Options

Velocity and steering lines

Show Hide

Other debug info and lines

Show Hide

About

I've started this demo project mainly as a way to learn some more about the HTML 5 canvas element. I also wanted to learn more about steering behaviours for game development.

These demos are based on the awesome Java steering demos by Craig Reynolds. At the moment I've only implemented a small number of the algorithms on his site, but hopefully this will change in the future.

The algorithms are a mix between the following two sources:

The source is available under the BSD 2-Clause License and can be downloaded from a Mercurial repository on Bitbucket.

Note: It doesn't seem to be working in IE at the moment.