All Mouse over Action completed 1 time randomly to initiate animated screen and reset

Question

Hello - I'm trying to simulate a game-like interaction using adobe animate action scripts.
Essentially I'm building a screen where there are 5 shapes (buttons) on the screen, once they are all clicked - in any order the user desires - the screen would go to a keyframe that plays an end-scene animation then reset.

I'm only able to get this to work sequentially but need this to work randomly - where the buttons are pressed in no specific order. Does Animate CC support something like this? If this requires a custom script any suggestions for places to look would be appreciated!

JoãoCésar17023019 · Answer

Hi.

There are several ways to do this kind of interaction. One way is to place all buttons in the same container and then store the ones that have been clicked in an array without allowing duplicates. Then check if the array length is equal to the total of instances in the container.

Assuming that you're working on an HTML5 Canvas document, the code could be something like this:

var root = this;

root.checkButtons = function(e)
{
	if (root.buttons.indexOf(e.target) === -1)
		root.buttons.push(e.target);
		
	if (root.buttons.length === root.container.numChildren)
		root.gotoAndStop(1);
};

root.container = this;
root.buttons = [];
root.stop();
root.container.on("click", root.checkButtons);

Please let us know.

Regards,

JC

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded