Skip to content

tortilaman/ae-to-html

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AE to HTML

Prototype site for exporting after effects animations to HTML

Setup

  • make sure node.js is at version >= 6
  • npm i spike -g
  • clone this repo down and cd into the folder
  • run npm install
  • run spike watch or spike compile

Usage

  • Export animations from After Effects using Bodymovin
  • Modify your .json filenames so titles etc. on the site will look how you want them to:
    • Use dashes to separate words, i.e. JSON-File-Name.json will Create the title JSON File Name
    • Capitalize anything you would like capitalized.
  • Add resulting .json files to the assets/anim/ folder

Testing

Tests are located in test/** and are powered by ava

  • npm install to ensure devDeps are installed
  • npm test to run test suite

About

Streamlined workflow for exporting after effects animations and microinteractions to animated svg html pagges using bodymovin

Resources

Stars

1 star

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors