Where can I set global antialiased text for my edge composition?
I know I have to add -webkit-font-smoothing: antialiased; but where?
Thanks
Where can I set global antialiased text for my edge composition?
I know I have to add -webkit-font-smoothing: antialiased; but where?
Thanks
hi,
I'm using the new version, and this is a file made with the previous version.
As you can see it is a map with places. If you click a place an overlay appears. If you click another place, the old one goes away, the new one shows up... nothing fancy. I had this working perfectly, but now the code is not right anymore after the upgrade:
on every place I used to have this code:
/* var current=sym.getVariable("current");if(current!=""){sym.getSymbol(current).play("out");} */
to animate OUT any current overlay and there is also an action to animate IN the selected plase... But that code is NOT showing in animate (eventhough it does still work)
My problem is this:
I had to add 3 ORANGE places and they are not working... or more correctly, I cannot select the orange ones FIRST (nothing happens) but if I select an "old" place first (and the overlay shows up) and THEN select an orange button, it DOES animate correctly!
very weird...
Would someone please have a look.
thanks, j
hi,
working in new release.
I've got a drop shadow on my main titles and it shows in preview... I publish and it is gone... same browser...
would someone please have a look?
thanx,
v
In the latest version of Edge Animate (CC 2014.1), if you choose to host your runtime files on the Adobe CDN it explicitly states to use the HTTP protocol in the resulting HTML file ...
<script type="text/javascript" charset="utf-8" src="http://animate.adobe.com/runtime/5.0.0/edge.5.0.0.min.js"></script>
However, I'd like it to dynamically choose the protocol based upon the protocol of the HTML file ...
<script type="text/javascript" charset="utf-8" src="//animate.adobe.com/runtime/5.0.0/edge.5.0.0.min.js"></script>
In the previous version of Edge Animate, it did dynamically choose the protocol. Am I missing something? Is there some way to update this within the Edge Animate GUI? If not, can this please be added to the request list for the next release?
Thanks!
Patrick
Hello,
I'm fairly new to Edge Animate and have been trying to find tutorials but all I've found so far are ones for older versions which are very different to the new CC 2014 versions so not had much luck..
I'd like to animate icons similar to the those on the coloured band on this site: http://do.live147.com/html/rockox/index.html ("Website", Latest Trends" etc..)
So on mouse over I'd like to animate the scale and rotation of the icon, and then if possible, to keep it in that new state until another icon is selected (rather than returning on mouse out). All icons are for a design in Muse (CC 2014).
Can anyone help me or point me towards some new tutorials which covers this? I'd appreciate any clues on how to do this!
I'm using Edge Animate CC 2014.1 on a Mac.
Thanks in advance!
Anne-Marie
I am using Edge Animate to create a multi-page interactive mobile app.
I have the composition built and working fine. However, my question is the best way to build the multiple pages and link between them.
I know I can set them up as individual html pages and navigate like a standard website, but will that system translate into an app? Or is there a better way to set up the pages, such as multiple compositions in a single html wrapper?
Hi all,
Please let me know if this has already been covered elsewhere, but I couldn't seem to find it. Pretty self-explanatory really. I have a symbol that I want to play as soon as an audio file that I have ends which NEEDS to be triggered by the fact that the audio file has finished playing. I was wondering how I would go about doing this as I haven't had much luck so far.
Any suggestions would be very welcome as I need to get this done in the next couple of days.
Thanks in advance!
Dave
Hi.
Following the bootstrap callout below.... how can one better organise your stages; currently all the files are in the same root dir.
Was trying to reach out to Josh Hatwick, but cant.
Challenge:
Demo:http://blogs.adobe.com/edge/wp-content/themes/AdobeEdge/edge_comps/BootstrapExample/wrappe r.html
Files:http://download.macromedia.com/pub/developer/edge/edge-bootstrap-example.zip
It would be quite helpful if the staff or someone can provide an amended example.zip, so that the wrapper loads "Page B" and "Page C", but each with its own folder also carrying a bkg image?
Cheers.
--
The image added is important cause it seems to become hard coded as a string as below _edge.js file.
{ rect: ['413px', '609px', '317px', '118px', 'auto', 'auto'], id: 'r5', userClass: 'r', type: 'image', fill: ['rgba(0,0,0,0)',
'/images/r5.png', '0px', '0px'] },
Where can download edge.4.0.1.min.map? All my animate files are throwing a 404 error in the console, edge.4.0.1.min.map not found and I've looked in all my animate javascript files and it's not in any of them. Where is this file located?
Hi,
I am a total noob when it comes to Edge Animate and Javascript. Has anyone successfully used jquery-Viewer3D with Edge Animate? Here is a link to instructions to make it work:
http://labs.michaelryanwhitson.com/jquery-viewer3d/
I have not managed to get it to work in my EA project. I would be very very happy if someone could give me step-by-step instructions how to make Viewer3D work in an EA project. I am not going to use it with sprites, but with an image sequence (img00.png, img01.png, etc.).
Thank you!
How do you delete the preloader? i think it is causing loading problems with my content & I want to delete it altogether. All references to it. Thanks
Bob
Just upgraded Edge animate to the new Adobe Edge animate 2014 but now my navigation won't load in preview browser.
Thanks Adobe!
I was using Edge Animate to make some customized widgets for use in Fixed Layout ePubs. Now the Audio won't show up.
Thank you! I didn't want to finish this product today, and now I can't!
How do I keep the mouseover color active onclick? So the green circle stays orange once clicked (see link), and then goes back to green once another button is clicked.
Please see link for example.
https://www.dropbox.com/s/pq3avmrge07prtv/Need-onclick-active.zip?dl=0
Thank you,
Lynn
I'm having a really rough time understanding how to code my interactive menu.
I've posted the files here https://dl.dropboxusercontent.com/u/21231523/Menu_animation.zip.
1. I'd like my first animation to run which involves the buttons swooping in and then coming into the correct positions.
2. When you roll over the buttons, I'd like them to turn red.
3. When you click on the buttons, I'd like them to stay red, and the actual text label rotates 90 degrees. I'd like this to stay this way until the user either clicks on the button again to rotate it back to 0 degrees or when the user clicks on another button and that also causes the button to rotate back and the current button clicked on rotates 90 degrees.
I'd appreciate any help.
Thanks so much.
I cannot name any symbol with numbers. Even though It says I can.
Hi community!
i'm having trouble trying to centre an animation on my stage. The "centre stage" function centres my stage relative to the browser window but i'd like my element to be centred within the stage. I eventually intend to export this as oam for my muse site.
Here's the files if anyone would like to take a crack at it. It's basically a collage of buttons. I currently have them all individually animated to a fixed position, but wat i'd really like is for the buttons to animate to the centre of the stage from their respective positions every time. I found some js/jq/css(?) here, here n here but i've no idea how to fit it in.
Also, i'm not sure if centering the animation would create new problems when the user scrolls the stage while the button is still active, ie will the reverse animation still return the button to its original position?
Thx for any assistance!
ian
I've tried everything I can think of, but triggers are ignored. I've tested in Safari and Firefox so far. Tested in Muse Preview. Tested in An. Nothing is paying attention to the trigger I have set up.
I've used a label to get it to loop back to the beginning. I've used zero to get it to loop back. I've searched the web, YouTube, and here looking for answer none will fix this. No errors in the error box BTW. Been back to Lynda.com re-re-viewing videos. All seems fine, but it isn't.
Website is here: http://www.moviesandfx.com. The animation on the home page is what I want to loop. It plays okay in Safari, has mixed results in Firefox. Not sure yet about IE, I'm on a Mac.
I'd love to hear ideas to fix this. The workflow is An—>OAM export—>Muse "place"—>Muse publish to ftp.
Thank you,
Dan
//method dynamically loads JSON file with all items and iterates them on stage
$.getJSON('staffnames.json', function(data){
for(var i=0; i<data.length; i++)
{
var s = sym.createChildSymbol("teamThumb", "Stage");
s.$("holder").css({"background-image":"url('"+data[i].image+"')"});
s.$("thename").html(data[i].thename);
s.$("thetitle").html(data[i].thetitle);
s.$("certifications").html(data[i].certifications);
s.$("biography").html(data[i].biography);
s.getSymbolElement().css({"position":"absolute",
"left":i*150+"px",
"top":"220px"
});
}
});
Using the above code block which dynamically loads the data in an array held inside a JSON file, how would we write a further instruction so that an additional data object in the JSON array could be loaded onto a stage element (outside of the symbol called teamThumb here).
So specifically, the data object "biography" is inside the array that is being loaded above. And 1 symbol for each data block in the JSON file is being loaded. Now I need to add a command that would load the "Biography" line item say on a mouse click.
Here's the whole code block view on the compositionReady
//method dynamically loads JSON file with all items and iterates them on stage
$.getJSON('staffnames.json', function(data){
for(var i=0; i<data.length; i++)
{
var s = sym.createChildSymbol("teamThumb", "Stage");
s.$("holder").css({"background-image":"url('"+data[i].image+"')"});
s.$("thename").html(data[i].thename);
s.$("thetitle").html(data[i].thetitle);
s.$("certifications").html(data[i].certifications);
s.$("biography").html(data[i].biography);
s.getSymbolElement().css({"position":"absolute",
"left":i*150+"px",
"top":"220px"
});
}
});
// BELOW IS PHASE 2. For absolute positioning.
/* below is what I've figured out so far for manually loading the individual symbols. I would want to do that so I could control the position of how the loading symbols that are going to be populated by JSON data woudl be discplayed.
//method dynamically loads JSON file with all items but manually calls them in place
$.getJSON('staffnames.json', function(data){
{
var s2 = sym.getSymbol("teamThumb1", "Stage");
s2.$("holder").css({"background-image":"url('"+data[0].image+"')"});
s2.$("thename").html(data[0].thename);
s2.$("thetitle").html(data[0].thetitle);
s2.$("certifications").html(data[0].certifications);
// this is saying the symbol name, id name's html should be the corresponding data name in the array
}
*/@
Any assistance is most appreciated!
Edge animate isn't accepting half of my webm files.... is there a size limit above 20mb?