phaser/wip/phaser tests/geometry/rotate point 4.ts

/// <reference path="../../Phaser/Game.ts" />

(function () {

    var myGame = new Phaser.Game(this, 'game', 800, 600, null, create, update, render);

    var origin:Phaser.Point;
    var origin2:Phaser.Point;

    var points:Phaser.Point[] = [];
    var points2:Phaser.Point[] = [];

    var d: number = 0;
    var d2: number = 0;
    var m: number = 64;

    function create() {

        //  Let's have some fun :)

        origin = new Phaser.Point(300, 200);
        origin2 = new Phaser.Point(600, 350);

        for (var i = 0; i < m; i++)
        {
            points.push(new Phaser.Point());
            points2.push(new Phaser.Point());
        }

    }

    function update() {

        for (var i = 0; i < m; i++)
        {
            points[i].rotate(origin.x, origin.y, myGame.math.wrapAngle(d + (i * (360/m))), true, i * 5);
            //points2[i].rotate(origin2.x, origin2.y, myGame.math.wrapAngle(d2 + (i * (360/m))), true, i * 10);
            
            //points[i].rotate(origin.x, origin.y, myGame.math.wrapAngle(d + (i * (360/m))), true, 200);
            points2[i].rotate(origin2.x, origin2.y, myGame.math.wrapAngle(d2 + (i * (360/m))), true, 200);
        }

        d -= 2;
        d2 += 2;

    }

    function render() {

        //  Render the shape

        myGame.stage.context.save();
        //myGame.stage.context.globalCompositeOperation = 'xor';
        myGame.stage.context.globalCompositeOperation = 'lighter';
        myGame.stage.context.lineWidth = 20;

        for (var i = 0; i < m; i++)
        {
            myGame.stage.context.beginPath();
            myGame.stage.context.strokeStyle = 'rgba(255,' + Math.round(i * (255/m)).toString() + ',0,1)';
            myGame.stage.context.moveTo(origin.x, origin.y);
            myGame.stage.context.lineTo(points[i].x, points[i].y);
            myGame.stage.context.stroke();
            myGame.stage.context.closePath();
        }


        for (var i = 0; i < m; i++)
        {
            myGame.stage.context.beginPath();
            myGame.stage.context.strokeStyle = 'rgba(0,' + Math.round(i * (255/m)).toString() + ',255,1)';
            myGame.stage.context.moveTo(origin2.x, origin2.y);
            myGame.stage.context.lineTo(points2[i].x, points2[i].y);
            myGame.stage.context.stroke();
            myGame.stage.context.closePath();
        }

        myGame.stage.context.restore();

    }

})();