Example

Example on https://pqml.github.io/ae-read-curves

Features

• Read curves exported by ae-export-curves
• Get property values at a precise time, with the seek() function
• Tiny module, < 1ko gziped

Module Installation & Usage

Installation from npm

# using npm
$ npm install --save ae-read-curves

# or using yarn
$ yarn add ae-read-curves

Usage with a module bundler

// using ES6 module
import readCurves from 'ae-read-curves'

// using CommonJS module
const readCurves = require('ae-read-curves')

const comp = readCurves(json)

console.log(comp.duration) // get duration of the composition
console.log(comp.width) // get width of the composition
console.log(comp.height) // get height of the composition

comp.seek(0.5) // go to the middle of the composition timeline
console.log(comp.values.translateX) // get translateX property value at 0.5 progress

Usage from a browser

<script src="https://unpkg.com/ae-read-curves"></script>
<script>
  var comp = window.AEReadCurves(json)
  comp.seek(0.1)
  console.log(comp.values.translateX)
</script>

Development commands

• npm install - Install all npm dependencies
• npm run start - Start the dev server with livereload on the example folder
• npm run build - Bundle your library in CJS / UMD / ESM
• npm run deploy - Deploy your example folder on a gh-page branch
• npm run test - Lint your js inside the src folder

License

MIT.