Edge using animate with Captivate

Similar Questions

• Nicescroll with edge using animate

  Hello

  I am a web designer focusing mainly on graphics and I have knowledge of xhtml and css. However, when it comes to Java, jQuery and other stuff like that included in Edge animate what is very I get very lost.

  I have the symbol on the stage, called the 'content' inside this symbol, there is a field of text called "main_text". This text field has overflow set to auto.

  For this "main_text" I load external html whenever I click the link nested inside another symbol using the

  sym.getComposition () .getStage ().getSymbol("content").$("main_text").load ("test.html");

  Now the text is long I want 'main_text' be scrollable. So I downloaded nicescroll, copied in the directory of my project and I call him as soon as to compositionReady

  yepnope({)

  load: "jquery.nicescroll.js."

  complete: function() {}

  sym.getSymbol("content").$("main_text").niceScroll ();

  }

  });

  The HTML file load fine in 'main_text', but no scroll bar is visible and I can't scroll by using the mouse wheel. Does anyone here have experience with nicescroll and Edge animate that can help? Or maybe just take a look at my syntax and tell me what I'm doing wrong? Thank you.

  Thanks guys for all your help I found the solution myself well. I used slimScroll (http://rocha.la/jQuery-slimScroll) and it works perfectly!

  I loaded the file .js, not through yepnope, but through edge CC library and then I put more code in my menu button onClick action:

  sym.getComposition () .getStage ().getSymbol("stred_obsah").$("main_text").slimScroll ({}

  height: '650px. "

  wheelStep: 1.

  railVisible: true

  });

  Works like a charm

• Why use Edge animate in Captivate 9?

  
  Hello

  I am VERY new to Captivate and most Adobe products and am not a web developer or programmer.  I learned how to use 9 CAptivate and understand you can do advanced animations (and more with the function of calendar in the working area).  However, I recently took a course (a pretty good on the site Adobe know-how) on sensitive site, building 8, Captivate and the instructor used edge animate to do something similar.  I do not understand that Edge animate has other uses and has more features that advanced in Captivate 9 animations, but if I want to only produce a little advanced animations and simple movements, I use Edge animate to do this?  I guess what I'm trying to understand where are the limits to capabilites animation Captivate 9 against Edge animate?

  Thank you!

  Animate edge can create animations and "was" considered to be the alternative for Flash animations at the start of the hype of HTML5. However, Edge animate is more will continue during development, the month next Flash Pro will be renamed CC animate and will be able to post files OAM, as Edge host used to do. Captivate has the ability to embed animations such as you can embed animated GIF (old but still functional to both output SWF and HTML5) as well. However, it must be aware of the fact that there is no communication between these animations and Captivate, unless you know JavaScript. Such communication is possible using widgets.

  Since you are new, I often have problems with the terminology. You want simple movements in Captivate 9? Use the effects of movement, much easier to create and manage than to try to do it with another application. The effects are possible in Captivate, no need for another application at all. What do you mean by "advanced animations? If explain you it, maybe I can also offer you an alternative to animate dashboard? I used it with Captivate 8, but right now, I'm perfectly happy with what's available in Captivate. Edge Animate has (d) the possibility of incorporating some code snippets (JS) or write your own code. Captivate has advanced actions, shared stocks and you can also launch the JavaScript code. I don't think Edge animate has 'more' feature if you want to create Captivate e-Learning courses! Or do you have another goal?

• Control edge file animate OAM with the buttons play/pause of Captivate on the skin.

  Hello world

  I worked on a project where I mix a variety of objects and animations.  I do animations animate on board.  The problem I have is that when the user clicks the button pause on the Captivate playback controls, the oam file do not pause.  I found descriptions of how I can make an animation to play/pause the Captivate timeline button on board, but I can't find anything on the use of the Captivate pause button to control the Edge file animate.  Discussions only that I managed to find on that seem to be the answer.  Someone had a bit of luck with this question?

  Any advice would be appreciated.

  Thank you

  Randy

  OK, it's a bit hacky, but it works quite to control the main timeline object in a file of edge of Cape Town, where the Edge file has been imported to Cap 9 as a Web (oam) object. I went seeking answers same like you and came from vacuum, then start to tinker myself and came across the following method.

  Let's use window.postMessage to send a string between Cape document window and document edge iframe window then react accordingly. You can learn more about postMessage accepted battery answer here: http://stackoverflow.com/questions/3076414/ways-to-circumvent-the-same-origin-policy

  In your dashboard file click the support of Actions for the stage object in the timeline and select the compositionReady event. Paste this code into the text window:

  addEventListener for Chrome, attachEvent for IE

  window.addEventListener ('message', receivedFromCaptivate, false);

  window.attachEvent ('onmessage', receivedFromCaptivate);

  function receivedFromCaptivate (event) {}

  switch (event.data) {}

  case "play":

  SYM. Play();

  break;

  case "pause":

  SYM. Stop();

  break;

  }

  }

  Save the file and publish it as an oam, then import the OLS in a slide of Cap, as you normally would. Now, to put in place things of the CAP. Here is a visual aid for the rest of the explanation...

  

  In the PAC file select the control that you use to start playing the chronology of the edge (in the example above the "slide4Play"), select the checkbox 'Use as button' in the properties on the right, select the "Actions" tab, then to the drop-down list for 'Success' choose "Execute advanced Actions." Click the folder next to the selection of Script control and advanced Actions dialog box should appear. Name your action something (for example, "playEdgeSlide4"), then click the 'Add' in the grey bar to add a new action in the queue. In the drop down "Select Action"... ", choose"execute Javascript. "In the drop down menu"select the window... ". ", choose"current ". Then click on the 'Script_Window' button to bring up a window of text Javascript crap. In this window, you can paste this:

  try {}

  $("iframe") [0].contentWindow.postMessage ("play", "*");

  } catch (e) {}

  Console.log (e.message);

  }

  Select 'OK' to close the window of text Javascript crap, then click the 'Update Action' button to save your new action. Now let's do the same for break action - select the control that you use to pause, go through the steps above, the name of the action, implement advanced action in the same way and in the Javascript crap text window, paste the following text:

  try {}

  $("iframe") [0].contentWindow.postMessage ("break", "*");

  } catch (e) {}

  Console.log (e.message);

  }

  Cap incorporates the Edge file in an iframe on the page that has its own document window. In order to communicate between base ceiling windows and the iframe, we use the postMessage call. So when you hit your button Pause/Play in Cape Town, he publishes an event to the function that gets recorded in the iframe on board. And in the event.data is the string we send above the Cap base window in the function postMessage ('play' or 'pause'). We use a simple switch to react to the data string, stop or have fun with the main symbol of the scene at the edge (sym.play(1000) (), sym.stop ()).

  I hope this helps!

• How will I know if my edge compositions animate will scale upwards or downwards to adjust the resolution of each mobile phone platform? iPhone 3s, 4, 4, 5 and 5 have all different resolutions. Can I use PNG or svg?

  I want to use Edge animate to create native application in PhoneGap Build. How will I know if my edge compositions animate will scale upwards or downwards to adjust the resolution of each mobile phone platform? iPhone 3s, 4, 4, 5 and 5 have all different resolutions. And I use PNG or svg?

  If you are using the sensitive scale that it will permanently scale.

  To view best practices regarding graphics

  M lively help | Best practices for graphics in Adobe Edge animate

• Using PHP with Html5 Canvas in anime CC

  Someone at - it all the resources they can point me on the use of PHP in Html5 Canvas to animate CC?

  I don't seem to see a lot of options for this.

  We used to be able to with edge animate.

  Do you know how cool it would be to be able to build web applications Html5 using backend script just as you can on the side SWF (Flash) of things?

  In addition, anyone know what anime-road map will look like?

  Thanks in advance

  using animate than Pro, you can create an ajax function that allows you to send and load data from and to your php file.

  I use jquery because it longer resolves the differences between browsers in the processing of javascript.

• How to migrate to Adobe Edge to animate

  Hi, in previous years, I built a small part-time business creating html 5 interactive with Adobe Edge.  Edge was my first dive into HTML 5. I have no prior experience in Web or HTML 5.  I was really shocked to discover that they are abandoning edge. This will probably affect the company I built. I decided to download the new animate with the idea to start tutorials for that time, I could jump over.  This seems to be the way to go from Adobe. However, after downloading and kicking the tires, I'm completely lost and feel that the simplistic nature of the edge has been replaced by a BEAST of a program.

  Maybe I'm wrong. Which brings me to my question. I wonder if anyone has met or created a set of tutorials to help Edge users migrate to Animate?  Are there edge users who have migrated successfully and it was easier than that? What resources or tutorials did you use to pass?

  Adobe is not abandonment of edge, they are no longer more development on it.

• Sliding between edge videos animate

  Hello

  This is my first time using edge animate. I tried to use it to make some kind of graphic novel, animated and interactive.

  How I planned using edge animate was first draw all of my animations, and then import them into after effects to add effects and export under a .mp4. Then I wanted to import these videos along the lively, who succeeded so far. Each of these videos is a separate comic panel, I tried to use the edge animate with hammer.js to create an interactive environment where you can swipe between the .mp4 separated on the screen so that you reach through the comic a comic animated to another Panel.

  Thanks to this technique of tricedesigns: http://www.tricedesigns.com/2013/04/17/enabling-gestures-in-edge-animate-compositions/

  So, I did a base file where to insert 4 of my animations on a page. I put playback to play at the scenario I can see where each film starts and ends. I added triggers stop at the beginning and end of each reading. And then I tried to add the motion shot hit to swipe between the .mp4. But I guess that's not possible. I also tried to use the doubletap to return at the beginning of my computer. But I guess that I do not use the right method to go about this to make it work. I was wondering if someone could help me get started in the right direction?

  What I also wanted to do later, it was to make for example an animation where we focus on something. Then put that in the timeline, so when you use the touch, pinch to zoom, it will at this point in time. Or maybe the tap function to tap on the screen to the course and animation to make it 'react '. I also wanted to add a sweep of several fingers, hitting swiping between pages maybe. I really need to know to get these things to work, just how can I leave an action, as a kick start the next mp4 in my calendar.

  I started using Edge animate because I know very little code, so I guess that is also one of the reasons why I'm stuck.

  I would appreciate your help! This project is my master for my master's in graphic design project.

  If that doesn't work I'll probably do in AfterEffects and make it look real. But it would be so great that it actually works!

  Thanks again,

  Bert

  YES! It was quite easy to get the previous to access animation ends. Just get the length to 100%.

  SYM. $("Panel (Previous)") [0] .currentTime = sym. $("panel (previous)") [0] .currentTime + ((100/100) * Bal. $("panel (previous)") [0] .duration);

  has added in the trigger for the next animation. If the previous animation stops right at the end!

  Now, I just need to always find a way to add a shot with several fingers in my code...

  Any help is always appreciated!

• Animate with greensock, text effect

  Hello, I am trying to build banner in Adobe animate with greensock.

  I do positioning to animate it and after that I do everything with the code in the first block of the timeline...

  Most of the transitions are with Y year X (left, right, tilt, rotation, low and high), opacity with alpha as well as certain triggers that make smoother.

  (is there a list of other commands that can be used in the workaround?)

  I want to make the text in a kind of effect... type each letter after another, what can we bij animate and/or greensock?

  I saw a plugin of breath, but I don't know how to use that in the lively...

  Maybe someone has some issue or perhaps answer?

  Welcome marcel

  To animate text in Adobe animate, if you use fonts custom, your best bet is to divide your text twice, convert each letter to a movie clip symbol, distribute video clips of layers and animate each of them with their own tween.

  If you just want they appear one by one, without any sort of bland or movement, you can skip breaking apart each letter in video clips, keep the text on one layer and reveal it with a mask instead: How to use layers of mask in Adobe animate CC

  If you use a dynamic text, there would be other ways to reveal with the code, but I'm assuming that you are using the static text because I know how customers love their custom fonts.

  Alternatively, if you're comfortable working outdoors to animate, for text effects of animation with Greensock... impressive the plugin SplitText is amazing for DOM elements if you use web fonts for your project: GreenSock | SplitText (Please note that this will not work in Animate, that uses the canvas).

• Saba 7 don't watch not completed status with Captivate 6, 8, 9

  Hi all

  Faced with a question to Saba 7. Build courses Captivate may not get filled up on the main page of Saba. I tested with Captivate 6, 8 and 9 - it is the same everywhere. Saba 7 do not showing status "Completed" (column of the State of completion next to the Start button) with courses build in Captivate - he remains "not rated".

  

  Although the 'more actions' and then 'display the results by lesson"shows that the State is 'done' with Total attempts and retrieved the last.

  

  This means that the course is completed, it is not rolling to the top of the State.

  No tests, no score - just 5 pages and classes should be filled when 2 slides are visited. I used the settings below:

  

  Something wrong? Any code/patch/parameters must be introduced?

  If this is not fixed, then we will not be able to develop courses in combination with Saba7 Captivate.

  I need your help. Thank you.

  Take a look at this thread and see if it helps:

  Re: Saba 5.5, Scorm 1.2, Quiz preferences

• Creating apps for iPhone by PhoneGap using animate CC Possible?

  Hello

  What is Adobe animate CC appropriate to create apps for iPhone by PhoneGap.  There are some tutorials to facilitate dashboard but not for Flash Pro CC or CC animate.

  Thank you.

  PhoneGap acts as a wrapper app for web content. With Animate, you can do the same thing by using a StageWebView, so in a sense PhoneGap and Animate are competitors.

  But, if you had another reason to use PhoneGap, I guess that web content can include HTML5 Canvas files you did using Animate.

  Normally when you make mobile applications in Animate you would in an AIR, using ActionScript 3 application.

• Effect of mixing on the edge Modes animate

  Hello

  I was wondering if it is possible to apply the blending in edge mode animate.

  Like having 2 divs mixture, a green and red light on a black background.

  Something like color Dodge effect and operation of the lights in a dark room.

  Too much?

  Can I import plug-ins?

  
  

  
  

  Thank you.

  Hello

  You can load an external stylesheet using yepnope. But there is a constraint, you must add ! important.

  As you said, you can use c for the style, but you can also use code.

• Problemas con archivos edge traidos animate

  Saludos

  Tengo este problema sale me cuando estaba Muse an edge archivo animate

  Now if borro este enlace works normal

  as tengo hacer para Québec h. los archivos made in edge animate... edge en ojo animate public lo para that muse lo can music y en muse use the put option...

  Espero comentarios

  

  Please try the suggestion in this post;

  https://forums.Adobe.com/thread/1394674?TSTART=0

  Thank you

  Sanjit

• Problem with Captivate 8 and SumTotal learning LMS Maestro-

  I get white screen when lance course published under the title of SCORM 2004 using Captivate 8.  All the publication settings are identical to those used with Captivate 7 and all classes of properties and parameters are the same in the LMS as course published using Captivate 7. At the launch of course, instead of the opening of the route screen, a white frame appears showing the playback bar course and LMS navigation bar. Logon screen does not appear until the user clicks on the button play on the PlayBar. No idea why this is happening?  Here is a screenshot of the white frame.

  

  Ron,

  Thanks for the help.  I found a solution for the problem here: HTML5 projects Captivate freezing in Google Chrome, c. 36 + |

  Because it worked, obviously, the Chrome issue 36 comes break HTML5 output.  I hope that the patch solves everything.

• With Captivate CS6, I can't change the value of the variable personalized with AS3

  Hi all

  I did a program in AS3 flash to get the values to an XML file and put values in the custom variable to Captivate. While I was with captivate 5.

  I used something like that;

  var movie_captivate = this.parent.parent.getChildAt (0);

  movie_captivate ['customvariable1'] = 'test ';

  I've never had a problem.

  Since 2 weeks I use Captivate Cs6, I test my program and it does not work.

  I checked with a debug flash with my swf with captivate 5, I see my custom variable and its value and a witch of SuspendVarsArr table contains the name of the custom variable.

  But with with captivate swf 6, I see only a witch of SuspendVarsArr table contains the name of the custom variable but I don't see variable custom name and value.

  Can someone tell me where the captivate CS6, it is not possible to read and write a custom variable of captivate. Or if it is possible, what can I do to make it work.

  Thank you for your help

  Xavier

  Try to access that manage variables like this:

  captivateVariables = Object(parent.parent).getMovieProps().variablesHandle;
  

  Looks like you need to convert the display for an object objects container before you can access the call of getMovieProps()...

  You can download the .fla and .swf animation that I used for the test: http://captivatedev.com/demo/Cp6/SlideNumberAnimation.zip

  Jim Leichliter