CraftyJS Circle component

HTML

<script src="https://rawgithub.com/craftyjs/Crafty/release/dist/crafty-min.js"></script>

JavaScript

Crafty.init(300, 200);

Crafty.c("Circle", {
    Circle: function(radius, color) {
        this.radius = radius;
        this.w = this.h = radius * 2;
        this.color = color || "#000000";
        
        return this;
    },
    
    draw: function() {
       var ctx = Crafty.canvas.context;
       ctx.save();
       ctx.fillStyle = this.color;
       ctx.beginPath();
       ctx.arc(
           this.x + this.radius,
           this.y + this.radius,
           this.radius,
           0,
           Math.PI * 2
       );
       ctx.closePath();
       ctx.fill();
    }
});

    
Crafty.e("2D, Canvas, Circle")
    .Circle(40, "#FF0000");