DOM conflict with setTint

Phaser 3
1

Hi all,

Sorry, if the question sounds dumb, only because Im completely new to the phaser :slight_smile: Basically, I was making the learning game for my kids school project. Ive got the main locations set up and working on the individual games. One of the features Ive used a lot setTint. Once I introduced the DOM element it has broken the Tint. Here is the code:

  type: Phaser.AUTO,
  width: 1366,
  height: 1024,
  parent: 'phaser',
  dom: {
    createContainer: true
  },
  scale: {
    mode: Phaser.Scale.FIT,
    autoCenter: Phaser.Scale.CENTER_BOTH
  },
    physics: {
    default: 'arcade',
    arcade: {
      gravity: {y: 200}
    }
  },
  
};

If I delete " parent: ‘phaser’," Tint starts working again. Once I placed " parent: ‘phaser’" back, DOM start working, but not the Tint.
Looks like I`m missing something simple :slight_smile:

Regards,
Max

2

The problem has been solved by using phaser.js version 3.55.