Aligning images/symbols on the stage...
I am assembling a morphing photo display of several photos
which I convert to symbols and vectors giving the illusion of a
water color painting morphing into a crisp image/photo. As I do
this with more images I can see issues where my images are not
centered with the previous one and "hop" to one side or the other.
Is there a grid tool that I can place onto the stage to assist with
this or some other method that I may use to keep things as I see
them in my "vision"?
Thanks in advance for any suggestions.
Ok, my bad.... After completein one task I decide to revisit
the drop downs and low and behold there it was... View>Grid...
Guess I need to get some sleep...
Good night all.
Similar Messages
-
JSON content - click to show another symbol on the stage
Hi,
Thanks to Zaxist I have a working code like the one below:
$.getJSON("content.json",
function(data){
for(var i=0; i<data.length; i++){
var s = sym.createChildSymbol("template","content");
s.$("title").html(data[i].title);
s.$("description").html(data[i].description);
s.$("seira").html(data[i].seira);
s.$("imageholder").css({"background-image":"url('"+data[i]. image+"')"});
s.$("imageholder").data('Large', data[i].largeimage);
s.$("imageholder").click("click", function(e){
sym.getComposition().getStage().$("finte").css({"background-image":"url("+$(this).data('L arge')+")"});
Now, I am trying on the click function to show specific symbol on the stage, for example when click on the first item the symbol red will appear, if cliked the second item the (previous symbols that was appeared will be hided) and the new symbol blue will appear. An so on with all the other ellements that JSON files has.
I tried this on the code, but nothing:
$.getJSON("content.json",
function(data){
for(var i=0; i<data.length; i++){
var s = sym.createChildSymbol("template","content");
s.$("title").html(data[i].title);
s.$("description").html(data[i].description);
s.$("seira").html(data[i].seira);
s.$("imageholder").css({"background-image":"url('"+data[i]. image+"')"});
s.$("imageholder").data('Large', data[i].largeimage);
s.$("imageholder").click("click", function(e){
sym.getComposition().getStage().$("finte").css({"background-image":"url("+$(this).data('L arge')+")"});
if (data[i]=3) {
sym.getComposition().getStage().$("red").show();
else {
sym.getComposition().getStage().$("red").hide();
if (data[i]=5) {
sym.getComposition().getStage().$("blue").show();
else {
sym.getComposition().getStage().$("blue").hide();
Could you help me?
Thanks in advanced!Zaxist please I need your help again.
I have this:
$.getJSON("images1.json",
function(data){
for(var i=0; i<data.length; i++){
var s = sym.getSymbol("base").createChildSymbol("template", "content");
s.element.attr('id', 'basara'+i)
s.getSymbolElement().css({"background-size":"contain",
"float": "left",
"margin": "100 125px 125px 100",
"clearboth":"{ clear: both; }"
s.$("description").html(data[i].description);
s.$("code").html(data[i].code);
s.$("imageholder").css({"background-image":"url('"+data[i]. image+"')",
"background-size":"cover"
s.$("imageholder").data('myIndex', i);
s.$("imageholder").data('Large', data[i].image);
s.$("imageholder").click("click", function(e){
if ($(this).data("myIndex") == 0){
sym.getComposition().getStage().getSymbol('holders').$("holder1").css({"background-image": "url("+$(this).data('Large')+")"});
else if ($(this).data("myIndex") == 1) {
sym.getComposition().getStage().getSymbol('holders').$("holder1").css({"background-image": "url("+$(this).data('Large')+")"});
else if ($(this).data("myIndex") == 2) {
sym.getComposition().getStage().getSymbol('holders').$("holder1").css({"background-image": "url("+$(this).data('Large')+")"});
$.getJSON("images2.json",
function(data){
for(var i=0; i<data.length; i++){
var s = sym.getSymbol("podia").createChildSymbol("template", "contentpodia");
s.getSymbolElement().css({"background-size":"contain",
"float": "left"});
s.$("description").html(data[i].description);
s.$("code").html(data[i].code);
s.$("imageholder").css({"background-image":"url('"+data[i]. image+"')",
"background-size":"cover"
s.$("imageholder").data('myIndex', i);
s.$("imageholder").data('Large', data[i].image);
s.$("imageholder").click("click", function(e){
if ($(this).data("myIndex") == 0){
sym.getComposition().getStage().getSymbol('holders').$("holder2").css({"background-image": "url("+$(this).data('Large')+")"});
else if ($(this).data("myIndex") == 1) {
sym.getComposition().getStage().getSymbol('holders').$("holder2").css({"background-image": "url("+$(this).data('Large')+")"});
else if ($(this).data("myIndex") == 2) {
sym.getComposition().getStage().getSymbol('holders').$("holder2").css({"background-image": "url("+$(this).data('Large')+")"});
I want to import symbol podia inside to base to handle it by content2.
I am writing this:
var basewithpodia = sym.getSymbol("base").createChildSymbol("podia", "content2");
it places the symbol inside, without the data of the JSON file.
How can I make it to work? -
How to remove a dynamic symbol from the stage?
I'm loading dynamically copies of a Library symbol with a button click. Question is, when I move around in the timeline, I don't want to see the symbols at certain points. Can I loop through the json file and remove each symbol from the stage? Or is there a better way of accomplishing this?
Being new to Edge Animate, I'm also unsure as to the names of the symbols as they are placed on the stage. If I use the browser's developer tools, I can see that the divs are named Stage_90, Stage_91, Stage_92 etc. However doing something like the following does not seem to work:
sym.$("Stage_90").hide();
I appreciate the help. Thanks again.I got it. It should be:
$("#region1").remove();
// # was missing.
I actually added that to time 0 on the main timeline so when I got back there it removes the image.
It's not working from the symbol yet but I guess I should eventually get it working from there instead.
Thanks for your time. -
How do you remove a symbol from the stage in Edge animate?
Hello-
I'm wondering how to remove a symbol from the stage in Edge Animate so you can jump to another place in the timeline. In Flash, the symbol was only on the stage for the amount of frames you indicated. Not sure how it works here.
For example, I have 2 buttons on my first screen with some text that animates in. I want the button click to take the user to another section in the timeline or (basically another scene, like in Flash) that contains different content. If I change the visibility the buttons are still there and will ( I assume) create problems when other elements are placed on top.
Or is the only way with code. If that is the case what would that code be?
I would appreciate any help.
Thank you!What I usually do, is, once you have everything set up in the scene you are done with. highlight it all
right click
group elements in DIV
Now all those items act as 1 group and then you give it a properties name, much like a symbol.
THEN you can refer to that scene name and move it anywhere or hide it and slide in another scene that has the content for that next scene.
basically you take all the elements that make up 1 scene, gruop it up, name it, and then in the code for the button say something like:
on click:
scenename.play(framenumber);
that will then animate that scene according to any animation you gave it, such as moving to the left, off stage. while moving scene 2 that you create into the stage.
or just have something like this hide it
sym.$("scenename").hide();
sym.$("scene2name").show();
but if you do that, make sure in your CompositionReady code you hide all scenes EXCEPT the 1st one, so the user doesnt see them all instanatly anyway. -
Adding a Preloader to a Symbol, not the Stage. How?
I have a local video (not one hosted on YouTube/Vimeo) as part of a Symbol. Since it's a local video and may take a while to load once the button to load it is clicked, I'd like to add a Preloader to either the video itself, or to the Symbol. It's easy enough to do this to the entire Stage, but I just want the Preloader to appear when the Symbol it's in is loaded onto the Stage. How do I do this?
ThanksHi,
You can do it using the "poster" attribute: HTML video poster Attribute
I assumed that you have one and only one video and you have a preloader within the images folder, so:
sym.$("video").attr("poster", "images/myPreloader.gif"); -
Make subtle adjustments to simlar symbols on the stage
Let's say I create a symbol of a stick figure holding a shield.
Symbol 1: The Stick man
Symbol 2: The Shield
Symbol 3: the Stick man holding the shield.
Now, how would it be possible to place several copies of Symbol 3 on the stage while making subtle adjustments to EACH symbol 3 on the stage.
Is this possible?
Let's say I want to make each stickman slightly a different color without every single stickman taking on the same color.
Then I may want symbol 2 (the shield) to be a slightly different color in each of the stickman.
How could I go about making this subtle of an adjustment without effecting every instance of symbol 1 and 2 on the stage. Is this possible in flash??? It seems that flash has so much power, but I have yet to figure out how to use it all, and I sure hope something like this is possible.
If I need to explain what I mean, I sure will take the time to do this, but if someone could help me out here, that would be hugely appreciated.If you give each symbol instance an instance name, then you can operate on any of the properties of each of those symbols. So, for instance, if you have one instance of symbol 3 on the stage, select it and, in the Properties window, give it an instance name of "figure1". If you then double click on this instance, you can open it in to edit its content. This symbol will contain two symbols. Select each one separately and name each, say "man" and "shield".
Now, every time you bring a copy of the figure from the Library to the stage, it will contain two named symbol instances. If you select this new instance on the stage and name it, you can then address the symbols inside separately from the symbols inside "figure1".
The options for changing the color of any given symbol are limited. One way to go about this is to edit the shield symbol, add a layer, and then add a new symbol that you can use for the color change. -
How to add a symbol to the stage with a unique click function
I created a symbol in the Library and am loading multiples of it based on json data. However, I want to give each one a unique click function based on the json data. For example if you are the 4th symbol, you should change the color of another symbol when clicked. However, if the 5th symbol is clicked, it should be a different color. And so on.
What I would do:
add a class name for each symbol in your json file or on symbol creation.
Then use each class name and assign it a click event.
to assign a unique id or class to symbol you create use:
for (var i=0;i<data.length;i++){
var el = sym.createChildSymbol("pEl", container);
el.element.attr("id","newEl"+i);
// or for a class use el.element.addclass('className'+i);
Note when using the new id make sure you add # in name
example
sym.$('#pEl'+i).......
and a dot for the class name
sym.$('.className'+i) .............. -
Button to b clicked and large image shown on the stage(link to swf file here)
I have a button when clicked is supposed to show a larger image of the button/ I am new to the code and think if I could see and example it would help. This is a school project. I am failing as of now.
how do I upload my files to here so I can show http://threadcontent.next.ecollege.com/(NEXT(54b34a37e8))/Main/CourseMode/Thread/DownloadA ttachment.ed?virtualFileId=961613945&GoldenTicketParams=_u=8538800;_dt=634657009144447173; virtualFileIDs=956864518,956864621,956864990,960296914,960355361,960465721,960465764,96037 9092,961379343,960908613,961013978,961014291,961613945,961035853,961618981,961042519,96144 4490,961569920,961629398,961629452;&GoldenTicketSignature=35-AA-34-CE-10-A6-FD-4F-D1-DD-73 -4C-A9-EF-8D-9D-63-E5-87-88-FB-D4-4D-15-06-BB-82-8A-9E-F2-36-DC
I believe this is the download link to the swf I have you can see the buttons click and sound and over and when pressed they are supposed to show the larger image of the buttons original image that you see before you hoverstop();
trail_btn.addEventListener(MouseEvent.CLICK,
trail);
function trail(event:MouseEvent):void
gotoAndStop(10);
and the link I gave is the download link from my class at AI Online its perfectly fine -
I have been working on animating a scene in flash for a few weeks and recently I have encountered a problem with importing my images on to the stage where the images I import do not turn up, however the key frame that I attempted to import the image onto shows that it is occupied by an image and every frame previous to the key frame that just imported an image that does not show turns up as a red square that fills the original perimeters of the image, there is no solution to this problem any where on the forum and the adobe technical support staff will not help me find a solution to this problem what can I do to get Flash running normally again and fix this problem?????
Also after the first time i publish a preview after i begin using flash, flash renders the publishing and scene testing features as useless and claims that there is no HTML template found, or if the images if i import any images onto the stage that come up blank and render every image previous to that image as a red square and then try and publish a preview flash renders the publishing and scene testing features as useless and claims that there is no HTML template found. What can I do to fix this problem??? there is no solution on the web anywhere to this problem either.I don't know if Flash has a memory limit of its own. The memory for your Flash file is based on the available memory on your computer.
There is a limit on the number of frames that you can have in any given timeline. I think that it's about 15000 frames, but that's a guess. Flash does all of its work at runtime, this means that no part of your animation is pre-compiled like it is in a video file. So the more objects that you have on the stage, the more work Flash has to do. It follows that the more objects that there are to animate, the more work your processor and the video card have to do.
Here's a list of articles on memory management that might be useful:
Garbage collection internals for Flash Player and Adobe AIR | AdobeDeveloper Connection
actionscript 3 - What are good memory management techniques in Flash/as3 - Stack Overflow
AS3 Memory Management Tips -
Best way to hide symbols when they're on the stage, but invisible?
I have multiple symbols linked to buttons with .click events...
The problem I'm having is that when I've animated the contents of the symbol with opacity down to zero, etc, but the symbol itself remains on the
Stage, and it blocks other layers' text from being selectible (i.e. if visitors wanna copy and paste my text, they would be unable to with that invisible symbol sitting on top of it in the layer order)
I tried to use sym.$(current).hide(); like below... (The rest of this code is for state management so that an animation will play out, and another one will play in whenever a corresponding button is clicked - it comes from here: http://blogs.adobe.com/edge/2012/07/18/tutorial-leveraging-independent-symbol-timelines/)
var current = sym.getVariable("current");
if (current != "") {
sym.getSymbol(current).play("out");
sym.$(current).hide(); //tried to use this to hide the symbol after it played "out" but it cancelled the play("out") request and just hid my symbol
sym.getSymbol("WelcomeContent").play("in");
sym.$("WelcomeContent").show();
sym.setVariable("current", "WelcomeContent");
I'm guessing that I've used .hide() in the wrong place, can someone suggest where I should put it so that all the unused symbols on the stage are hidden until their button is clicked?
Here's my SAMPLE file http://www.ruesterprod.com/edgehidesymbols/rpedgerebuild.zip
(I commented out the .hide() code on the .click events I mentioned above to show you the functionality I wanna keep)
Thanks all!
AzaSo, getSymbolElement() is missing.
1) One scripting:
if (current != "") { sym.getSymbol(current).play("out").getSymbolElement().hide(); }
2) Another scripting:
if (current != "") {
sym.getSymbol(current).play("out");
sym.getSymbol(current).getSymbolElement().hide();
//sym.$(current).hide(); -
Cannot view images on the stage in AS3
Hi guys, I've had Flash CS4 for a while but never been able to use Actionscript 3 as any images dragged to the stage just disappear -- but of course are there when you preview the movie. I've reset the program, tried changing all around the views and resetting preferences -- and it works fine with new AS2 documents, but this problem has got me annoyed! I can't see anyone else with this problem while surfing the web, but thought it was time to get proactive and ask for your help and ideas!
Cheers guys, any help is much appreciated.Hi guys,
First off - thanks so much for taking the time to read this and answer to help me out. It's much appreciated, and better than anything that Adobe have offered (except to host these forums I suppose). I don't want to set myself up for a big fall and say that it can't be something simple as I could well be missing something, but it's definitely not a case of just adding a new layer and importing to the stage again. I've used Flash since way back in version 5, and like I said it works fine for Actionscript 2 documents, just seems a weird issue with (my) Actionscript 3.
I've looked at other suggestions, but as you can see from these screenshots all the layers are visible and not locked. Alpha is 100%, and it doesn't just affect new library objects but al drawing objects on the stage -- they can be drawn, but then quickly disappear. They are still there, and the cursor will change when hovered over the spot where they should be. The paths can also be seen when highlighted by the subselection tool. I've tried using the bring to front etc and anything else I can see. Also, I reinstalled the Flash Pro kit, so it must be something with my default setup.
Image 1 - just about to drag a Facebook gif icon to the stage.
Image 2 (it's different, honest!) - The layer has been filled, but the library item can't be seen. Also makes no difference if the Flash file is saved first or not. The cursor changes to the "move" type graphic when hovered over the invisible graphic too.
Any of you guys have a fix I'll buy you a drink next time you're near Durham (UK)!
Jordan -
This bug makes the program virtually unusable for anyone using Windows 8.1. I have a dual screen setup : 1920 x 1200 and 1920 x 1080 on the other, AMD Radeon HD 5700 Series drivers (Latest versions), running on a Windows 8.1 Pro OS. When you attempt to view the various menu option panes, the windows themselves are not rendering fully, or you are hidden. Also the stage is shifted as well to the lower right, making the program almost unusable. I have tested this on a Mac, as well as on a windows 7 machine and this does not occur there. So it appears to be only within a Windows 8.1 Pro machine. I have attached screen shots of what I am seeing. Notice in the first image, we are looking at the new document pane. You cannot see the options fully and they are shifted to the right out of view. The next image shows both the stage, shifted right, as well as the Document Pane. The options are not fully visible, and clipped off. The window itself is not re-sizable. I have cleared the appdata, and re-installed the program. Same result. I attempted to troubleshoot this via chat, however your network kept losing connection. Please let me know if anyone is suffering from this, and any resolution. Thanks!
Thank you sir! The scaling was the issue, and the solution. By clicking on settings->Screen Resolution-> Text and Font link -> It was defaulted to 125%. For anyone else who has this issue, set it to 100% and it will resolve these issues.
Thanks again! Back to development -
In Captivate, how to effectively control the movement of objects on the stage?
How to, say, make a shape (an arrow, for example) which points to a certain location move (and maybe rotate at the same time) to another location (another point on the stage) one second later. I know I can "apply effect" to it, but still I don't find it very easy to control the start position and end position of the arrow and the way it rotates (for example, how to make it rotate along the X, Y and Z axis respectively?)
Or, how can I make an image fly into the stage to a specific location from a certain direction, linger for a specific time, and then fly out in a specified direction? And while setting up this animation, is it possible to scrub across the timeline to see the effect of the animation, as you do in Flash Professional?An old pain, efficient control of motion paths and motion effects, I know.
All motion effects are relative to the start position of the object, that can allow you to realize the fly in and fly out: time both effects and leave the necessary 'linger' time between the effects. The motion paths can be edited. To have more precise coordinates you can either edit the XML that describes the effect, or create a motion effect in Flash Professional and save it as XML to be used in Captivate, or use my approach: I create a crosshair group with a perfect vertical and horizontal line object, that you can position exactly using the X and Y coordinates and then drag start or end point of the motion path over that cross hair. I have been pleading to have at least a snap function or a serious improvement that allows to enter coordinates but apparently not many users are wanting this improvement. I used that approach here in the first movie: Reset Effects in Captivate 6 - Captivate blog
And no, Preview slide (which is what you do when scrubbing the timeline) is not a real preview, you cannot see those effects.
Please, next time mention the version you are using. In CP7 and before effect duration was relative to object duration, in CP8 it is (finally) absolute timing. -
I need to remove a library item from the stage
Right now I have a button that brings a library symbol to the stage. Ideally, I want to be able to click on the symbol itself to make itself from the stage. Can anyone help me with this?
for example:
var sym:WhateverClass=new WhateverClass();
sym.addEventListener(MouseEvent.CLICK,clickF);
function clickF(e:MouseEvent):void{
e.currentTarget.parent.removeChild(e.currentTarget); -
Symbol disappear from stage after being created from an image
Ok, first, I'm a beginner with Edge here, So I might be missing some obvious solution.
I want to create a button. I simply change an image to symbol (as I want to animate the buttons).
Once I do that and test it in preview, the symbol is gone. It never comes back. It's not put to
'hide'. It's in the timeline...
What am I missing?Hi Zaxist,
Thanks for wanting to help! I was going put up the project but first I wanted to trouble shooting one last time.
and... i got it to work!
I'll put the problem here in case someone runs into this issue as a beginner.
Steps to trouble shoot:
There was no code put into the button, Just a simple button.
I closed the project and made a new project just with an image and created the symbol. It worked. It was still there.
Then I went back to the project. Turn off every layer except the symbol that disappeared. When everything was turned off, I ran the preview again and the symbol was back! Then I turned each layer back on, one by one... doing previews each step. It kept showing until the last part. then it disappeared again. I then looked at the symbol closely to compare what was different from the other layers.
It was that every other layer used % instead of px at the position. The symbol used px as position and basicly jumped outside the stage.
Silly mistake but I am started to understand Edge Animate. It seems that if you use %, it's best to keep consistant with it and not mix % and px in position/sizes for the layers.
Maybe you are looking for
-
IPhoto and iDVD won't open after I reinstalled iLife '08
I was unhappy with iMovie '08, so I tried to load an older version from my iLife '05. However, it copied over all of my iLife '08 apps. I was hoping it would give me the option of just installing the iMovie app. Everything opened except for iPhoto an
-
Copying files denied: the file name was invalid or too long
hi there i keep getting the above error message pop up when i try to consolidate my library. basically im trying to move my music from its current location to a new computer via external hard drive following the itunes directions but this error messa
-
HOW CAN I ADD FOREIGN RADIOS TO ITUNES?
HOW CAN I ADD FOREIGN RADIO STATIONS TO ITUNES? I HAVE NO URL'S. I HAVE THESE STATIONS IN MY BOOKMARKS BUT WANT TO CONCENTRATE THEM ALL IN ITUNES. THE GENIUSES HAVE NO ANSWER NOR DOES APPLE VIA TELEPHONE.
-
Thumbnails for QuickTime MOV files?
Hi Is there a way to make Windows Explorer create thumbnails for QuickTime MOV files? I'm really desperate to get a solution. Any help will be appreciated. Thanks Alfred
-
Appleworks Speadsheet Randomly not saving data
I have a few small spreadsheets I've created that seem to be reverting and not retaining changes. Even save as created files are not saving. If I just add one line of data at a time and save it, it seems to retain it, but multiple lines are lost as i