Skip to content

Getting Started

  1. Go into the video-animations directory
  2. Type npm init @motion-canvas@latest
    1. Choose Video (FFmpeg) as the exporter
  3. Go into the folder it just made
  4. Install the text highlighter npm i @lezer/javascript
  5. Run npm install and then npm start to start the editor, viewable in a browser

Manually using ffmpeg

  1. Run this inside the project npm install --save @motion-canvas/ffmpeg
  2. Pick Video (FFmpeg) as the exporter

See Animating Code for instructions