banner



How To Open A New Window With Adobe Animate Button

In this tutorial nosotros volition run across three unlike methods to restart an animation made with Adobe Edge Animate.

On this tutorial the topics discussed are:

  • Timeline manage
  • Mouse events on objects
  • Adobe Edge API

INTRODUCTION

Edge Animate has ii methods for managing the execution on the timeline:
play() and playReverse().

To accept a more than clear overview nigh the deviation between the 2 methods,
you tin can find here beneath the result

The RESTART button, made using play(), restart the animation from the start,
the REWIND push, made using playReverse(), looks like the rewind of a tape.

HOW TO RESTART

Create an object on the stage, correct click this and select "Open Deportment for", a new window will opens.

Adobe Edge Tutorial: Restart, Rewind and infinite Loop #1

Inside the new window click on [+] button on the top left, a dropdown card will opens.
Select the blazon of issue that will trigger the restart, in this case "click".

Adobe Edge Tutorial: Restart, Rewind and infinite Loop #2

At present insert the restart code

                  sym.play(0);                

The inserted lawmaking tells Border Animate to execute the blitheness from the outset (0:00 on the timeline).

Adobe Edge Tutorial: Restart, Rewind and infinite Loop #3

HOW TO REWIND

Create an object on the stage, right click this and select "Open Actions for", a new window will opens.

Adobe Edge Tutorial: Restart, Rewind and infinite Loop #4

Within the new window click on [+] button on the top left, a dropdown bill of fare will opens.
Select the blazon of event that will trigger the restart, in this case "click".

Adobe Edge Tutorial: Restart, Rewind and infinite Loop #5

At present insert the rewind code

                  sym.playReverse(sym.getPosition());                

The inserted code tells Edge Animate to execute the blitheness from the electric current position going back to the showtime.

Adobe Edge Tutorial: Restart, Rewind and infinite Loop #6

To restart the animation when the cursor will be back to commencement point,
move the the timeline cursor to 0:00 and add an activeness to the frame clicking on "Insert trigger" button that you can observe on the top left side of the timeline.

Adobe Edge Tutorial: Restart, Rewind and infinite Loop #7

A new window will open up, insert this lawmaking within it

              sym.play();            

At present Edge Animate will play the blitheness when the rewind reach 0:00.

HOW TO Infinite LOOP

To accept the animation restart when it ends, move the timeline cursor to the end frame of the animation and add an activeness to the frame clicking on "Insert trigger" button that you lot tin can find on the top left side of the timeline.

Adobe Edge Tutorial: Restart, Rewind and infinite Loop #8

A new window will open, insert this code inside it

              sym.play(0);            

Now when the animation reaches the end, information technology volition restart from 0:00.


As you probably noted the code is very similar to jQuery, correct! Edge Animate API are based on this javascript library.

You can find the consummate list of electric current Border Animate API on the official folio: Border Preview Resources Runtime API.

Source: https://www.riccardobianconi.it/en/tutorials/edge-animate-tutorial-restart-rewind-loop/

Posted by: partainovertutremew.blogspot.com

0 Response to "How To Open A New Window With Adobe Animate Button"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel