Adobe Forums: How do I loop an Edge animation? How do I Duplicate Layers?

David HealyCommunity Member

Currently Being Moderated

How do I loop an Edge animation? How do I Duplicate Layers?

Aug 9, 2011 11:10 PM

Is there a setting that makes the exported animation loop?

How do I duplicate layers or element layers? What do you call them anyway?

How do I lock or unlock, view or hide all of the layers other that the one I have selected like I can in Illustrator?

Here is a sample: http://www.idugsf.com/_e_dheyes/DavidEyes_Edge01.html

where I want to duplicate the eye but can't find the control

Currently Being Moderated

shutao.info,

Community Member

Aug 9, 2011 11:39 PM

Report

<script language="JavaScript">
    $(window).ready(function() {
        $.Edge.symbol.get($("#stage"))._getTimeline("Default Timeline").addObserver({ onComplete: function() {
            $.Edge.symbol.get($("#stage")).play("Default Timeline");
        }});
    });
</script>

hope the next release have "ctrl+d"for duplicte layer

|
Mark as:
Currently Being Moderated

Mark Anders,

Adobe Employee

Aug 10, 2011 4:18 PM

Report

There is no way currently to duplicate an element. We will be looking into this for future previews.

Mark

|
Mark as:
Currently Being Moderated

Chris Miller,

Community Member

Aug 11, 2011 9:38 AM

Report

I haven't tried it, but couldn't you trace down the ID, copy it into a class, then add the class into that array? Something along those lines?

|
Mark as:
Currently Being Moderated

designerplaymate,

Community Member

Aug 11, 2011 1:17 PM

Report

thanks for the first laugh of the day love the rolling eye!!
don't forget the looping code problems that I had with the hidden characters.
if it doesn't work look at the source code and see if there's any of them in there!!

|
Mark as:
Currently Being Moderated

adobe_blue,

Community Member

Aug 22, 2011 3:59 PM

Report

Minor mod (bodge?) to the javascript loop function to give a set number of loops:

<script language="JavaScript">
     max_loop=4;
     count=0;
     $(window).ready(function() {
        $.Edge.symbol.get($("#stage"))._getTimeline("Default Timeline").addObserver(
        {
       onComplete: function() {
           count++;
              if(count< max_loop) {
                   $.Edge.symbol.get($("#stage")).play("Default Timeline");
            }
        }
        }
        );
    });
</script>

|
Mark as:
Currently Being Moderated

David Healy,

Community Member

Aug 22, 2011 4:18 PM

Report

Did you have an answer to the questions: Re: How do I loop an Edge animation? How do I Duplicate Layers? How do I loop an Edge animation? How do I Duplicate Layers in Edge?

Or is "?" the answer?

|
Mark as:
Currently Being Moderated

Mark Anders,

Adobe Employee

Aug 22, 2011 4:22 PM

Report

"Duplicate Layers" is basically what I answered earlier in the thread.
It's not in Preview 1, but will be added in future previews.

Hope that helps!

Mark

|
Mark as:
Currently Being Moderated

adobe_blue,

Community Member

Aug 22, 2011 4:27 PM

Report

No, learning to type is the answer ;-)

|
Mark as:
Currently Being Moderated

fvrw,

Community Member

Aug 25, 2011 7:03 PM

Report

Hi....

OK....cause I really don't know code.....
per our attached code for looping, is this "Windows" relevant... will it work on a Mac and Windows?
And where ould I insert this code in my source code?

I am going to try to play this on a PC laptop....but since it is .html I assume it will work on either?

Thanks

|
Mark as:
Currently Being Moderated

threebit,

Community Member

Aug 26, 2011 10:00 AM

Report

And what about looping? So, you have to loop with code? You're kidding me! Looping is one of the most basic animation techniques and Adobe Edge doesn't have a simple way of doing that?

|
Mark as:

Currently Being Moderated

adobe_blue,

Community Member

Aug 26, 2011 10:27 AM

Report

@fvrw It goes in your html file just before the </head> tag, something like this:

<!DOCTYPE html>
<html>
<head>
     <title>Untitled</title>
<!--Adobe Edge Runtime-->
    <script type="text/javascript" src="edge_includes/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="edge_includes/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="edge_includes/edge.0.1.1.min.js"></script>
    <script type="text/javascript" src="edge_includes/edge.symbol.0.1.1.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="html5_test01_edge.js"></script>
    <link rel="stylesheet" href="html5_test01_edge.css"/>
<!--Adobe Edge Runtime End-->

<!--Adobe Edge Loop script -->
<script language="JavaScript">
     max_loop=4;
     count=0;
     $(window).ready(function() {
          $.Edge.symbol.get($("#stage"))._getTimeline("Default Timeline").addObserver(
          {
               onComplete: function() {
                    count++;
                    if(count< max_loop) {
                       $.Edge.symbol.get($("#stage")).play("Default Timeline");
                    }
               }
          });
     });
</script>
<!--Adobe Edge Loop script End -->

</head><body>
     <div id="stage" class="symbol_stage">
     </div>
</body>
</html>

Hope this helps.

Mark as:

Currently Being Moderated

adobe_blue,

Community Member

Aug 26, 2011 11:34 AM

Report

@threebit

I presume you are an advocate of the "no good deed goes umpunished" school of thought.

|
Mark as:
Currently Being Moderated

Mark Anders,

Adobe Employee

Aug 26, 2011 11:26 AM

Report

As we have said in a number of different messages, this is simply a first
preview. There are a ton of things that you would expect to be in the
product that are not there yet. Rest assured that we are working on
adding looping and a number of other critical features to future previews
of Edge.

Thanks for trying out Edge!

Mark

|
Mark as:
Currently Being Moderated

threebit,

Community Member

Aug 26, 2011 1:35 PM

Report

I look forward to the full release of Adobe Edge. For now I'm going to use Tumult Hype.

|
Mark as:
Currently Being Moderated

Mark Anders,

Adobe Employee

Aug 26, 2011 1:41 PM

Report

I would say to make sure you check out the previews as they're released.

Mark

|
Mark as:
Currently Being Moderated

David Healy,

Community Member

Aug 26, 2011 1:42 PM

Report

Who else is using Motion Composer by Aquafadas?

|
Mark as:
Currently Being Moderated

fvrw,

Community Member

Aug 26, 2011 8:27 PM

Report

Thank You Adobe_blue.

Let you know if it works.

|
Mark as:
Currently Being Moderated

fvrw,

Community Member

Aug 26, 2011 8:36 PM

Report

This has been a good forum for getting feedback. Looking forward to seeing how the final version of Edge will work. I like it so far, but still leaves a lot to be desired. For one- importing audio, and allowing for more than one track to be imported. Auto page turn affects and some other functions like shading gradients, and maybe even a little 3D effects thrown in for good measure. But I am sure you guys are on it.

Thanks for the responses.

|
Mark as:
Currently Being Moderated

nur_polat_kantar,

Community Member

Nov 28, 2011 3:37 AM

Report

It is said Adobe Edge supports hyperlink and loop animation in product explanations. I tried the code above for loop in my html but it doesn't work. How could i get loop
propperty in a basic location animation, exactly which code should i add to my html file?

Thanks,

|
Mark as:
Currently Being Moderated

SBee7958,

Community Member

Nov 29, 2011 4:22 PM

Report

I think this should work to loop your animation: (in Preview 3)

Create a trigger at the very end of your timeline, and add the following code to your custom function:
// When this trigger is hit, restart the timeline by // calling play with a time offset of zero. this.play( 0 );

More here:
http://blogs.adobe.com/adobeandjquery/2011/10/04/adobe-edge-preview-3- available/

|
Mark as:
Currently Being Moderated

ryganley,

Community Member

Nov 30, 2011 6:13 AM

Report

FOUND THE ANSWER!!!!!!!

Add a code snippet to loop an animation
New to Preview 3 is the addition of code snippets. These are little pieces of JavaScript code that can be added to your movie for common tasks such as looping. In this exercise you are going to do just that. When the movie finishes you want to loop back to the 5-second point on the Timeline. Here's how:
Make sure the playhead is at the end of the Timeline.
Scroll to the top of the Timeline panel and click the little icon that looks like a small scroll beside Actions. This icon is called the Open Timeline Actions icon.
You will be prompted to add an event. Select the complete event from the pop-up menu (see Figure 20). If you don't see the pop-up menu, click the + button.
         #

Figure 20. You can choose from four Timeline events.

#
The Default Timeline dialog box will now change to show you a number of snippets that can be added to the Timeline (see Figure 21).
Select Go To and Play from the list. When you make this choice the code snippet shown in Figure 21 appears.

#

Figure 21. Code snippets can be added to the Timeline and you can use your own values.

#
Change the default time from 1000 (1 second) to 5000 (5 seconds). What you have just done is to write a snippet of code that will scoot the playhead back to the 5-second mark on the Timeline and start the animation playing from that point.
Close the dialog box and test this project in a browser by pressing Command/Ctrl+Return.
When finished, close the browser and save the file.

|
Mark as:
Currently Being Moderated

Mark Anders,

Adobe Employee

Nov 30, 2011 3:16 PM

Report

Handling the "complete" event is the best way to to loop if you indeed want to loop once the timeline is done with the animation.

One step that is not necessary is step 1. You don't have to have the playhead anywhere in particular to handle a timeline event.

Mark

From: Adobe Forums <forums@adobe.com<mailto:forums@adobe.com>>
Reply-To: "jive-919121375-98qy-2-2ewcw@mail.forums.adobe.com<mailto:jive-919121375-98qy-2-2ewcw@mail.forums.adobe.com>" <jive-919121375-98qy-2-2ewcw@mail.forums.adobe.com<mailto:jive-919121375-98qy-2-2ewcw@mail.forums.adobe.com>>
Date: Wed, 30 Nov 2011 05:13:45 -0800
To: Mark Anders <anders@adobe.com<mailto:anders@adobe.com>>
Subject: Re: How do I loop an Edge animation? How do I Duplicate Layers? How do I loop an Edge animation? How do I Duplicate Layers?

Re: How do I loop an Edge animation? How do I Duplicate Layers?
created by ryganley<http://forums.adobe.com/people/ryganley> in Edge Preview - View the full discussion<http://forums.adobe.com/message/4054352#4054352

|
Mark as:
Currently Being Moderated

nur_polat_kantar,

Community Member

Dec 1, 2011 1:23 AM

Report

Thank you all, it works

|
Mark as:
Currently Being Moderated

David Healy,

Community Member

Dec 5, 2011 12:36 PM

Report

I tried your routine but instead of the window that has "complete" I saw

So seeing how I want the animation to start running I selected "loaded". I then clicked on, "Play" and entered, "
// play the timeline from the current position
this.play(5000);

When I clicked "command" + "return" I got:
Error 404: Not Found
File not found

I tried opening the .html and it only played part of the animation and stopped.

|
Mark as:
Currently Being Moderated

Mark Anders,

Adobe Employee

Dec 5, 2011 12:44 PM

Report

Hi David, I'm not sure what you're saying. You say "I saw" but I'm not sure what you saw.

Mark

From: Adobe Forums <forums@adobe.com<mailto:forums@adobe.com>>
Reply-To: "jive-150047975-98qy-2-2f4f5@mail.forums.adobe.com<mailto:jive-150047975-98qy-2-2f4f5@mail.forums.adobe.com>" <jive-150047975-98qy-2-2f4f5@mail.forums.adobe.com<mailto:jive-150047975-98qy-2-2f4f5@mail.forums.adobe.com>>
Date: Mon, 5 Dec 2011 11:36:54 -0800
To: Mark Anders <anders@adobe.com<mailto:anders@adobe.com>>
Subject: Re: How do I loop an Edge animation? How do I Duplicate Layers? How do I loop an Edge animation? How do I Duplicate Layers?

Re: How do I loop an Edge animation? How do I Duplicate Layers?
created by David Healy<http://forums.adobe.com/people/David+Healy> in Edge Preview - View the full discussion<http://forums.adobe.com/message/4064801#4064801

|
Mark as:
Currently Being Moderated

Nik Ska,

Community Member

Dec 13, 2011 10:55 AM

Report

How do I loop a single element? Say I have 3 elements with different timings and want them looped, what do I do?

|
Mark as:
Currently Being Moderated

Mark Anders,

Adobe Employee

Dec 13, 2011 11:38 AM

Report

Are talking about each object having an individual timeline, that you can loop independently? Sort of like the equivalent of a Flash Movieclip? If so, it's not in Edge yet. We are working on it, though!

Mark

|
Mark as:
Currently Being Moderated

ikyu_72,

Community Member

May 3, 2012 7:57 PM

Report

Not sure if this is what you're after or not, however, with the timeline placed at the end of the animation, I inserted a timeline action by clicking the "open timeline actions" button, then, inserted a "complete" function, with a "play" command, which is play the master timeline.
Hope that helps. Cool app.

s

|
Mark as:

Legend

Correct Answers - 10 points
Helpful Answers - 5 points

Edge Preview

How do I loop an Edge animation? How do I Duplicate Layers?

Aug 9, 2011 11:10 PM

Add a code snippet to loop an animation

More Like This

Bookmarked By (0)

Legend