Skip to content

Adapt Animation Frame: Display any HTML5-based responsive animation into your AdaptLearning course

License

Notifications You must be signed in to change notification settings

fabiobeoni/adapt-animation-frame

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Adapt Animation Frame

Display any HTML5-based responsive animation into your Adapt Learning course

This component displays HTML5-based animations built with commercial animation editors like Adobe AnimateCC.

The component supports any animation created with desktop or online editors exporting animations to a single HTML5 file, or OAM package (Adobe AnimateCC).

The Animation Frame component also follows Adapt responsive design rules, resizing the animation hosting box according to them.

How to install

  1. download the responsive Adapt Animation Frame plugin component
  2. go to your Adapt Authoring Tool, in the main menu select "Plugins Management / Upload Plugin"
  3. select the downloaded zip file

If you have any trouble while installing, please feel free to contact me.

How to use

  1. Export an animation from your favourite editor as a single HTML5 file (for Adobe Animate CC see: https://helpx.adobe.com/animate/using/OAM-publishing.html)
  2.    
  3. Add the animation file to the Adapt Assets Library
  4. In your course page and block, add a new Animation Frame component
  5. Select the animation file from the assets
  6. Set the height of the animation frame according to the responsive options available

Please remenber to make you animation scalable for both width and height when you design it with your editor, to make sure it will adjust properly to different devices.

Note about importing OAM packages from Adobe AnimateCC

By deafult this component for Adapt supports any HTML5 animation based on a single page file.

To import OAM packages (multi file animation including images/videos/audios/etc) from Adobe AnimateCC, you also need to install the backend plugin "Animation Asset Unpack" for Adapt AT.

License

This component is free under the Creative Commons licence agreement "Attribution-NoDerivatives 4.0 International (CC BY-ND 4.0)".

Support the development

If you like this component please consider to support the development of new components.

If you are interested, I'm available for hire to develop custom components for AdaptLearning courses.


Version number: 1.1.0 Adapt Framework versions: >= 2.0 Author: Fabio Beoni

About

Adapt Animation Frame: Display any HTML5-based responsive animation into your AdaptLearning course

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published