Today I came across with a visualization library named as processing.js. As far as i learn, to use this library we have to create a tag like "<canvas id= "processing-canvas"> </canvas>".Now, i wonder that; how can i create this element in Adobe Edge? I'm sure its possible, but how to do a little demo with processing.js in Adobe Edge.
View 1 RepliesOne of our biggest concern right now is animation made with Adobe Edge can't scale and resize like Flash or Canvas (and we are not talking about fluid or responsive design) Is that true? Our animations need to allow user zoom in or zoom out without any restrictions, can we build our animation with Adobe Edge?
View 18 Replies View RelatedI created an animation which was working just fine within animate and which I was also able to successfully export as an oam file to then be used on Wordpress.However when I reloaded the animation within edge the next day to make some adjustments, the majority of svg images I used are not showing on the canvas. Theyre present on the stage, elements and assets but when I select, only the box is visible and not the image. Theyre set to be visible (the little eye thingy) but aside from that, theyre a no-show.
View 2 Replies View Relatedi've an image of a tyre..100x100 pixels.when i import it in edge, i get something like 1000x1000 and the tyre is left side top..as 100x100 the rest is empty and i cant get it away??
View 1 Replies View Related1. crolling like where you have buttons for example or press on a navigation bar tab, then it goes to that specific pace of the page, for a one page website, for example some sites you press on contacts and gose down to the bottom of the page where the contacts place is located, not opening a new link.
2.Second, navigation bar, where it fallows the scroll as it gose down, like for example when it is html the object is fixed to the top, and when you scroll down it will fallow it it,
3.I need Parallex scrolling where you can have the timeline or animations run while you scroll in the meantime and have animation running all the time, for example the infographic site where the bees are fluying but still have seperate animations while you scroll
4.I would also like to ask if like looping each animations sperately, not looping the whole timeline, can it be possible to loop an animation while you have all the interactivity witht he site like looping seperately all the time, without interfeering with all the other animation
5.I also are wondering if you can create multiple pages on one animate project, like multiple pages with html
I just moved on to edge animate from html, and html was also beirf learn for me and mostly i was doing design work, and i thought getting out of graphic river and moving on the theme forest.
I want also all the five things to work on one aimate project.
How do you create a responsive and fluid carousel, vertical or horizontal for a menu which includes multiple items. the carousle can be dragged via mouse or touch. when the item is clickes, then it will launch a URL or plau a timeline.
View 3 Replies View RelatedI have a project and I want to create tabs to contain different contents based on categories.
View 3 Replies View RelatedI've been trying to create an interactive bar graph. The idea is that if a user clicks on a button, a bar graph will animate up onto the stage. I would like to code it so that if the user clicks on that same button again, the bar graph will animate down off the stage. So far all I've been able to find is that this is possible with mouse over and mouse out; but I'm wondering if it's possible to use clicks instead.
View 6 Replies View RelatedI can create symbols on the stage using "sym.createChildSymbol" command. But how can I cretare textFields with script?
View 2 Replies View Relatednot only to Edge Animate but animation in general. Never used Flash either. I want to create a "spinning disk" that I can use on a web page, similar to what's on this company's website.
View 3 Replies View Relatedi can't get my scroll bar to appear and work, below is my coding for it.
yepnope({nope:[ 'jquery.mCustomScrollbar.css',
'jquery.mCustomScrollbar.js',
'jquery.mousewheel.min.js',
'jquery-ui-1.8.21.custom.min.js',
[code]....
I'd like to reveal the outline of a speech bubble shape gradually, as in a write-on. Is it possible? I'm new to Edge.
View 2 Replies View RelatedI 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".
Is it possible or not
Is it possible to create following: pop-up window is appeared on click tha button?
View 3 Replies View RelatedThis is something I recently wanted to do, but found that the clipping in Edge Animate only allows us to make a square or rectangle shape. I'm pretty disappointed by this because technically you can make a circular, or elliptical, clip shape using HTML5 and CSS3. Also, the same is true for masks. I would love to see this as a future update in Edge Animate because I can see a few more instances where I would want to use clipping, or masking, in this way.
[URL]
I have a problem, i need create a function delay in the timeline with a trigger.
I want that my animation play every 3 seconds until the next sym.stop and then play again after 3 seconds.
Ej. I have 3 triggers in the timeline:
sym.stop(1000)
sym.stop(2000)
sym.stop(3000)
My idea is make a delay in all the triggers, like this:
sym.stop(1000)
delay.play (2000)
sym.play
sym.stop(2000)
delay.play (2000)
sym.play
sym.stop(3000)
delay.play (2000)
sym.play
Cause I dont know how to elaborate a function in jquery
I found a really good tutorial here for how to create childsymbols on a mouse click and it works fine - as long as you are doing it on the main stage.
Here is the code:
var circle = sym.createChildSymbol("flower", "Rectangle");
var circleElement = circle.getSymbolElement();
var posX = (e.pageX- ($(circleElement).width()/2)) + "px";
var posY = (e.pageY- ($(circleElement).height()/2)) + "px";
sym.$(circleElement).css({"position":"absolute", "top":posY, "left":posX});
I wanted to create the ChildSymbols on to a premade symbol I have called 'Rectangle'. This works as long as my symbol 'Rectangle' is the same size as the Stage or at least placed at the top left of the screen.
However if I move the symbol 'Rectangle' away from the 0,0 coordinates then the Child symbols appear offset by the distance that 'Rectangle is from the zero point.
How to keep the Child symbols where I want them to be on the Rectangle? I tried calling the childSymbol like this:
var circle = sym.createChildSymbol("flower", "Stage");
And that keeps the symbols where they should be, but for some reason it has a performance lag and also means that you can't click within the bounds of a generated childSymbol.
How do you create an animated drop down menu to put into adobe muse? this link is what I'm trying to achive [URL]....
View 1 Replies View Relatedhow the draggable slider would be put together. How this could be accomplished? how this would work?
View 15 Replies View Relatedhow to create a modal window in Adobe Edge Animate?
View 2 Replies View RelatedI am trying to create an instance of a symbol at the mouse location when i click - anywhere on stage. I think it should be something like the following:
//stage on.click function
// Create an instance element of a symbol as a child of the
// given parent element
//premade code: var mySymbolObject = sym.createChildSymbol("Symbol_1", "ParentElement1");
var mySymbolObject = sym.createChildSymbol("Symbol_1", "Mouse");
This doesn't work of course because the mouse isn't a symbol.
I am not really too familar with adobe edge animate. i have seen some of the work produced by it though and I am extremly amazed. I am trying to create a steaming cup of coffee to insert into my website but i refuse to use flash content
View 1 Replies View RelatedΙ have a question about Adobe Edge.is it possible to create a photo slide show like mac's file preview? URL....
View 4 Replies View RelatedI have an animate file that contains many animations and one motion path animation. All animation elements of the animate file are responsive with the exception of the motion path animation which is not for some reason. Why does the motion path animation not repsonsive even though it is L, T, W, H coordinates are set as percentages?
View 4 Replies View Relatedwe are using adobe animate to make medical related flash type cards, we have completed our work BUT
problem is this when job is done edge animate created multiple files to including Scripts, images and HTML files, which becomes very difficult to upload on a server when we need to uplaod thousands of edge files on our site.
is their any way that all the files are compiled into one file? so it will become really easy to uplaod thousands of flash card. secondly, is their any way to encrypt all stuff?
I'd like to create a function which triggers one of three functions randomly.
View 5 Replies View RelatedI couldn't find much about the templates in Adobe Edge so I decided to go ahead and use them as I expected them to work. I thought it'd be convenient to essentially copy-paste a page so that I didn't have to re-enter code for each page (like buttons and backgrounds and such), so I made an initial page with all the right code, then "Save As Template"-ed it with the name "2013_portfolio". To create a variation page off of it, I went to "Create From Template" next, selected the template I had created, and it opened, as I expected. I saved it under a different name (in this case, "2013_home.html" was the original page, and I saved a variation as "2013_resume.html").
At this point, I realized I had forgotten some code in my original template, so I went back, deleted the variation, made changes to the original, and saved over the first template. I saved over the original template a few times doing this, but I always made sure it was saving over the original template so that I wouldn't end up with weird copies. (or so I thought.)
So eventually I got the template right and made my variations (same names). Curiously enough, when I looked in the folder that had been created as "2013 portfolio" (the template name), I couldn't see the "2013_resume.html" page that I had just made. Odd, well, I kept pushing forward. I made a few little changes then saved it, and made another variation page called "2013_uxdes.html" .
When I looked at my folder though, I found a baffling sight. I now had three folders, with strangely nested folders within them:
1. 2013_portfolio > edge_includs, "2013_home.an" and its associated files
2. 2013_portfolio1 > 2013_portfolio > 2013_portfolio > edge_includs, "2013_home.an" and its associated files
3. 2013_portfolio2> 2013_portfolio, edge_includs, "2013_home.an" and its associated files, and "2013_resume.an" and its associated files > (within that 2013_portfolio folder:) "2013_home.an" and its associated files and "2013_uxdes.an" and its associated files
sooo... I have three auto-created folders, each with confusing nesting and no centralization. What I was expecting was this:
2013_portfolio> edge_includs, "2013_home.an", "2013_resume.an", "2013_uxdes.an" and all their associated files
I don't want a huge mess of folders that I have to navigate like a maze. What happened? In the meantime, I plan on deleting all of it and just making a new template, but... well, I hope this is a bug and not on purpose.
Is it possible to create an interactive animation in Edge, publish it, import it into Indesign, export it as an Interavtive PDF while maintaining the animation and interactivity?
View 1 Replies View RelatedI created a simple symbol from a circle with a cross inside (two rectangles). The symbol has two states labelled "normal" and "over" in which background colors change : on mousover and mouseout on the circle, sym.stop("over"); and sym.stop("normal"); respectively.
The problem : "over" when the cursor hovers over the circle, but back to "normal" when it hovers over the cross. The API suggests to use mouseenter and mouseleave to avoid child elements of the symbol interrupt the mouse event. I tried it, but the behavior is the same.
Is there any JavaScript solution (I'm a beginner, coming from AS3), or should I bypass with two flattened graphics "normal" and "over" ?
It is possible to create a sort of news ticker and displaying an external text source, can i load this one: [URL].... in my composition?
View 2 Replies View RelatedWhen I go to crop or move an image close to the edge of the canvas it jumps to the edge. I am having trouble especially with cropping the space between the image and the edge of the canvas the way I want it. turning off this jumping to edge problem I'm having?
Also, I've used CS4 a fair bit and haven't come across this same problem but in PE when I'm editing things like adjusting text on a layer and I'm changing options with hotkeys to resize the text box for eg, Elements seems to jump to the background layer quite alot and then I have to click back on the layer I want to edit between changing tools. Is it something to do with the Esc key?