Untitled

var boidPos = { x: 400,
                                y: 500 };
var circleRadius = 100;
var origin = { x: 400 ,
                           y: 300};


var canvas;

function draw() {
        if (canvas.getContext){
                var ctx = canvas.getContext('2d');
                ctx.clearRect(0, 0, 800, 600);
                var lineJoin = ['round','bevel','miter'];
                ctx.lineWidth = 5;

                ctx.lineJoin = 'miter';
                ctx.beginPath();
                ctx.moveTo(boidPos.x - 15 , boidPos.y + 15);

                ctx.lineTo(boidPos.x, boidPos.y - 5);
                ctx.lineTo(boidPos.x + 15, boidPos.y + 15);

                ctx.stroke();

        }
}

function update() {
        var time = 0;
        function iterate() {
                time++;

                boidPos.x = circleRadius * Math.cos(((2*Math.PI)/180) * time);
                boidPos.y = circleRadius * Math.sin(((2*Math.PI)/180) * time);

        }
        return iterate();
}

window.onload = function() {
        canvas = document.getElementById('tutorial');
        setInterval(update, 50);
        setInterval(draw, 50);
}