How can I instantiate a circle of objects in Javascript?

Question

I'm trying to build a circle with dynamic scripting in Javascript. Normally, I've been able to do it pretty easily in C# using Math.cos and Math.sin. I'm using EaselJS/CreateJS as my base library, and came up with this:

function BuildTileCircle()
{
    var countNumberSlots = BlockArray.length;
    var radius = 10;
    for (var i = 0; i < countNumberSlots; i++)
    {
        var angle = i * Math.PI * 2 / countNumberSlots;
        console.log(angle);

        var tempTile = new createjs.Sprite(Tiles, 0);
        WorldContainer.addChild(tempTile);

        tempTile.x = Math.cos(angle) * 100;
        tempTile.y = Math.sin(angle) * radius * 100;
    }   
}

It.. SORT of works. The circle it builds however, is highly skewed and not perfectly round. Am I on the right track?

naming convention hurt my eyes, took a long time to realize that this isn't C#! — Amit Joki
– Amit Joki, Commented Oct 12, 2014 at 10:21
I'm used to working in both Javascript and C#, and tend to drift to the conventions I've used most. However, it is Javascript. — Merlin
– Merlin, Commented Oct 12, 2014 at 10:30

Karoly Horvath · Accepted Answer · 2014-10-12 10:39:15Z

1

Your x coordinate doesn't depend on the radius. Fix it.

answered Oct 12, 2014 at 10:39

Karoly Horvath

96.7k11 gold badges123 silver badges181 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I instantiate a circle of objects in Javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related