I start with several items on the stage, each an iteration of the same symbol. When I click on one, it performs an opening animation, then pauses. When I click on another, the first symbol un-pauses on its timeline, animating back to original position, while the second one I clicked plays its opening animation till its pause. Each of the symbols can tell the already deployed symbol to "play itself off."I'm sure this was done in Flash all the time, and there's a Javascript solution.
play "SYMBOL_2" - "DIV_ANIMATION_1" - "ANIMATION_1_START" from within "SYMBOL1" - "DIV_PLAY" with the mouseup command
URL....I know that i can sym.getComposition().getStage().getSymbol("div_animation_1").play(); from within "div_play" but how do i access a point on the timeline and play from there...
Is there a way to "eval" or dynamically set a symbol name that has been parsed from XML to build a symbol path? For example, I'm trying to dynamically set a variable to the path of a sysmbol already on the stage, but it's not working correctly:
var xmlSymName = $('symName', this).text(); // where symName = "sym4" from a parsed XML node var whatPOI = sym.getComposition().getStage().getSymbol("sym1").getSymbol("sym2").getSymbol("sym3").getSymbol(xmlSymName).getSymbolElement();
Basically I have a lot of points on a map and I'd like to be able to name the points along with other data like tooltip callouts, etc populated via XML then loop through the XML to build the points of interest on the map. If I can get the above working I can place that variable path reference into an array and grab the data from it later. But the path is not working the way I have it.
The scenario is this, I have a symbol(TitlePage) on my main timeline. Inside the symbol(TitlePage) there is a play button. How can i set a click event on this symbol that access the main timeline(stage) labels?
var a = new Audio(); a.src = "xxx.mp3"; //.ogg if IE a.play();
It works on different browsers including IE, firefox and chrome, but have no sound on Safari. I tried Safari 5.1 on PC and on iPod 4.3.3. I tried .wav, .ogg, .mp3.
I have created an animation where the objects move left to right.Is there a simple way of 'flipping' the timeline so that the animation effectively plays in reverse, rather than redoing the animation altogether?
I have multiple pieces on animation elements on my site. I'd like the animations to play when the user has scrolled to that position on the page and not beforehand. Right now, page loads, user is at the top of the page and all animations load and start playing. By the time I scroll down, the animations have ended.
I have two symbols nested. On mouse over, the first symbol saturates the image, and moves it down. The second symbol makes the image cycle through three pictures. On mouse off, the slideshow stops, the image desaturates and moves up. This works really good!
I have a button below it, that when pressed, starts the timeline of the first symbol (saturates the image, and moves it down). This works great...but when I hover over the image, (after clicking the button), it snaps back up, and is desaturated. I'm not sure why it does that...I want the image to stay where it is!
I have started to work on an animation which will work as a splash-screen before the users see the actual site. (Yes I know... but the client wants it like this...)
The problem I have now is that the animation plays after a few seconds and that during these seconds it shows the content of the website. Besides that I still find it pretty difficult to actually position the animation the way I want.
I am using a plug-in for wordpress.
I tried fixing this with a pre-loader but this is also too slow. Is there any way I can force the animation to play sooner or to make sure they can't see the content before the animation has played?
I have two compositions on a page and I identify them within the AdobeEdge.bootstrapCallback. As soon as the user scrolls to the first animation I want to start it with an external call (compId.play()). If this is the only composition on the page it does work correctly. But as soon as the second one is added to the page it doesn't play at all. If I trigger the first animation via the console (e.g. compId.play(1000)) the animation jumps to the 1000 ms mark but then it stops immediately and doesn't play on.
function myFunc(name) { var $symbol = sym.$(name); //I want to do something with $symbol depending on their id, for example //$item.appendTo($symbol); //so $item will append to the corresponding symbol }
[Code]...
I tried .attr('id') and it seems not the id I want.
EDIT: indeed I want to get the selector inside myFunc
In my Composition there some cases I have to play one symbol. In a few cases it is necessary two play sequential e.g. symbol A an then symbol B. It have to look like one animation. Is there an easy way of calling?
How to create two instances of the same symbol and change the texts and images inside the instances to have different texts (so I mean different from the other instance)?
Somehow, instead of using dynamic creation by using code, I can't manage this. Everytime I change a text inside A (instance of symbol1), the text of B (instance of the same symbol1) is also changed. The same with images. I can't figure out what I'm doing wrong here. I can't imagine symbols are always reference types, 'cause what's the meaning of having symbols then?
I have a symbol called "A." I needed 2 copies of it, so I duplicated A and renamed the new symbol to B. I now have A and B, identical copies of each other.
I navigated inside symbol A where I entered another symbol, "A1." Inside A > A1, I removed an image and added another image. No problem so far.
Then, I returned to the stage and navigated into symbol B > B1. To my surprise, the same image change I made in A > A1 already appeared in B > B1 (even though I duplicated A **before** making this change).
When I change the image inside B > B1, that same change is now present back in A > A1.
It's as if these two symbols, A and B, are mirrors of each other, even after being modified. Trouble is, I don't want mirrors. I need them to be slightly different.
I thought the Duplicate step might be my problem. I started over (both by undoing several steps and by closing and creating a new document entirely). This time, I copied A and pasted it onto the stage. I ran into the same problems.
Ok, next guess: this time, I entered symbol A and copied its elements/sub-symbols. I went back to the stage and pasted them there. Selected these elements/symbols and converted to a new symbol. Same problem!
When I try to add a click event on a symbol, I can't access to the symbol, only to the parent. For example, if on the event click on a specific symbol A I add the code
var symbolElement = sym.getSymbolElement(); symbolElement.hide();
It will hide the parent of A, instead of hiding A. How do I access to A?
I have a crosshair like in a lightgun style game at an arcade. What code would I use to have the symbol follow the mouse, and if at all possible, could the symbol's origin be in the middle of the symbol and not in top left corner of the symbol?
I have a keyframe where I must to upload a random series of symbols, and I do it with the script:
var myVar = Math.floor((Math.random()*6)+1); var stage = sym.$("Stage"); var myAni = sym.createChildSymbol("Symbol_" + myVar, "stage"); myAni.appendTo(stage);
The script works fine, but, at NEXT keyframe I must load another series. The problem is that the symbol loaded in the previous keyframe is still present and the new symbol overlaps it.How can I unload or discard the previous symbol?
I'm simply trying to animate the y axis of a symbol with code. When I rollover one symbol, I'd like it to move the symbol it's inside a certain distance. Never seems to work. I've tried looking up the simple jquery syntax to change an image's y position, but it's hard to find!
I'm building an animated menu in the latest version of Adobe Animate. There are 5 different animations that happen within the same box on the main stage. I have made each animation it's own symbol. I want to trigger the animations from text boxes to the left of the box where the main animation takes place. The text boxes are not apart of any of the symbols, but are just on the main stage.
When someone scrolls over any of the individual text boxes i need to play one symbol's timeline AND hide all of the other symbols from the stage.
How do I reference `this` when a symbol is clicked? I have a click event on 'alien' on the stage. In the handler, sym appears to be stage and not 'this'.
I want it to play itself (amoung other things) when clicked.
e.target gets me the element, but not the edge symbol so I can play itself.
I have several animations converted to symbols and I want the composition to call one at random on load. These will be page header animations and my intension is use the same composition on each page that pulls an animated header at random when the page loads. I've done this with Flash using Actionscript but not sure how to code it out in Edge.
I have facing some problem in symbol. i;e In a symbol have created three rectangular boxes (rect-1, rect-2 & rect-3)& in main-time line there is three lavel (label 1, label 2 & label 3).
i want to create functionality that is, when i click rect-1 box, i should be play "label 1", when i click rect-2, it should play "label 2" & when i click rect-3 it shuld play "label 3".
I've migrated across various platforms over the years but Edge is definitely a tool I will use as a core authoring tool. Keep the updates coming!
Ok I've read about 8 articles on this forum on Youtube videos and stopping sound using the
sym.$("blah").empty();
BUT, once I've emptied the container, I want to be able to access it again and play the symbol. I don't know how to load the container once it's been emptied. I tried
sym.$("blah").empty().append (youtube);
but doesnt work.
I just need the video to load again from the beginning, I dont need youtube API integration for remembering where it stopped, I just want to reload the symbol "blah" after its been emptied.
Check out the work in progress...
Page 1 - had no video
Page 2 - has video bg, ignore that, the two videos behind the slider have no empty commands and keep playing in background
Page 3 - on the page that says 'Nadi', behind teh slider is the video that has the empty and I just want to reload it after its been closed
