One 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 Repliesif the edge animate tool have capability to develop flash games
View 1 Replies View RelatedToday 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 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 RelatedI am only seeing the corners, is there a way to resize a shape from center when creating an animation?
View 2 Replies View RelatedI have this edge animation that doesn't resize correctly on tablet devices.
[URL]
It happens especially on vertical view of tablets.
When I publish from edge directly it works perfect on tablets, but when I insert it to the html page I get the problem.
Here is the animation alone and how I want it to work on tablets.
[URL]
I've got quite a few items grouped into a div (images, text and div boxes). However, when I scale the group on the timeline, nothing happens. I'm expecting the whole group to scale but only a blue outline box scales.
To provide some clarity, I have an image of a map with text labels and some boxes that I want to uniformly scale to simulate a pan and zoom effect. I can pan no problem, but am unable to get the content to zoom.
I've dynamically placed a symbol on the stage at runtime. Per user input, I'd like to adjust the scale, position, etc. of this symbol (which is just a white sphere that bounces on using the animation in it's own timeline).
How do I address scale, position, opacity, etc. attributes of my symbol via the code, and where can I find a good, solid reference on syntax? I keep bouncing into jquery libraries, which I don't yet really understand how to implement. I'm missing that reference manual that defines all the functions we have at our disposal.
i'm working on a site that i'd like to automatically scale to fit the browser window, without any scrolling and while preserving its aspect ratio.
my client is very particular about the design & does not want the width & height of the images & text to change like they do in a responsive site- he just wants the site to scale to fit in a browser window.
My Stage is set to 100% w/h. I'd like to center a div, and have it scale based on a percentage of the Stage's size. The div contains animated text and images.
I've seen some similar examples but the Stage always seems to be set to pixels.
In previous versions I have been able to resize the canvas and then resize the image. For example resize the canvas to 250px x 250 px. Then resize the image to the same.
Here is the process I am using:
Duplicate the layer and then hide it. Resize the canvas (Image > Canvas Size) to 250px x 250 px. Un-hide the layer and then resize the image (Image > Image Size). When I go into Image>Image Size it says that the image is already 250px x 250px. However if I try to transform the scale the image is the original size and not 250px x 250px
The reason for needing this is I resize image size (in bulk) and the canvas size using the batch process (file>automate>batch) and actions. I loaded the actions file I used in previous versions, but that did not work correctly. I then went in to do this manually and got the same results.
When 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?
I want to center an animate stage left and right in the browser window.
View 2 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.
Is it possible to get the text color to FadeIn or the opacity of the text color to animate with the lines of code below? I simply want the color to fade in when the mouse rolls over the text.
Symbol.bindElementAction(compId, symbolName, "${_writing_btn}", "mouseover", function(sym, e) sym.$("writing_btn").css("color","#88ACBE");
});
[Code].....
I'd like to animate snow falling. I assume Edge would be able to do this. Will it be possible to add it as a background? Or would it just be easier to add the effect to the top graphic portion of my page? I've used Edge back when it first came out. But havent' touched it in a while. I'm now working "in the Cloud". and I do use Dreamweaver.
View 5 Replies View RelatedI am including an animation I built using Edge Animate into Dreamweaver. I can't use an .oam file because of some other JavaScript I'm using so basically I'm limited to an .html file with all my edge includes java, and other supporting files.
when I preview in browser within dreamweaver. However, when I upload the page to my domain, my animate HTML file won't work. Here is a link to the current site in progress. (The first green box top left is my link to my animation). URL....
I have 280 extracted frames from a 12 sec. mp4 clip. I've cut-out the main object to get rid of the background and saved all the files as png. How can I bring this to a HTML5 Animation to place it on a page that will be showed on ipad-air (no animated gif and no flash)
View 1 Replies View RelatedWhat the best way is to animate a progress bar with an increasing %. Seems like you would specify a variable set to 0 that is then incremented via javascript while an animation is going on.
View 1 Replies View RelatedI have an ordinary div I composed with HTML, that I'd like to import into an existing Edge Animate comp and have it treated like an ordinary div. The two closest things I saw were: a YouTube video of a whole page opening in EA, and divs animated within itThis other forum, which has more components imported than I need:URL...Isn't there some kind of pasting window somewhere?
View 3 Replies View RelatedSo I created my own subscription form, I have it appear and disapear when you are on the button. And when you click on it, it stays. But how can a put in an action to add text to it?
View 5 Replies View RelatedI'm looking for a way to animate a link with a hover feature. I would like the link to be initally blank, but after hovering hover the link, a colored rectangle of sorts slides in from left to right, essentially creating a new background color. When the cursor moves off of the link, the colored rectangle in the background would slide back to the left, disappearing.
After some thought, initially it sounds like an animation of clipping masks. Not sure if this is possible in Edge, or if I am on the right track.
Another hover animation that looks as if it would be some sort of clipping mask is found here on this site: [URL]....
I love the link to the right of the screen that says "Watch the trailer." It's a simple, beautiful animation that gives the site a great look.
I have an existing HTML page (created in Adobe Muse) and I am trying to draw some Adobe Edge objects on top of the page (e.g. a rectangle or an image). When I look in the layers panel, the Edge objects show as top in the list. However, visually when I look at the page, the elements show behind the pre-existing HTML page from Muse.
View 3 Replies View RelatedThe Elements window in Edge Animate seems to be unstable. When I right-click in the field to modify an asset, Edge often crashes with the resulting error message:
Edge Animate - Exception An error occurred. Please save your work and restart Edge Animate.
It happens quite frequently (~7/10 right-clicks)
Is there a way for me to know what all features of HTML5 does my Edge project actually use.
I know there are a lot of sites which tests what all HTML5 features are supported by a browser, but I want to know which all features are being used by a edge project.
I've placed the OAM file of my Edge animation and gone through the steps of creating a "folio", but when I preview in Adobe Content Viewer all I get is a static page that fades out when clicked.
View 2 Replies View RelatedI have come across about a dozen similar discussions, but most have presented solutions that worked in earlier versions of Edge and no longer work.
I am trying to use Edge to build animations that can then be integrated into larger non-Edge projects. I would like to then be able to control the Edge timeline or Edge symbols from elements OUTSIDE of Edge, such as another link or button in the page.
I cannot seem to figure out how to properly reference the Edge stage or symbols.
I have come across several proposed solutions for referencing Edge stage, such as:
var comp = AdobeEdge.getComposition("EDGE-966604542");
var stage = comp.getStage();
var comp = $.Edge.getComposition("EDGE-966604542");
var stage = comp.getStage();
var comp = Edge.getComposition("EDGE-966604542");
var stage = comp.getStage();
and these either DO NOTHING or throw errors about either AdobeEdge or Edge or comp being undefined.
From the image above you can see that "jquery" loaded twice @ 91kb = 181kbedge 1.5 loaded twice @ 102kb = 204kb aswell as the edge and edge actions files loaded twice and if i boot strap comps together the images are loaded multiple times aswell
View 1 Replies View RelatedI followed the adobe tutorial to manually create an html page in order to have two edge animations on a page but it doesn't work well. The second animation starts but not the first one (I can see the first frame only).
View 1 Replies View RelatedEdge Animate project produces 4 default framework files right now: Edge API, jQuery, jQuery Easing and JSON. Gzipping them we got 60KB of pure JS compressed and minified code. After that we have actual project files which can be compressed into around 20KB but this really depends on a project. So finally we have around 80KB of JS code without images, styles yet. This is acceptable for broadband connections but looks a bit too large for mobile devices.
Is there any way to minimize dependencies on jQuery so that framework will be at least 30KB? Smaller is better in this case.
I'm evaluating Hype by Tumult at the same time and framework JS produced is 16KB compressed and minified. It's 4 times smaller (60KB of Edge Animate). It doesn't contain IE-compatibility though but I don't seriously care about IE 6-9 as mobile is primary target for me so Webkit.