manim VS motion-canvas

> For a true master of the art, see 3blue1brown.

I agree. Rather than (what I assume is) E2E text -> video/audio output, it seems like training a model on how to utilize the community fork of manim which 3blue1brown uses for videos would produce a better result.

[1] https://github.com/ManimCommunity/manim/

Stars: 30321 Author: ManimCommunity Star the manim repository⭐

I formed a picture in my head of an inverted pyramid, with each inner level positioned below and a little bit smaller than the previous level. After solving the puzzle, I got some ideas about what a visualization of the search for the shortest path could look like. I've wished for a couple years that I could put together visualizations like the ones I've seen in the AoC subreddit, and I have a strong enough feeling about this puzzle that I think this is where I should start. A recent 3Blue1Brown video gave me the confidence that Manim would be the right tool, for me, for this first job.

https://github.com/ManimCommunity/manim/issues/3362

The animation looks awesome! Looks like the author used matplotlib (as they mention in a comment on the website): https://github.com/vankessel/sandbox/blob/master/graph/inter...

In the past, I have used manim to make mathematical animations: https://www.manim.community/ Manim is more flexible but that comes with some overhead of complexity and learning. Example of some animations using manim:

- List of videos using manim: https://www.manim.community/awesome/

- A blog post I made: https://azeemba.com/posts/degenerate-matter.html

harfang-wasm is a fork of pygbag.

harfang-wasm: https://github.com/harfang3d/harfang-wasm

pygbag: https://github.com/pygame-web/pygbag

https://news.ycombinator.com/item?id=38772400 :

> FWIU e.g. panda3d does not have a react or rxpy-like API, but probably does have a component tree model?

Is there a react-like api over panda3d, or are there only traditional events?

Manim has a useful API for teaching. Is there a good way to do panda3d with a manim-like interface? https://github.com/ManimCommunity/manim/issues/3362#issuecom...

I'm using my own fork of https://github.com/motion-canvas/motion-canvas

It's not really designed for the animation code to be dynamically changed on the fly, but I've hacked together this feature in my fork.

Motion Canvas is a mature / popular solution in the "manim but typescript" space for those unfamiliar.

https://github.com/motion-canvas/motion-canvas

To animate this, I'm using motion canvas, it's a very cool TS(yes) based npm package that allows you to animate using code, kind of like remotion except that... it was the first one I came across ok? I just came across remotion so not my problem!

Motion Canvas - Motion Canvas is a powerful animation tool that simplifies the process of creating interactive animations for the web. With a user-friendly interface and a wide range of features, Motion Canvas enables you to design stunning animations without writing a single line of code. Whether you’re a beginner or an experienced developer, Motion Canvas offers a seamless animation experience that brings your designs to life.

After finishing the first draft of the script, I create the animations & screen recordings. I initially used the Motion Canvas library to create the animations using TypeScript code (kinda like 3Blue1Brown's "manim", which uses Python). The library is fantastic and a fascinating piece of code, but after all I think it was a mistake to use it. My animations are just not complex enough to warrant using such a complex tool. And the power of a WYSIWYG editor can't be understated. I now use and pay for Camtasia to create all animations & screen recordings, and in the future will only use Motion Canvas for extremely complex animations.