CC Animate HTML5 Canvas - Bring Button to Front on Click

Hi.

You can use the addChild or setChildIndex method from the createjs.Container class. In this case, you're going to call one of these two methods from the buttons parent.

Examples:

addChild approach (ES5 syntax):

this.bringToFront = function(e)
{
    e.currentTarget.parent.addChild(e.currentTarget);
};

this.button0.on("click", this.bringToFront);
this.button1.on("click", this.bringToFront);

addChild approach (ES6 syntax):

this.bringToFront = e => e.currentTarget.parent.addChild(e.currentTarget);
this.button0.on("click", this.bringToFront);
this.button1.on("click", this.bringToFront);

setChildIndex approach (ES5 syntax):

this.bringToFront = function(e)
{
    e.currentTarget.parent.setChildIndex(e.currentTarget, e.currentTarget.parent.numChildren - 1);
};

this.button0.on("click", this.bringToFront);
this.button1.on("click", this.bringToFront);

setChildIndex approach (ES6 syntax):

this.bringToFront = e => e.currentTarget.parent.setChildIndex(e.currentTarget, e.currentTarget.parent.numChildren - 1);
this.button0.on("click", this.bringToFront);
this.button1.on("click", this.bringToFront);

I hope this helps.

Regards,

JC