class Example extends Phaser.Scene
{
    create ()
    {
        const graphics = this.add.graphics({ lineStyle: { width: 2, color: 0x00aaaa } });
        const ellipse = new Phaser.Geom.Ellipse(400, 300, 400, 250);
        graphics.strokeEllipseShape(ellipse);
        this.input.on('pointermove', pointer =>
        {
            graphics.clear();
            if (ellipse.contains(pointer.x, pointer.y))
            {
                graphics.lineStyle(2, 0xaa0000);
            }
            else
            {
                graphics.lineStyle(2, 0x00aaaa);
            }
            graphics.strokeEllipseShape(ellipse);
        });
    }
}
const config = {
    width: 800,
    height: 600,
    type: Phaser.AUTO,
    parent: 'phaser-example',
    scene: Example
};
const game = new Phaser.Game(config);
                        
                    
                             
         
     
    
    
 
            class Example extends Phaser.Scene
{
    create ()
    {
        const graphics = this.add.graphics({ lineStyle: { width: 2, color: 0x00aaaa } });
        const ellipse = new Phaser.Geom.Ellipse(400, 300, 400, 250);
        graphics.strokeEllipseShape(ellipse);
        this.input.on('pointermove', pointer =>
        {
            graphics.clear();
            if (ellipse.contains(pointer.x, pointer.y))
            {
                graphics.lineStyle(2, 0xaa0000);
            }
            else
            {
                graphics.lineStyle(2, 0x00aaaa);
            }
            graphics.strokeEllipseShape(ellipse);
        });
    }
}
const config = {
    width: 800,
    height: 600,
    type: Phaser.AUTO,
    parent: 'phaser-example',
    scene: Example
};
const game = new Phaser.Game(config);