JSFiddle - React, Tailwind, and code Playground

by indextwo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/3.54.0/phaser.min.js"></script>

CSS

body {
  margin: 0;
  padding: 0;
}

JavaScript

var config = {
    type: Phaser.AUTO,
    parent: 'phaser-example',
    width: 800,
    height: 600,
    pixelArt: true,
    backgroundColor: '#2d2d2d',
    scene: {
        preload: preload,
        create: create
    }
};

var game = new Phaser.Game(config);

function preload ()
{
    this.load.image('atari130', 'https://labs.phaser.io/assets/sprites/atari130xe.png');
    this.load.image('atari1200', 'https://labs.phaser.io/assets/sprites/atari1200xl.png');
}

function create () {
    this.atari130 = this.add.sprite(200, 100, 'atari130');
    this.atari1200 = this.add.sprite(500, 400, 'atari1200');

    console.log('Atari 130XE:', Phaser.Display.Bounds.GetBounds(this.atari130));
    console.log('Atari 1200:', Phaser.Display.Bounds.GetBounds(this.atari1200));

    console.log('Sprites intersect?', Phaser.Geom.Intersects.RectangleToRectangle(this.atari130, this.atari1200));

    console.log(
        'Sprite getBounds intersect?',
        Phaser.Geom.Intersects.RectangleToRectangle(
            Phaser.Display.Bounds.GetBounds(this.atari130),
            Phaser.Display.Bounds.GetBounds(this.atari1200)
        )
    );
}