Axure implements a simple catch game

Well, it took me a long time this morning to find a different little game. The basic information will be completed only after class!

 

 

You don't need to talk about the home page. You all need a simple link.

In a level, each level is roughly the same. I will take the first level as an example to briefly describe:

1. Time

If the time limit is 120 seconds, a timer is required and implemented using the dynamic panel. Create a dynamic panel and set two statuses. when loading the page, the default status is status 1 and the status is changed. 2. In the "dynamic panel status change" column, set three use cases:

The status switch in the judgment statement achieves the timer effect, and the judgment of the component text box is to give a prompt such as 2 when the time is reached. "Time to" is a dynamic panel that starts to hide and is displayed when the time is 0.

2. Different self-output judgments

In the difference, set a transparent image with the same size as the difference. Set a dynamic panel to display the difference. When no image is clicked, the dynamic panel is hidden and displayed when you click. Note: You must set both the left and right areas of the image. This will be displayed when you click an image in any area. For example:

3. Signal light judgment

The interpretation of the signal lamp may be a difficult task in this job. As shown in the above two pictures, no matter which difference you click first, the signal lamp starts to shine from the first one. In fact, we need to make a judgment and use the value of a variable to determine the differences you click. I am using the system's global variable onloadvariable. When loading a page, let onloadvariable be equal to 1. Then, in the click case of a transparent image, judge the value of onloadvariable. If it is 1, light 1 is displayed (here the light 1 is a dynamic panel, hidden at first, click to display, of course, you can also set two states to switch, it does not need to hide), then let the onloadvariable value add 1. When onloadvariable is equal to 2, the light 2 is displayed. And so on. Specific settings are shown in:

"Third Place" and "third place 2" in "third place" are different labels, which can be defined according to your own habits. In, the reason why you want to disable "Fig 31" and "Fig 31" (Fig is the transparent image set in the difference) is that after one blow, click again, and he will add onloadvariable 1 again, the next light is also on. So disable it after judgment. This is also a benefit of using images, which can be disabled. If hot zone is used, it cannot be implemented.

Finally, when the onloadvariable value is 3, that is, when the third light is on, set the dynamic panel to "congratulations" and click the button to go to the next level.

It was originally said that it was sad to upload a complete file, but it could not be uploaded...

Axure implements a simple catch game