index.html

<!doctype html>
<html lang="fr">

<head>
<meta charset="UTF-8">

<title>Medusa</title>

<script src="js/lib/modernizr.js"></script>

<script>

var app;
var dd;
function windowLoadHandler() {

    var container = document.getElementById("container");
    app = new App(container);

    dd = new DebugDrawVisitor(app.context);

    var world = new World(app.width, app.height);
    var medusa = new Medusa(2, new Vec2d( 50 + Math.random() * (world.width - 50), 50 + Math.random() * (world.height - 50)), Math.random()*Math.PI*2, 2, 4 * (Math.PI / 180));

    var wander = new Wander(medusa);

    var steeringController = new SteeringController(medusa, wander);
    steeringController.addConstraint(new AvoidWallsConstraint(medusa, world.getWalls()));

    world.addAgent(medusa);

    var render = function(time) {
        app.clearContext()
        world.draw(app.context);
        window.requestAnimationFrame(render);
    };
    
    (function step() {
        world.update();
        medusa.update(steeringController.getSteering());
        //medusa.acceptDebugDraw(dd);
        setTimeout( step, 1000 / 60 );
    })();

    render.call();

}
window.addEventListener("load", windowLoadHandler, false);

</script>
<link href='http://fonts.googleapis.com/css?family=Cabin:400,500,600,700,400italic,500italic,600italic,700italic' rel='stylesheet' type='text/css'>

<style type="text/css">
body { background: #222; margin : 0; font-family: 'Cabin', sans-serif; }
canvas {  }
</style>

</head>
<body>
<div id="container"></div>
<script src="js/App.js"></script>
<script src="js/Math/Vec2d.js"></script>
<script src="js/Math/Segment.js"></script>
<script src="js/Debug/DebugDrawVisitor.js"></script>
<script src="js/AI/SteeringGroup.js"></script>
<script src="js/AI/SteeringPipe.js"></script>
<script src="js/AI/behaviors.js"></script>
<script src="js/World/World.js"></script>
<script src="js/World/Objects/BaseObject.js"></script>
<script src="js/World/Objects/Rectangle.js"></script>
<script src="js/World/Objects/Agent.js"></script>
<script src="js/World/Objects/Medusa.js"></script>
</body>
</html>