Adobe Animate and Reveal.js

Has any body attempted to embed an edge compositions in a reveal.js slide presentations. Reveal.js is a framework for slide presentations done in html5, javaScript, and jquery. It has some very cool 3D cube transitions for slides. It seems to work very well with some animated compositions but I encountered a few problems with positioning of elements.
Does anyone know of tutorials or any learning material related to this? Has anyone encountered any problems and found solutions?

I've just finished adding a composition to Reveal. You can see it here in a simple wee presentation I'm doing: http://patrickgrey.co.uk/clients/ians/2013/edge/presentation/#/6 (click the Animate logo)
Only problem I had was positioning. It left aligned and I wanted it centred. So, I added the following CSS to the head of the page:
#Stage {
margin: 0 auto;
#Stage is the ID of the composition div.
Hope that helps.

Similar Messages

Adobe animate and InDesign/DPS format?

How do I get the publish setting in Adobe animate for InDesign/DPS format?

HI Trish,
I found an article that could help you http://www.adobe.com/devnet/digitalpublishingsuite/articles/enhancing-your-dps-folios-with -edge-animations.html
Please go through it and let us know if you need further help.
Thanks,
Preran

Adobe Animate and DPS

Hey guys,
Heres my little problem; I have two objects animated in Animate, when I load 1 into DPS, it plays fine but when I put two (which i need), only one plays, whichever gets touched first and the other one freezes and doesnt do anything.
here is what ive tried:
set both to auto-play with a delay of .125 or above that and set auto-play on Animate Doc.
set only auto-play (.125 delay or more) on the web overlay only
set auto-play only on Animate Doc.
set the doc on Animate to play only onTouch (action)
tried to use Aimation Panel int he overlays but it only supports flash, which i think that will cause the same conflict.
none have work, only one works, whichoever the user touches first. is there any known issues with Animate and DPS?
thanks in advance for the help!

Instead of placing the OAM file, publish the Edge Animate project to
HTML and use the web content overlay to link to that.

Adobe Animate and Fancybox plugin problem

I am trying to get the Fancybox plugin working with animate but I can only get individual images to display.
How can I add: rel="gallery" to the individual edge div elements that are the thumbnails for the lightbox slideshow?
Here is the code so far:
Symbol.bindElementAction(compId, symbolName, "document", "compositionReady", function(sym, e) {
   $('<script type="text/javascript" src="source/jquery.fancybox.js?v=2.1.1"></script>').appendTo("#Stage" );
   $('<link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css?v=2.1.1" media="screen" />').appendTo("#Stage");
   sym.$("Rectangle").fancybox({
             href: 'images/slides/1_Landscape.jpg',
             title : 'Title1'
   sym.$("Rectangle2").fancybox({
             href: 'images/slides/2_Landscape.jpg',
             title : 'Title2'

Hi,
For the thumbnails I first create an array and a function:
var group = [
               href : 'images/1.jpg',
               title : 'Whatever'
               href : 'images/2.jpg',
               title : 'Whatever'
               href : 'images/3.jpg',
               title : 'Whatever'
function open_fancybox(index){
     $.fancybox.open(
          group,
               index: index,
               padding : 0
Then for each thumbnail a click event:
open_fancybox(0);
Hope this helps
Steve
open_fancybox(1);
open_fancybox(2);

Adobe Animate and Fancybox

I am trying to get the Fancybox plugin working with animate but I can only get individual images to display.
How can I add: rel="gallery" to the individual edge div elements that are the thumbnails for the lightbox slideshow?
Here is the code so far:
Symbol.bindElementAction(compId, symbolName, "document", "compositionReady", function(sym, e) {
   $('<script type="text/javascript" src="source/jquery.fancybox.js?v=2.1.1"></script>').appendTo("#Stage");
   $('<link rel="stylesheet" type="text/css" href="source/jquery.fancybox.css?v=2.1.1" media="screen" />').appendTo("#Stage");
   sym.$("Rectangle").fancybox({
             href: 'images/slides/1_Landscape.jpg',
             title : 'Title1'
   sym.$("Rectangle2").fancybox({
             href: 'images/slides/2_Landscape.jpg',
             title : 'Title2'

Hi,
For the thumbnails I first create an array and a function:
var group = [
               href : 'images/1.jpg',
               title : 'Whatever'
               href : 'images/2.jpg',
               title : 'Whatever'
               href : 'images/3.jpg',
               title : 'Whatever'
function open_fancybox(index){
     $.fancybox.open(
          group,
               index: index,
               padding : 0
Then for each thumbnail a click event:
open_fancybox(0);
Hope this helps
Steve
open_fancybox(1);
open_fancybox(2);

Link to a new page in Muse using Adobe Animate oam file

I created a small animation in Adobe Animate and placed an .oam file in Muse. Now I want user to click on the animation and link to another page on the same site. A very simple task you might think. But to my surprise there is no hyperlink window available when I select the Adobe Animation element on the page. For text and images I have the hyperlink window available but not for Adobe Animate oam files. I think you need to add this feauture in the next release.

I also want to know it how to do that?

Adobe Animate + IIS + Problem

Hi there, what's up?
I hope is everything ok..
Well... I work with Microsoft Technologies, so I'm not expert in this enviroment.
Our designers has created a simple animation using Adobe Animate and it generate the following files after exporting..
It works fine if I open logo2.html using with double-click, but I'm facing a big problem when deploying these files under IIS Web Server. It simple does not work! I really don't know why, because it's just static content and I've already added all mime types for HTML5 compatibilty.
Does anybody have any idea about what could be wrong?? Further, the most incredible for me, if I publish over Apace Web Server (Linux machine) it works normally.
Please, if I'm accepting all suggestions! ;-)
Thanks a lot!
Tiago Moura

Hi Sarah!
Here is the link: http://goo.gl/SSOvN (I shorted to avoid crawlers).
I've noticed that the script is working using Firebug extension, but I guess the browser is not showing the image (a svg file).
Please, do you have any clue about this issue? I'm not a designer and I'm not used to use Adobe tools.
Thanks in advance!
Tiago Moura

Already have a GIF file,put it in Edge Animate and make into an embedded web file on my site? how?

Hi there,
Im new to this particular programme. I use PS, Illustrator, AE and PP quite a lot,
However i have never used Adobe Animate and have tried for the last few days using online videos etc..
Here is my issue...
I have a GIF already. When i put it on my Wordpress site it only plays once and doesnt carry on...
I need to animate it into an embedded file i think? HTML.. etc
I have the GIF file. i also have the frames from the Gif as JPEGS...
I dont know how to simply import the gif or jpegs and render off as a html web video...
Please help me?
I know this is vague and my undertsanding of this particular programme is not great but i use other adobe products daily and feel i just need a bit of help to get me going..
Many Thanks
Sophie

Also
- how was the animated .gif created? If you are not seeing it loop the creator must have the loop playback set to 0 when it was created. Example Photoshop frame based animations has the option to set the loop to 0 or indefinite or a predefined set x of times; Fireworks also has a similar option. So somewhere along the way loop back is off in your file.
- You could open the animated gif file in Ps or Fireworks reset the loop to indefinte.
- Since you have the indivual frames you can also import them into Ps as separate layers, then control the playback options as you wish. (http://helpx.adobe.com/en/photoshop/using/creating-frame-animations.html)
- 'render off as html web video'?? Please elaborate.
How does Edge Animate fit into what you are wanting to achieve?
Darrell

Are there any known issues with Adobe Edge Animate and Yosemite? Experiencing performance issues since upgrading OS

Are there any known issues with Adobe Edge Animate and Yosemite? Experiencing performance issues since upgrading OS. Animation I was working on that had been performing in browser fine suddenly stopped working, and was not related to any action I had done at that point. Also was working in it today and program stopped responding to key board short cut commands.

I am having a whole slew of odd interface problems with a fresh 2014.1.1 on a fresh macbook pro with latest Yosemite. Program locks up, cursor selections don't show, things disappear. I have a mac mini also and the program runs fine on it. Is there possibly something related to the solid state hard drive in new macs?

Adobe Muse and Edge Animate - How do you consolidate files on server/ftp?

Hello everyone,
I am working on a site, and I recently added Edge Animate animations to it. They look great, but the only issue I'm having is that the site doesn't load as quickly as I would like it to. I did a few speed test and I think what's causing the load time is that I have about 5 different Edge Animate animations and they each have their own seperate folder with their own javascript in a folder called "Assets."
Is there a way to consolidate the "Assets folder," so that my site loads faster?
Any help would be greatly appreciated!

Hi, VelveteenWebDesignGroup-
You're in luck! We just added in a feature to the latest version of Edge Animate CC (3.0) to enable the CDN option for OAM publish (what we call the "Animate Deployment Package"). This means that your Animate compositions can now references jQuery and the Animate runtime from the network instead of from the project directory. (Please note that this will only make sense for Dreamweaver and Muse integration with OAM and won't make sense for InDesign.)
To turn this on, launch Animate and go to File > Publish Settings. Then select the Animate Deployment Package on the left and click "Host runtime files on Adobe CDN." Save and publish, and you should be good to go.
Hope this helps,
-Elaine

I have svg's in my adobe animate animation then import to muse via (oam) but when its published to the web I lose all my sag's. Why and how to fix?

I have svg's in my adobe animate animation then import to muse via (oam) but when its published to the web I lose all my sag's. Why and how to fix?

I have svg's in my adobe animate animation then import to muse via (oam) but when its published to the web I lose all my sag's. Why and how to fix?

Edge Animate and typekit

Hi,
Can anyone help me please with this.
I followed the video tutorial but couldn't add the font from typekit. It would show the new font as an available, but the look didn’t change.
Best,
Lana
P.S. I did try to contact the adobe chat and phone support but was told that the Edge Animate and typekit are only supported via forum

Hi Lana_Studio,
You most likely need to add "127.0.0.1" to the list of allowed domains on your kit in Typekit.
See these articles for more information:
http://blogs.adobe.com/edge/2012/01/27/web-fonts-and-edge-together-at-last/
(Scroll down to "How to Embed Web Fonts Using Typekit")
http://help.typekit.com/customer/portal/articles/6857-using-typekit-while-developing-local ly
Don't forget to publish your kit after adding 127.0.0.1. Also, note that it may take a few minutes (I noted up to about 15 minutes) before the changes to your kit will be completely published.

Edge Animate and IE9 Bug

Hello,
I have a pretty cool game that I have created for a client using Adobe Edge Animate CC (version:3.0.0.322.27519). This game works great on Firefox and Chrome and IE10. However, This game does not work on IE9. Only a white screen appears.I have confirmed on three separate computers. I don't see any errors, just a white screen. I called adobe help and they told me the only thing that I could do is post a message on here and just wait. Any help would be appreciated.
http://course-demo.elearningbrothers.com/iowa/game2/
Thanks!
All Three Computers using Win 7
IE9 Version (All three computers)
9.0.8112.16421 Update Version:9.0.24 (KB2909921)

Unfortunately the client's IT department doesn't allow upgrading beyond IE9.
Everything that I have read mentions that Adobe Edge Animate in IE9 works great. The original version of this game before I customized it works great ( http://library.elearningtemplates.com/product/17929-Board-Game-Adobe-Edge-Animate-Game/ ). I did as you asked and opened with F12 and openned the console. As you can see in the picture there are no errors.

Is Adobe Animate available through Creative Cloud?

Is Adobe Animate available through Creative Cloud?

Yes.
Edge Tools and Services (including Adobe Edge Animate) are part of the Cloud.
http://www.adobe.com/products/creativecloud/buying-guide.html

I am trying to update Adobe Bridge and Photoshop CS6, because it is not opening my CR2 files taken by my Canon 6D. I have tried to go to help updates, and the software says that it is "Up to Date". However, if I view the plug-in, it says that Camera R

I am trying to update Adobe Bridge and Photoshop CS6, because it is not opening my CR2 files taken by my Canon 6D. I have tried to go to help > updates, and the software says that it is "Up to Date". However, if I view the plug-in, it says that Camera Raw is only version 7.1. I can not find a direct download for Camera Raw 7.3, only the DNG converter, NOT CAMERA RAW! Please Help!

Did you fix your issue? I am having the same one

Adobe Animate and Reveal.js

Similar Messages

Maybe you are looking for