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

​

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

    "tagId": "container",

    "fullScreen": true

});

​

const { Sprite } = next2d.display;

const { MouseEvent } = next2d.events;

const {

    TextField,

    TextFormat,

    TextFormatAlign

} = next2d.text;

​

const textFormat = new TextFormat();

textFormat.bold  = true;

textFormat.align = TextFormatAlign.CENTER;

​

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

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

    sprite.x     = 60 + 120 * idx;

    sprite.y     = 120;

    sprite

        .graphics

        .beginFill("#7EA1C4")

        .lineStyle(5, "#1B365C")

        .drawRect(-50, -30, 100, 60);

    sprite.buttonMode = true;

    sprite.visible    = !idx;

​

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

    textField.defaultTextFormat = textFormat;

​

    textField.width  = 100;

    textField.height = 20;

    textField.x      = 10 + 110 * idx;

    textField.y      = 112;

    textField.text   = `visible:${sprite.visible}`;

}

​

​

​

​

​

​

​

​