import "https://cdn.skypack.dev/@next2d/player@latest";

​

const root = next2d.createRootMovieClip(240, 240, 60, {

    "tagId": "container"

});

​

const { Sprite, Shape } = next2d.display;

const { 

    TextField, 

    TextFormat, 

    TextFieldAutoSize 

} = next2d.text;

​

for (let idx = 0; 3 > idx; ++idx) {

    const sprite = root.addChild(new Sprite());

    const shape = sprite.addChild(new Shape());

    shape

        .graphics

        .beginFill("#7EA1C4")

        .lineStyle(5, "#1B365C")

        .drawCircle(50, 50, 40);

    const textFormat = new TextFormat();

    textFormat.size  = 20;

    textFormat.color = "#fff";

    textFormat.bold  = true;

    const textField = sprite.addChild(new TextField());

    textField.defaultTextFormat = textFormat;

    textField.autoSize = TextFieldAutoSize.CENTER;

    textField.x = 47;

    textField.y = 39;

    textField.text = `${idx}`;

    sprite.x = 20 + 40 * idx;

    sprite.y = 20 + 40 * idx;

}