JSFiddle - React, Tailwind, and code Playground

by espace3d

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/3.16.2/phaser.min.js"></script>
<div id='phaser-example'></div>

JavaScript

var config = {
    type: Phaser.AUTO,
    width: 480,
    height: 640,
    parent: 'phaser-example',
    physics: {
        default: 'matter',
        matter: {
            debug: true,
        }
    },
    input :{
		activePointers:2,
	  },
    scene: {
        create: create,
        update: update
    }
};

var game = new Phaser.Game(config);
var button_move;
var button_fire;
var flag_move=false;
var flag_fire=false;

function create ()
{
	button_move=this.add.sprite(100,100,'image').setInteractive();
	button_move.on('pointerdown',function(pointer1){
		flag_move=true
	})
	button_fire=this.add.sprite(300,100,'image').setInteractive();
	button_fire.on('pointerdown',function(pointer2){
		flag_fire=true
	})
}

function update()
{
 if (flag_move){
  	button_move.alpha=.5
 }
 if (flag_fire){
  	button_fire.alpha=.5
 }
}