Button overFrame, outFrame, downFrame

[friendlygiraffe2]

Hi - is there a way of setting CSS properties on button states?

 

Rather than creating a sprite sheet, I'd like to set .alpha = 0.5 or something similar

this.playButton = this.add.button(this.world.centerX, this.world.height - 150, 'play', this.startGame, this, alpha: 0.5 ,alpha: 1 ,alpha: 0.3 );

Thanks

[ranska]

Not sur but, if button are sprite. You can probably do something with this.

http://docs.phaser.io/Phaser.Sprite.html#alpha

or maby play with bitmap alpha mask, never try.

http://examples.phaser.io/_site/view_full.html?d=bitmapdata&f=alpha+mask.js&t=alpha%20mask

 

in doc there is also 

http://docs.phaser.io/Phaser.BitmapData.html

function like copy have an alpha param.

 

Let me know if you experiment are successful.