is it possible to make an animation with a transparency background?
I looks so...but when i do it...the gradient shows color to black in stead of transparency...?
I when i import it in muse...i see also that edge design has a white background ( instead of the transparency that i like to want..)
I am a graphic designer and I work on w7 64.I find the latest version of Edge Animate.I saw several tutorials, amongst those showing how to make a loop on an animation. I proceed as explained in the preview on my browser (Chrome), the animation runs, but no loops.In fact, I tried other interactions and other triggers : nothing of these works there!
View 5 Replies View RelatedI can't seem to figure this out, and i'm at the end of my limited HTML and CSS knowledge. I created an animated background in Edge to use on my site, but the elements that should be hidden beyond the 1500px stage just sit there and are visible if you resize your window. i attempted to customize it with a #stage id and overflow:hidden but it did nothing.
my website is [URL] and if you resize your window past 1500px, or scroll over to the right, you can see one of the images just waiting until it is activated. i'd like to hide everything past the 1500px mark but i can't figure out how to do that.
the Edge Runtime script is in the head, including the <style> for .edgeLoad and .updateBack elelments. the <div id="stage" class="updateBack"> is the first line of code in the html, then the tag is closed and i have my main container.
I have added an animation (snow flakes falling down) in front of the whole home page of a full-Edge site. The problem is now that the snowShower symbol captures the click events.
How could I make it "transparent" to clicks, that is transmitting them to the buttons underneath?
When the animation is running, if I select another tab, the animation will stop. I would like it to continue. How do I do this?
View 1 Replies View RelatedI'm trying to make one object stay fixed in my animation while the background is moving, controlled by arrow keys. Just like this: [URL]
View 7 Replies View RelatedI'm trying to create animations to use with iBooks Author for an ebook. Unfortunately I am not a coder. Is there a way to make an animation in Edge that, when clicked, it plays a song? Or a video? I don't know how to connect Edge and Author in this way. How can I do something in Edge that references something in author?
View 1 Replies View RelatedHow to make a centered background scaled image/video in Edge Animate. Can't code, so I'm trying to use the properties panels.
1. Have the image centered in the middle of the stage
2. Have it scale to fill the screen always so there are no black bars (ie, I want a stage with only picture on it)
[URL]...
(This project is only aimed for iPad and above - desktop, so don't need mobile resolutions)
My work around is to do this via manual CSS, but there has to be a better way to keep it within the Edge compositiion
I also tried to import this Edge stage into Reflow after seeing this demo [URL]...
but just got blank screens : [URL].....
(I do like Reflow's ability to target specific resolutions but I don't quite need it for this project).
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 RelatedI'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 Related1. i created animation (lens flare) with .png and transparent stage in adobe edge animate
2. export .oam out of adobe edge animate
3. import .oam into adobe muse
4. upload muse to server
when the animation, placed over the logo (see link), is loading in browser a white box appearing first. URL...reload the page, or visit again by clicking the menu (there is a difference) on (re)load (or when the first time user is visiting site) a white box appearing, or?
Is this possible to do? The mask is arranged infront of the layer I would like to click on.
View 1 Replies View RelatedHow do I add animation to Muse? I wish to bring a png file into an existing background.
View 1 Replies View RelatedI create a child symbol on the stage animate it and store the varible in the window
var infoscreen = sym.createChildSymbol("_01", "stage");
window.infoscreen = infoscreen;
I put a Btn_inside the symbol and want to delete it. But first - I want to fade out the symbol. I dont know how to do this. So the animation has to be complete before delete, but how?
infoscreen.getSymbolElement()
.animate
([code]....
Is there a way to speed up animation? For example I have 5 sec animation. I want to play it normally (5sec) and play it reverse for 2 sec.
View 5 Replies View RelatedI am using the rollover and rollout features to get a slide up and down kind of button panel. However when I rollover each of the three section (it's divided into three panes) it gets really twitchy and won't do the roll up and down smoothly are do it at all. URL....
View 1 Replies View RelatedI have this button that, when clicked, opens a new URL - window.open("http://www.xxxxxx.xxx", "_self"); - after playing a 1000 ms animation. The problem is that it changes to the new URL too soon, before completing the 1000 ms. I tried a setTimeout, and it worked great, but it's not so elegant as it depends on the user's computer/net speed...
View 18 Replies View RelatedHow do I make my animation play when someone scrolls down where the animation is located?
View 30 Replies View RelatedI created a simple banner with a couple of basic animations. I never even touched any code. Only basic images are used, no triggers, no symbols.If I preview within Animate, everything works fine.
As soon as I hit ctrl+enter to preview in my browser, everything just stays blank. I checked in multiple browsers, all have the same result with no errors in console.Autoplay is turned on.
I need to create a mask that will hide the elements as they rotate out of a free-floating window. I have an animation currently that sits in a circular window and plays when the page loads. The screen shot below is from the page in Muse with the .oam file playing. The images are PNGs with transparent backgrounds so the animation plays over the background images.
What I'm trying to add is an iris effect I've animated in Edge Animate. I haven't been able to hide the edges of the vanes in the iris during animation. I've tried to cut and paste code that I've found on this forum and others but I don't know much about coding and I haven't had any success. This screenshot is shortly after the animation starts to play as the vanes rotate out of the window:
Basically, I need to mask the iris animation to keep the images from showing outside the circular frame. I've found that the clipping tool in Edge only does square or rectangular masks. I have a PNG that I can use as a mask but the coding has really got me flummoxed. The mask:
I just made my first edge animate project and made a progress loader animation. Works well.When i placed the code in the site the animation was always on, so i've hidden the item in css
#Stage { display:none; }
When my animation is needed i'm making is visible however the animation has already been started in the background so wont begin the right place. I'm wondering should i stop the stage autoplay in the config and then start the animation in JS? If so how can i go about starting the animation via JS.
I've been playing around with AdobeEdge.bootstrapCallback but cant seem to get it to play.
I created an animation for a landingpage on my website(built with wix.com).
My problem is, that wix.com has got no folder-organisation or upload-function and my Edge animation has *.html, *jscript and *.jpeg/*.png files.
In a Wix.com-forum, I've found a response, that said, that I should use external storage-websites for my files.I did so and put these files in my dropbox/public folder, copied the open links in the *.html file like this:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>Ani1</title>
<!--Adobe Edge Runtime-->
<script type="text/javascript" charset="utf-8"
[code]....
But, when I copy the code into my wix-page-html-app (for not-wix-user: a small field to insert html-code),nothing happens...
i created an animation for my index page of an already existing website. i tried to "publish settings" but app would not allow me to publish to my directory however it did allow me to "publish". when i uploaded the files to my server, only the splash image came up but the rest of the animation did not run. what am i doing wrong?
View 4 Replies View RelatedI 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?
View 3 Replies View Relatedi have a little problem with my animation. If I want to see the animation without SSL it works. With SSL it doesent works and I dont know why?
My CC ist the newest and I tryed everything but the animation is not displayed on https://
when I import a project .oam in InDesign, and over the project, into a higher level, there is text, the text is covered from the animation when it run in folio.
View 1 Replies View RelatedI created an animation and am having an extremely difficult time figuring out how I can display it on my Joomla website. I am using a Yootheme template and have spent countless hours trying to get this to work.
View 2 Replies View RelatedHow to submit an animation project to a remote co-worker, or to a client?
View 2 Replies View Relatedhave made draggable and droppable objects in my project. Everything is working great but also i have made a button Restart. The function of restatrt is that by pushing on this button everything goes on its places. Like reloading the page (but of course without reloading) How can i do this? Because i cannot do anything honestly.
View 6 Replies View RelatedI am trying to get an animation to auto play, and loop only a particular part of the animation.
For example, the first part of the animation is my logo dropping in and bouncing. Then certain parts of the logo are animated continually, but I cannot figure out how to do this without just creating a huge timeline?
how use animation loop without trigger?
I tried to do mouseover
var my_time = sym.getSymbol("mySymbolInstanceName").getPosition();
if ( my_time == 0) {
sym.getSymbol("symbolName").play();
}
loop not work.