At the Welcome screen, locate and click on the "New Composition" button in the right column. Projects in Adobe After Effects are called compositions, or comps. Var animation = bodymovin.Make and set up a new composition. On my second slide, the onEnter execute javascript action script window has. I also add in my animation json file, which is titled data.json (the default name from bodymovin I believe).
Note, after I publish my project I add in my cp.js file and bodymovin.js file to where the index.html file of the project is located. This is a function I defined in my cp.js file. Then for the button shape I gave it an action of execute javascript and in it's script window I wrote. Var s = document.createElement ('script') My onEnter action for the first slide is to execute javascript and in the script window I wrote. On the first slide there is a simple shape button and on the second slide there is nothing. However, my after effects animation is not playing as expected. The animation loads up perfectly.įrom there, I tried to figure out how to include a javascript file into my captivate project and found this solution to work well - Load a java script library in captivate With the help of other forum users and after a lot of experimentation - I was able to recreate this awesome codepen setup ( Simple Bodymovin Demo) with my after effects animation using Dreamweaver and publishing the index.html file to a web server. I'd prefer to be able to use after effects animations, because I'm much more familiar with creating motion graphics in AE than using Captivate's clunky effects panel. so I may not be correct in everything I say and I apologize. Before I continue, I'll mention I'm very new to code/javascript libraries/etc.
I'm working on trying to find a way to include After Effects animations into my captivate projects using the bodymovin plugin and external javascript files.