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

​

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

    "tagId": "container"

});

​

const { Sprite } = next2d.display;

const { MouseEvent } = next2d.events;

const {

    TextField,

    TextFormat,

    TextFormatAlign

} = next2d.text;

​

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

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

    sprite.x     = 20 + 50 * idx;

    sprite.y     = 30;

    sprite

        .graphics

        .beginFill("#7EA1C4")

        .lineStyle(5, "#1B365C")

        .drawCircle(50, 50, 40);

}

​

const textFormat = new TextFormat();

textFormat.size  = 12;

textFormat.bold  = true;

textFormat.align = TextFormatAlign.CENTER;

​

const textField = new TextField();

textField.defaultTextFormat = textFormat;

​

textField.width  = 30;

textField.height = 20;

textField.x      = 110;

textField.y      = 140;

textField.text   = root.numChildren;

​

root.addChild(textField);