Readit News logoReadit News
bogwog · 3 years ago
> Visualize Complex Ideas Programmatically

That has got to be the most inappropriate tag line I've ever seen. This is a 2D animation library and editor.

sam1r · 3 years ago
Ironically, I was searching for just one visual or gif on the GitHub or documentation, to understand what it does.
supermatt · 3 years ago
Its actually not an inaccurate tagline. Unfortunately the website does a TERRIBLE job of explaining it. You would be better off watching the intro video (which cant be found on the website...): https://www.youtube.com/watch?v=WTUafAwrunE
Oliver_Rust_5 · 3 years ago
This is called marketing, a way to differentiate. Instead of telling what the product is "a 2d animation library and editor", you tell what it's purpose is.
weego · 3 years ago
More accurately, you're supposed to connect with people by stating what problem they have that this solves.

'the need to solve complex ideas programmatically' is a problem that people have.

This product does not solve that for any reasonable interpretation of the tag line, unlike say processing or openframeworks.

hackernewds · 3 years ago
That works when the differential is actually accurate
Grum9 · 3 years ago
Do people not understand how big a difference a single image on the main page can make? I see visual in the title (or it reads as something visual), I click, I see a wall of text, I close and move on. Even if its a cmd line lib or something, post an image of the text being typed, does wonders if you want anyone to care.
j45 · 3 years ago
It's a good sign as to whether or if the tech is really about creating beginners, or not.

Also why p5.js and Coding Train was what my brain was looking for. Their intro for p5.js is great too.

localhost · 3 years ago
This is a much better link than the GH repo - it contains examples and the docs. https://motioncanvas.io/
jessems · 3 years ago
This video from the author is probably the best explainer: https://www.youtube.com/watch?v=WTUafAwrunE
karmakaze · 3 years ago
Why don't repo READMEs have these example links when they're so readily useful for visual things?
rikroots · 3 years ago
My canvas library's README[1] has a video embedded in it. FWIW I'm not convinced it adds anything to the library's sales pitch.

[1] https://github.com/KaliedaRik/Scrawl-canvas

jagged-chisel · 3 years ago
Agreed - much better link.

However, I "Try the editor" and then I can't find source. Clicking "GO TO SOURCE" in the properties window doesn't seem to do anything. Am I missing something?

FF and Chrome on macOS.

mcguire · 3 years ago
It looks like the source editor pane (which was in the intro video?) has gone away. It's using the code from https://motioncanvas.io/docs/quickstart.
philsnow · 3 years ago
On the "pro" side, uses code instead of pointy-clicky, and the integration with the audio source and waitFor looks really nice, useful, and intuitive.

I don't know typescript so much of the youtube demo (linked from here https://news.ycombinator.com/item?id=34900161) was magic to me. I have worked with OpenSCAD some and prefer its declarative approach over imperative approaches. I don't know what all the author doesn't like about declarative, but the one example he gave in the video was that if you want to change the time of one keyframe, you have to adjust the time of all the keyframes that come after it, but that doesn't seem implied by a declarative model, maybe by some other particular tools?

mcguire · 3 years ago
Most animation software (i.e. Synfig) have that keyframe thing. For example, if you want to synchronize an animation sequence with audio.
mthoms · 3 years ago
This really needs examples. There's a single one on the homepage but that's all I could find.
MrBoomixer · 3 years ago
I believe on the website the YouTube video linked is using this library throughout the whole video to give you visual references based on what the person is talking about. It's a pretty good demo..
vsviridov · 3 years ago
cloogshicer · 3 years ago
There seem to be some here: https://github.com/motion-canvas/examples
james-bcn · 3 years ago
I second the need for samples. This looks great, but when there are no examples of it in use I have to wonder if it's really been tested in real use cases.
zyang · 3 years ago
Using generators to control animation flow is genius. Having used Remotion a bit it's heavily dependent on current frame count in complex animations. Generators is a more elegant solution.
royjacobs · 3 years ago
This pattern has been used for GUI toolkits as well. I specifically recall seeing it in the Caliburn.Micro framework for C#. It takes a bit of getting used to but it's pretty neat.

A quick Google found that this tutorial shows the technique off a bit: https://www.atmosera.com/blog/jounce-part-15-asynchronous-se...

breadchris · 3 years ago
I have been playing with this a bit recently and it is incredible. Very well written docs and anything they don’t cover, the code is really easy to read. I am excited to use this more and see where the project goes.