Layers inside of Symbols

I'm watching a flash tutorial from cartoon solutions on lip
synching. In the timeline there are three layers- the head, body
and sound- and when the presenter clicks on the head graphic symbol
it opens a different contingent of layers with the component of the
head(nose, mouth, etc.). This is something that I'm trying to
duplicate but can't figure out how. I'm using FlashMX and don't
know if that was a feature added later. There don't appear to be
any folder icons in the timeline, either.

and to add to jesse's (thanks), instance names only if
using/nesting movie clips - i work with
Graphic symbols as much, if not more than MCs. Just in case
bippity is not using MCs - since he is
following along with a cartoonsmart tutorial, most likely
they are graphics symbols.
Chris Georgenes
Animator
http://www.mudbubble.com
http://www.keyframer.com
Adobe Community Expert
*\^^/*
(OO)
<---->
jesse harding wrote:
> Chris is exactly right. Just to add to what he said;
Make sure to give
> instance names to all your nested symbols (at least any
you might want
> to control like the eyes and mouth). That way you can
control them from
> the root timeline or even from inside other symbols.
>
> Jesse H.
> Adobe Community Expert
> My site:
http://www.jharding.com
> Free Blog Radio:
http://www.tornadostream.com
>
>> it's a feature in all versions and it is called
"nesting" - you can
>> simply place symbols inside symbols. each symbol can
have any number
>> of layers and frames.
>>
>> Chris Georgenes
>> Animator
>>
http://www.mudbubble.com
>>
http://www.keyframer.com
>> Adobe Community Expert
>> *\^^/*
>> (OO)
>> <---->
>> bippity wrote:
>>
>>> I'm watching a flash tutorial from cartoon
solutions on lip
>>> synching. In the timeline there are three
layers- the head, body and
>>> sound- and when the presenter clicks on the head
graphic symbol it
>>> opens a different contingent of layers with the
component of the
>>> head(nose, mouth, etc.). This is something that
I'm trying to
>>> duplicate but can't figure out how. I'm using
FlashMX and don't know
>>> if that was a feature added later.
>>>
>
>

Similar Messages

Mask layers in button symbols not working?

Hi!
I am making a button symbol with many graphical elements
placed in separate layers. I also want to use regular (not
scripted)mask layers inside the button symbol but it doesn't work
when I test the movie. In the authoring environment tha masking
effect shows up properly but when I test the movie it just stacks
the layers on top of each other as regular layers.
Is this a bug? In previous falsh versions I think this method
was working fine.
Why is this happening? Attila

reinhat wrote:
> Hi!
> I am making a button symbol with many graphical elements
placed in separate
> layers. I also want to use regular (not scripted)mask
layers inside the button
> symbol but it doesn't work when I test the movie.
that is correct. If you search the forum by "mask button" you
will find posts
going back many years saying that flash does not support
masking within button.
To work around that limitation, you can place your mask in
movie clip and than
that clip inside a button.
Regards
Urami
Happy New Year guys - all the best there is in the 2006 :)
<urami>
http://www.Flashfugitive.com
</urami>
<web junk free>
http://www.firefox.com
</web junk free>

Trying to show() and play() a symbol from inside another symbol

Hi Everyone !
I'm running into a problem which is getting me crazy.
I have the following case :
- 1 symbol (_Page_Background) containing an animation with the following trigger @0s :
// Hiding the symbol
sym.getParentSymbol().$("_Page_Background").hide();
// Stop it
sym.stop();
- 1 element (B_TOYS), inside of a symbol (BUTTONS) with the following "click" trigger :
// Showing the _Page_Background symbol
sym.getComposition().getStage().getSymbol("_Page_Background").show();
// Start playing it
sym.getComposition().getStage().getSymbol("_Page_Background").play("INTRO");
The Symbol _Page_Background starts hidden, like it should. But when I click on the button (B_TOYS), nothing happens. Although, everything was working correctly before I turned my buttons into symbols ..
I guess the problems lies with the "show()" function, because I have other buttons that work properly but they don't show/hide anything, they just play()
Am I missing something ?!
Thanks in advance for your kind help !

Hi Dimitri,
Think of symbols as independent timelines that can contain other elements, or instances of other symbols. The Stage/main timeline is a symbol as well. Scripting calls are scoped to the symbol that the script is in. The keyword sym stands for the symbol that you're in with the script.
So if your script is at the same level as what you are targeting with it:
Use sym.$("elementName") to access an element's properties
Use sym.getSymbol("symbolName") to access a symbol's timeline. If there's another symbol inside that symbol that you want to access, you'd use sym.getSymbol("symbolName").getSymbol("childSymbolName")...that's only two levels deep, but you can go as deep as needs be.
If you're trying to access an element in a symbol, you'd combine these two, such as sym.getSymbol("symbolName").$("elementName")
When your script is within a symbol and you want to access an element or symbol outside of the symbol timeline:
Use sym.getParent() to get to any elements that are in the parent symbol (the symbol which contains the symbol you're calling from), which could be the Stage or could be another parent symbol
Use sym.getComposition().getStage() from any symbol level to access things at the main Stage level. You can also dive into a symbol on the Stage from any symbol using sym.getComposition().getStage().getSymbol("symbolName").
All is explained in detail here:
http://www.adobe.com/devnet-docs/edgeanimate/api/current/index.html
hth,
Joe

How to access a variable from inside another symbol

So i did this tutorial, Leveraging Independent Symbol Timelines created by Eliane...it's rockin, btw. ;-)
All's well but now i have a symbol on the stage called mc-home. inside of mc-home is a button called btn-go.
On the stage in composition ready there's a variable sym.setVariable("current", "mc-home");
This code works for a symbol that's on the stage but, how do i get this code to work on a button that's inside another symbol that's on the stage?
var current = sym.getVariable("current");
if (current != "") {
sym.getSymbol(current).play("OUT");
sym.getSymbol("mc-something").play("IN");
sym.setVariable("current", "mc-something");

sorry, i was kind of confused myself too, don't worry about it but thanks for your patience for reading it anyway

How can I change the color of a object inside a symbol?

Hello!
I'm working on this study and I need to change the color of an object inside a symbol when I click another object.
The object is called "bola", wich is inside the symbol "ponto" and the clicking object are the colored pencils (each pencil should change the color of the symbol's object, giving the impression you'd selecting a different pencil to draw).
I think it's simple to understand what I mean when you see the files.
I already tried this line on click event of the pencils, but it didn't work:
sym.getSymbol("ponto").$("bola").css("color","#123456");
Anyone knows how to make that work?
I would like to improve the experience of drawing as well. I made it with the "mousedown" event. Is that a better way to get a similar effect?
My files
Thanks a lot,
Clayton F.

Ok here is another sample:
http://www.meschrene.puremadnessproductions.net/Samples/HELP/LapisB/Lapis.html
http://www.meschrene.puremadnessproductions.net/Samples/HELP/LapisB/Lapis.zip
You need to create a var that changes the css background color..
Hopefully you can understand what I did...
The text I left showing so that you could see it change...
I updated the files and all colors should work now.
Message was edited by: ♥Schrene

Insert JQuery .html into text field nested inside of symbol

This is one of those, 'it should be so simple....so of course, it's not' question.
Got a nested symbol. Rather simple one. Inside the symbol is a background rectangle and a text field. When I click a button, it should insert the HTML I give it from the click event.
Now initially I did this by just using the text field by itself. No nesting. This is the code:
sym.$("copy").html("Edge Rocks!");
OK, success! The text loaded just fine.
Now let's insert that text field inside of a symbol. And let's call that symbol 'content'.
Now I try....
sym.$("content").$("copy").html("Some new text");
Result? Nothing.
Tried using stage instead of sym and even added a var stage = sym.getComposition().getStage() statement before that. Nope.
Yea, they don't make it easy. So what's the solution?
Here's my example file.
https://www.dropbox.com/s/5n1ehhsp7r3rbt6/text.zip?m
BTW, ran this in Firebug's console. No errors.

Yes and no, Elaine. Kind of confusing but if the button is directly on the stage, that code works. However, if that button gets nested inside of its own symbol, the code no longer works and a JS error appears in console.
So in other words, the button and the text field are nested inside of symbols, but not the same symbol. So it's a question of the path being used.
I tried switching sym to Stage to no effect.
Redid the test file and uploaded it to Dropbox:
https://www.dropbox.com/s/ha24ki0wp0fb2nw/text2.zip?m

Calling a function inside a symbol?

Hi there,
I'm one of those flash-devs that are trying to get Edge Animate to do what I usually do in Flash, so I might be doing this the wrong way, but I've got a symbol with a function "inside" on my stage, and I wanna call that function from the stage.
I've been trying to use sym.getComposition().getStage().getSymbol("symbolName").functionName(); but it doesn't work.
I don't have any problems manipulating the symbol itself by calling .play() or .hide() so I know the path works....can anyone show me the right syntax to call a function inside a symbol?
Thx in advance

Hi Abnesher,
An important principle to grasp is that symbols (and the stage is one of them) lies in parallel, despite the fact of instances of different symbols being nested one in another (and all in fine nested in the stage).
The consequence is that from inside your nested symbol you have no direct visibility of the function defined inside the stage symbol !
Inside the Stage symbol, in the document.compositionReady event handler :
sym.yourGlobalFunction = function( firstParameter)
// your stuff
Inside another symbol, in one of its events handlers :
sym.getComposition().getStage().yourGlobalFunction( 5);
Gil

Get the ID of a dynamically created symbol from library, INSIDE another symbol.

Hi everyone,
I'm trying to get the id from a dynamic created symbol from library.
When dynamically creating the symbol directly on the stage (or composition level), there's no problem.
But I just can't get it to work when creating the symbol inside another symbol.
Below some examples using both "getChildSymbols()" and "aSymbolInstances"
// USING "getChildSymbols()" /////////////////////////////////////////////////////////////////////////
// ON THE STAGE
var m_item = sym.createChildSymbol("m_item","Stage");
var symbolChildren = sym.getChildSymbols();
console.log(symbolChildren[0].getSymbolElement().attr('id')); // ok eid_1391853893203
// INSIDE ANOTHER SYMBOL
var m_item = sym.createChildSymbol("m_item", sym.getSymbol("holder").getSymbolElement());
var symbolChildren = sym.getSymbol("holder").getChildSymbols(); // Am i using this wrong maybe?
console.log(symbolChildren.length) // returns 0 so can't get no ID either
// USING "aSymbolInstances"" //////////////////////////////////////////////////////////////////////////
// ON THE STAGE
var m_item = sym.createChildSymbol("m_item","Stage");
console.log(sym.aSymbolInstances[0]); // ok (i guess) x.fn.x.init[1] 0: div#eid_1391854141436
// INSIDE ANOTHER SYMBOL
var m_item = sym.createChildSymbol("m_item", sym.getSymbol("holder").getSymbolElement());
console.log(sym.getSymbol("holder").aSymbolInstances[0]); // Javascript error in event handler! Event Type = element
In this post http://forums.adobe.com/message/5691824 is written: "mySym.aSymbolInstances will give you an array with all "names" when you create symbols"
Could it be this only works on the stage/ composition level only and not inside a symbol?
The following methods to achieve the same are indeed possible, but i simply DON'T want to use them in this case:
1) Storing a reference of the created symbol in an array and call it later by index.
2) Giving the items an ID manually on creation and use document.getElementById() afterwards.
I can't believe this isn't possible. I am probably missing something here.
Forgive me I am a newbie using Adobe Edge!
I really hope someone can help me out here.
Anyway, thnx in advance people!
Kind Regards,
Lester.

Hi,
Thanks for the quick response!
True this is also a possibility. But this method is almost the same of "Giving the items an ID manually on creation and use document.getElementById() afterwards".
In this way (correct me if i'm wrong) you have to give it an unique ID yourself. In a (very) big project this isn't the most practical way.
Although I know it is possible.
Now when Edge creates a symbol dynamically on the Stage (or composition level) or inside another symbol it always gives the symbol an ID like "eid_1391853893203".
I want to reuse this (unique) ID given by Edge after creation.
If created on the stage directly you can get this ID very easy. Like this;
var m_item = sym.createChildSymbol("m_item","Stage");
var symbolChildren = sym.getChildSymbols();
console.log(symbolChildren[0].getSymbolElement().attr('id')); // ok eid_1391853893203
I want to do exactly the same when created INSIDE another symbol.
var m_item = sym.createChildSymbol("m_item", sym.getSymbol("holder").getSymbolElement());
Now how can I accomplish this? How can I get the Id of a dynamically created symbol INSIDE another symbol instead of created directly on the stage?
This is what i'm after.
Thnx in advance!

Target a textfield inside a symbol?

I have a symbol called Rectangle and a text field called Counter on the stage. Inside the symbol I have another textfield called Counter2. For the .click event of the symbol I have:
sym.setVariable("checker", "1");
sym.$("Counter").html(sym.getVariable("checker"));
sym.setVariable("checker", "0");
sym.$("Counter2").html(sym.getVariable("checker")); //error here?
But I noticed that only Counter is being changed and that Counter2 was not targeted. How do I target Counter2 without having to move it to the main timeline?

Hi there,
Try this for the second textfield (assuming "Counter2" is nested in "Counter"):
sym.setVariable("checker", "0");
sym.getSymbol("Counter").$("Counter2").html(sym.getVariable("checker"));

Linked symbols inside a symbol.

Working with multi-art board documents we need a way to use externally linked symbols inside a symbol in the document. Example: A Button.ai file is used in multiple documents (imaging large project with 100s of pages). The lined button symbol can't be used (Or any linked file) within a symbol. This is a very annoying limitation that requires manually update a button symbol kept in 10th of files.

Hitting "edit" is not a big deal. The grid is a big deal. If you need to adjust the size based on the grid then... you need create the same grid in the linked file and position the artwork precisely. If later on you want to adjust the grid you need to do it manually in all your linked file. Complex, is it not?
Also to be able to preview a change one need to hit save and get back to the original file...
Again all that isn't a big deal for a simple file when you need to adjust a linked image. If we talk about pixel perfect UI design - forget it.

Activate a button inside a symbol

First let me just say that edge is great tool, and makes our life much easier.
well.. i'm trying to get familiar with the program and I run into some obstacles.
on the stage i have a symbol, inside that symbol i have a button, which i need it to run an animation on the timeline inside that same symbol.
i used- sym.play("label name on timeline"); --- not working
i have noticed another problem, when i change the cursor it also dosen't appear when i export (CTRL+ENTER).
i tried to activate the symbol on the main timeline of the stage but it didnt solved the problem either.

YES.
Button is in mySymbol
you need to get back to the stage:
sym.getComposition().getStage().
you need to get the symbol
getSymbol("mySymbol")
you need to get the button:
$('btn')
sym.getComposition().getStage().getSymbol("mySymbol").$('btn').click(function(){
// you code here
sym.getSymbol("mySymbol").play('symbolLabel');
Here is a sample file:
https://www.box.com/s/lu9o0w0oqtex3fodti4x

Revert 'invalid' not working for draggable inside a symbol

I have a system set up where several items can be dragged but only certain ones ("hairy") can drop into a location.
like this:
sym.$('creatureD').draggable({opacity:.5, revert:'invalid', scope:"hairy"});
sym.$('creatureA').draggable({opacity:.5, revert:'invalid'});
It works great on the main stage but for organizational regions I wanted to move this section of the activity into its own symbol. Now that this is inside a symbol, when the items are dragged they don't bounce back to their original locations - they are off a little bit with each mouse drag and drop. I'm not sure how to set or get the "revert" function to recognize the coordinate system inside the symbol.
Any help would be appreciated. Thanks.

So I resolved this problem and want to post about it in case other people encounter this issue. I discovered the actual issue by moving all the symbols back onto the main stage and setting up the drags there as before. There I discovered the same behavior was occuring even without being in a nested symbol.
It actually had nothing to do with having the draggables inside a symbol. For this version of the project I had scaled the symbols being dragged to 80% using Transform in the Edge program itself, thinking nothing of it. (I had wanted to scale them back to 100% when the activity continued so set it up this way on purpose) Anyway, having the elements scaled caused problems with revert in the draggable function. Once I exported new elements with the scaling applied before using in Edge, the problem was resolved.
TL;DR: Revert for a draggable won't work properly with an element that has been transformed (scaled) within Edge. Scale it prior to using in Edge.

Selecting Layers Inside Collage

I'm having trouble selecting specific layers inside a
collage. Many of the layers overlap, so the smaller images are
harder to select, sometimes even impossible.
It'd be much easier if I could select the image from the
timeline. But I'm trying to alpha tween each of the images and
selecting the layer from the timeline doesn't give me access to the
color menu in the properties box.
Also an unrelated problem with the images which I've imported
from photoshop. The layer masks I've created for each of these
images aren't showing completely. The mask is very blotchy.

You might try unchecking Auto-Select and set to Layer instead of Group.
MTSTUNER

Button inside a symbols

Hello
I have a button inside a symbol and I would when you click to play this symbol.
The symbol is "Anim_Perso".
https://creative.adobe.com/file/47b82617-3124-4eab-9482-ac94b30674c4
https://creative.adobe.com/file/47b82617-3124-4eab-9482-ac94b30674c4
Thank you
Stephane

Hi there.
Inside your symbol, uncheck Autoplay and, on the button's actions panel, select click and add this line of code:
sym.getComposition().getStage().getSymbol("Anim_Perso").play();
pmfr

Illustrator layers inside AE

Hi everyone!
Apologies again for my lack of knowledge in this area. I have multiple layers inside Illustrator, each with the shape outlines for different words. See this thread...
http://forums.adobe.com/thread/872916
...for details (and many thanks to CarlosCanto again!).
Everything works great inside Illustrator -- all of the layers are in sequential order of how they were typed. However, once I import the Illustrator file into After Effects, all of the layers are alphabetized by the name of the layer (no longer in the order they were originally typed). I need to preserve the layer order from Illustrator inside After Effects.
If anyone could help out it would be MUCH appreciated.
Thanks!
EDIT: I'm using all CS4 products, if that helps.

Okay... I suppose that works.
I ran into another problem though. The selection boxes around all of the layers are all the size of the composition, and not the size of the words. This makes it really difficult to move the words around by hand, because they're all stacked on top of each other.
When I imported the Illustrator file I chose "Import as Composition - Cropped Layers" thinking that would do the trick. Is there any way to make the selection boxes the size of the words and not the whole composition?
Thanks!

Layers inside of Symbols

Similar Messages

Maybe you are looking for