Creating videos programmatically

Projects

• Motion Canvas https://github.com/motion-canvas/motion-canvas (opens in a new tab)

  • https://motioncanvas.io/ (opens in a new tab)
  • "Visualize Your Ideas With Code"
  • React-inspired, uses generators.
  • KAITO: Liked its API and UI.
  • 2 hours video: Motion Canvas in More Depth (opens in a new tab)
  • TRY

• Remotion https://github.com/remotion-dev/remotion (opens in a new tab)

  • https://www.remotion.dev/ (opens in a new tab)
  • "Create real MP4 videos using React."
  • This video was made with code. But how? - Fireship (opens in a new tab)
    • Linked to from the official website.
  • How does Remotion compare to Motion Canvas? | Remotion | Make videos programmatically in React (opens in a new tab)
    • Visited 2023-12-16.

• Manim https://github.com/3b1b/manim (opens in a new tab)

  • "Animation engine for explanatory math videos"
  • Written in Python.

• Math Anim https://github.com/ambrosiogabe/MathAnimation (opens in a new tab)

  • TLDR: Inspired by Manim, except in realtime with a GUI+audio preview to enhance the editing process. Written in C++.

  • I Coded a Video Editor (and it kind of sucks) | YouTube (opens in a new tab)

    • Opinion: Liked.

  • READ: Why are people still recommending this book? | Gabe's Blog (opens in a new tab)

  • C++ For Java Devs - GamesWithGabe | YouTube (opens in a new tab) #interesting #CPlusPlus

• movy.js https://github.com/rossning92/movy (opens in a new tab)

  • "movy.js is an intuitive animation engine for creating explanatory videos."
  • JavaScript, uses GSAP and ThreeJS

• Mechanic https://mechanic.design/ (opens in a new tab)

  • https://github.com/designsystemsinternational/mechanic (opens in a new tab)
  • KAITO: Wtf is this again?
  • A Hacker News user mentioned it https://news.ycombinator.com/item?id=34899485 (opens in a new tab)

END.