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,

    TextFieldAutoSize

} = next2d.text;

​

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

sprite.x     = 120;

sprite.y     = 140;

​

sprite

    .graphics

    .beginFill("#7EA1C4")

    .lineStyle(5, "#1B365C")

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

​

sprite.buttonMode = true;

sprite.addEventListener(MouseEvent.CLICK, (event) => 

{

    const target = event.currentTarget;

    target.rotation += 45;

    target.root.wh.text = `width:${target.width|0}\nheight:${target.height|0}`;

});

​

const textFormat = new TextFormat();

textFormat.bold  = true;

textFormat.align = TextFormatAlign.CENTER;

​

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

textField.defaultTextFormat = textFormat;

​

textField.width  = 100;

textField.height = 20;

textField.x      = -50;

textField.y      = -7;

textField.text   = "click me.";

​

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

whTextField.defaultTextFormat = textFormat;

​

whTextField.autoSize  = TextFieldAutoSize.CENTER;

whTextField.name      = "wh";

whTextField.multiline = true;

whTextField.text      = `width:${sprite.width|0}\nheight:${sprite.height|0}`;

whTextField.x         = 85;

whTextField.y         = 40;