Phaser Stuff

by J R

HTML

<html>
<head>
<script src="https://github.com/photonstorm/phaser/releases/download/v3.10.1/phaser.js"></script>
</head>
<body>
<div id='game-example'>
</div>
</body>
</html>

JavaScript

var config = {
  type: Phaser.AUTO,
  width: 800,
  height: 600,
  scene: {
    preload: preload,
    create: create,
    update: update
  }
};

new Phaser.Game(config);

function preload() {
this.load.image('box', 'https://labs.phaser.io/assets/sprites/block.png')
}

function create() {
    var container = this.add.container(200, 200);
    var sprite0 = this.add.sprite(0, 0, 'box');
    var sprite1 = this.add.sprite(0, 100, 'box');
    var sprite2 = this.add.image(70, 70, 'box')
    container.add([ sprite0, sprite1, sprite2 ]);
    
    var graphics = this.add.graphics();
    var graphicsMask = this.make.graphics();
    var color = 0x00ffff;
    var thickness = 2;
    var alpha = 1;
    graphics.lineStyle(thickness, color, alpha);
    graphics.strokeRect(32, 32, 256, 256);
    graphicsMask.fillStyle(color);
    graphicsMask.fillRect(32, 32, 256, 256);
    container.mask = new Phaser.Display.Masks.BitmapMask(this, graphicsMask);
    
    this.input.on('pointerdown', () => {
      sprite2.visible = !sprite2.visible
    })
}

function update() {
}