Generator Canvas

About

Generator Canvas is a JavaScript library which enables the rendering of canvas animations through generator functions.

This project was inspired by Motion Canvas.

TypeScript type definitions are provided as documentation and for auto-completion. So it is recommended to check those out.

Please, check out the examples below.

Tired of the loading animation of this page?

Press any key or tap to skip it.

Examples:

Some examples do not work on Mobile.

  1. Dev Test (used for testing during development)
  2. Simple Animation
  3. Frame View
  4. Async
  5. Shape Renderer
  6. Fractal
  7. Snake (the obvious next step is porting DOOM)
  8. Sorting Algorithms

You may also want to look at the source code of this page.