Creating a button with pop up bubble but all other animation stops

Here is an example of what I understand.

Main JS code:

var root = this;

stage.enableMouseOver();

root.container.children.forEach(function(button)
{
	button.mouseChildren = false;
});

root.container.on("mouseover", function(e)
{
	e.target.gotoAndStop(1);
	root.stopAllBut(e.target);
});

root.container.on("mouseout", function(e)
{
	e.target.gotoAndStop(0);
	root.playAll();
});

root.playAll = function()
{
	root.container.children.forEach(function(button)
	{
		button.anim.play();
	});
};

root.stopAllBut = function(target)
{
	root.container.children.forEach(function(button)
	{
		if (target !== button)
			button.anim.stop();
	});
};

There are also some other few lines of codes inside of the buttons and anims to control visibility and playback.

FLA / code / source / files:

adobe/animate cc/html5_canvas/hover_over_buttons at master · joao-cesar/adobe (github.com)

I hope this helps.

Regards,

JC

Hi.

Just to clarify: are the buttons being constantly animated and their animations stop when one of them is under the mouse cursor?

And from this same button that received the rollover/mouse over event a pop-up appears?

Please let us know.

Regards,

JC