Custom image class with colour property using Phaser 3 / Javascript

[syntaxidermy]

Hi,

 

I'm working on creating interactive buttons which, when clicked, will set the colour of the player.

 

I've managed to do this successfully, in Phaser 3, but the code is quite bulky and ugly looking. I've just been gathering what examples I can through the website, but I'm certain there must be a better way to do this.

Here's what I've got:

 

I think what I want to do is create a class for "smalltiles", but I'm not sure how the inheritance should work for using alongside Phaser 3. 
 

I've tried writing something like in several different ways, without success:

Does anybody have any insight as to how I  might be able to do this better?

Thanks for the input in advance. 

 

 

[samme]

I think you should be able to use just one 'pointerdown' handler and read the tint of the button there.

[syntaxidermy]

How would you read the tint of the button in Phaser? I think there's a way to do it in Phaser 2/HTML5, but not sure Phaser 3 supports this yet.