PlayerRenderer.js

define(['core/Renderer'], function (Renderer) {

    "use strict";

    return new (Renderer.extend({

        render: function (target, delta, game) {

            var viewport = game.getViewport();
            var canvas = viewport.getCanvas();
            var ctx = canvas.getContext('2d');

            var newPos = target.subtract(viewport.getOffset());

            ctx.fillStyle = "#FF0000";
            ctx.save();
            ctx.translate(newPos.getRoundedX(), newPos.getRoundedY());
            ctx.rotate(target.rotation);
            ctx.beginPath();
            ctx.arc(0, 0, target.getWidth(), 0, Math.PI, false);
            ctx.closePath();
            ctx.fill();
            ctx.restore();

        }

    }))();

});