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

​

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

    "tagId": "container",

    "fullScreen": true

});

​

const { Shape, Sprite } = next2d.display;

const { MouseEvent } = next2d.events;

const { TextField } = next2d.text;

​

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

sprite1.x = 60;

sprite1.y = 120;

​

const shape1 = sprite1.addChild(new Shape());

shape1

    .graphics

    .beginFill("#000099", 0.5)

    .drawCircle(0, 0, 30);

​

const shape2 = sprite1.addChild(new Shape());

shape2

    .graphics

    .beginFill("#009900", 0.5)

    .drawCircle(120, 0, 30);

​

const shape3 = sprite1.addChild(new Shape());

shape3

    .graphics

    .lineStyle(1, "#990000", 0.5)

    .drawRect(90, -30, 60, 60);

​

const hitTextField1 = sprite1.addChild(new TextField());

hitTextField1.autoSize = "center";

hitTextField1.text  = "no hit.";

hitTextField1.x = -15;

hitTextField1.y = 40;

​

const hitTextField2 = sprite1.addChild(new TextField());

hitTextField2.autoSize = "center";

hitTextField2.text  = "no hit.";

hitTextField2.x = 105;

hitTextField2.y = 40;

​

const pointTextField = sprite1.addChild(new TextField());

pointTextField.autoSize = "left";

pointTextField.text  = "x:0, y:0";

pointTextField.x = 35;

pointTextField.y = -60;

​

root.stage.addEventListener(MouseEvent.MOUSE_MOVE, (event) =>

{

    const stage = event.currentTarget;

    const root = stage.getChildAt(0);

​

    pointTextField.text = `x:${stage.mouseX | 0}, y:${stage.mouseY | 0}`;

​

    hitTextField1.text = shape1.hitTestPoint(stage.mouseX, stage.mouseY, true)

        ? "hit!!"

        : "no hit.";

    hitTextField2.text = shape2.hitTestPoint(stage.mouseX, stage.mouseY, false)

        ? "hit!!"

        : "no hit.";

});