README.md

Diagrams

This is a repo full of different diagrams to visualize technology concepts.

• DevOps IaC Adoption Process

Usage

1. Create your new package using npm init @motion-canvas@latest
2. Change directories to your new package and run npm install
3. Build out whatever animation you would like
4. Inside of your package dir, run npm start and navigate to http://localhost:9000 in your favorite web browser

Rendering

1. Use all default rendering settings
2. Navigate to the root and run ./render-video.sh packages/<your_package_name>
3. This will use ffmpeg to render a packages/<your_package_name>/output/palette.png and a packages/<your_package_name/video.gif file.
4. Finally, it will use MPV to display the rendered gif!