Animating with Code - Motion Canvas

[@aarthificial]

Motion Canvas is now Open Source! motioncanvas.io

[@mic27381]

Is there a list of components like the ColorPicker?Or did you just code it for you(not published)?

[@horryportier7539]

Finally something that gonna make me want to use typescript

[@dovahsam7804]

devlogs so in depth that they are about how to make devlogs, unprecedented stuff

[@elidoz9522]

it's becoming meta

[@salabimsalabao]

devlogception

[@theothetorch8016]

625 likes = 5^4

[@avatar098]

I heard you like devlogs. So I made a devlog about making devlogs with a tool I made for devlogs.

[@NonsenseNH]

The fact that he used this software to showcase this software blows my mind

[@CykPykMyk]

Turingish kinda

[@irlporygon-z6929]

GCC (C compiler) is written mostly in C 🤪Also the layout engine Godot (2d/3d game engine) lets you use to build layouts for your game in the engine is used for the game engine's own UI. Features of good software

[@garamburito]

meta animation 😄

[@absolutewisp]

​@@irlporygon-z6929 yeah, the entire godot app is a godot app iirc.

[@mattshnoop]

Holy crap… the fact that you make your own software for this that is *so* well made and (as someone who writes a lot of TS/JS) is so very technically impressive, and the fact that you showcase it in less than ten minutes… this video has left me floored. I can't wait to see this open sourced and available to tinker with.

[@neutrino2211_]

Had to pause the video because I was left speechless. Damnnnn.

[@MidnightSt]

yeah, that's cool :) did you know that 3Blue1Brown also made his own animation software for making the videos he does?

[@ArielLothlorien]

I am so jelly! I want to use it!

[@werrutkyupnext]

@@ArielLothlorien jelly belly

[@nialltracey2599]

@@MidnightSt Manim was mentioned in the video.

[@FilipeDeschamps]

Those abstractions looks delicious 🤝

[@donmind]

ó o cara aqui lol

[@codexed-i]

aee man falae

[@cruzeirocrivellari]

Insano né

[@codexed-i]

Estranho o michel teló aq

[@kigamezero8636]

My man really made a whole animation software to make devlogs more visual. Serious respect, man. As a fellow CS major, I know this stuff ain't easy.

[@Alumx]

holy crap this is insane its such an elegant approach to animation, plus visually this program looks super fun and clean can't wait to see more stuff! you got something amazing here

[@Caue113_]

Simply outstanding, I love how you do your animations with such fluidity and harmony when envolving code, graphics and numbers to teach game dev. like 3Blue1Brown does with mathematics so clearly

[@aarthificial]

Thanks, I'm happy to hear that! Grant from 3Blue1Brown is a person I really look up to

[@fredman411]

@@aarthificial how long have you been programming for? I started coding about a year ago. I hope one day to reach your level of skill. You just earned a new subscriber!

[@namordeihai6616]

I just love your style: How to make devlog production easier? Let's create new software to animate things!

[@oliverdavies4196]

the top supporters sneakily placed in there is a nice touch

[@DarthBiomech]

So let me get this straight, you've created a whole complicated animation program entirely from scratch _just_ for these devlogs?! This is beyond insane, this is just scary now! For me this sounds like a project similar in scope to the _actual game..._

[@milanstevic8424]

Nah, nobody does that. He obviously wanted to have this as a project. He was at a liberty to do this, felt confident about it, and set some goals, which included the youtube channel and a Manim-like piece of animation software, which was probably a perfect way for him to flex before the actual game. I'm a Unity engineer and thought about that very same approach 6-7 years ago, even before 3blue1brown, but decided to take a different path altogether. If only my life was flexible enough financially etc, my decisions would've been different. There is nothing insane about it, a project is a project, whether you work for a corporation or not. However, it's vastly better when you work for yourself, build something that you find valuable, and grow a community of total strangers, that's actually a perfect IT career in today's landscape.

[@DarthBiomech]

@@milanstevic8424 Note how I didn't say that I think it is wrong or that I disapprrove. It just me being surprised (and envious, NGL) that one guy has such skill and efficiency to juggle basically three different projects simultaneously (the game, the animation program, and the youtube channel). I can barely solo even _one._

[@milanstevic8424]

@@DarthBiomech I didn't say that either. I have nothing against your comment, I'm just filling in what seemed to be a blank in your statement. My point is that, while he is skillful, this is not a god-like feat. It's been done before, I'm actually following a lot of channels of normal people with objectives and feats somewhat grander than this. This is actually perfectly normal. Impressive, sure, but normal. Been there myself and it's mostly smoke & mirrors. He did manage to make a huge success for himself, it's _how_ you sell yourself to the crowd that matters the most, and he deserves kudos for honing such a talent and having persistence, but no worship is required. You're just pulling yourself down by worshipping another human being for doing what is readily doable. And as a fellow commenter on youtube: I am basically only confirming to you that what he did and what he does, is humanly doable, and you can do it too. Don't dwell on it too much. Regarding the skill and efficiency, it is true that he sold it like that, but this is true for every successful channel out there, it's like gods are among us. However, you don't actually know how these people live their life. How expensive was the education, where they live, what they lack, what they inherited, and what they're missing out on. Maybe if you knew the full picture, you wouldn't think this way. I'm not saying I know this for sure, just maybe. Or maybe he's just crazy fast on the keyboard, and codes while having sex or while working as a hotline technical support, you know? Two jobs and three mouths to feed and an animation suite on the side, classic. You know I watched a documentary about Silicon Valley once, and there were these typical geeks, one of them was like keeping his pants in the fridge, because that way he doesn't have to wash them for weeks. This wasn't a comedy, real stuff. Some results come from horrendous trade-offs, nobody wants to talk about this, everybody fixate exclusively on the monetary or social success. From a distance all you really have is a parasocial relationship and an illusion that you're somehow a failure in comparison. All I'm saying is if you knew these success stories close and personal, you'd think otherwise, trust me. This is the effect of a society where nobody really communicates but everybody is after recognition. TO GET IT YOU HAVE TO CHEAT somehow. Obviously we all get random conditions in life, so how can you tell what's cheating and who's cheating? Some people get born in a palace, with zero stress in life. They still have to make something of value. After it's done, how would you know if their cost of living was fair compared to yours? This matters greatly if you are to compare yourself to anyone, you can't just fixate on the mental capacity as everything is connected. Your place of birth and social status invites other people and problems, and thus ideas and issues mingle with your mental state on a level that might be incompatible with the values you would otherwise pursue in order to achieve success. I could literally write a book on this, hopefully you get my point.

[@dusekdan]

@@milanstevic8424 I am amazed by the lengths to which you have gone to make this seem like not such a great achievement, while also trying to make a case for why you are actually not doing exactly that.

[@milanstevic8424]

@@dusekdan I am amazed that you would rather promote your passive-aggressive opinion stemming from a wounded ego than prime yourself to actually comprehend what is written. Everybody has their sources of amazement.

[@krycerkris]

“… and recently I’ve switched from After Effects to *my own animation software* …” I’m sorry you what now? The workflow of the application looks sooooo good too, even the UI is clean as hell… You’re amazing!

[@antoniofuller2331]

Hmm

[@avadrumm]

As a software developer, this guy is my idol. He is very good at programming, documentation, explaining himself and making videos. But the main reason is because he uses software to solve problems, actual real problems. And he does it so simply, elegantly and cleverly.

[@frameofessence]

Wow! I've been looking for something like this! Looking forward to trying it out.

[@natyoboi5191]

i am a simple man i see new aarthificial upload i say to myself *"LET'S FRICKIN GOOOO"* *i click*

[@RenderingUser]

today was the day i realized 3blue1brown made his own software for making videos and then you proceed to make one for yourself also really loving how motion canvas looks cant wait to check it out when it gets released

[@cfazilleau]

Looking great :) can't wait to try it out 👍

[@cn-ml]

This is incredible. This guy builds a software for showing other people how he builds his other Software. Thats some serious dedication.

[@HiddenExp]

Pro stuff, damn

[@yannik_w]

Using components to animate reminds me of "Remotion" but *this* way of animating is soo much better! Cant wait to try it out!

[@kalvinpearce]

This is incredible! Also I guess you'll have to update the "Tools I'm using" section in your description 😉

[@manuelgamez8074]

My god. The use of the function generator you used for this library is gorgeous. Love the mix of imperative / declarative you pulled off. Awesome work, always loved your videos explaining really complicated stuff visually

[@SpikeViper]

Absolutely beautiful work.

[@wazaDev]

Every video leaves me speechless, your style is amazing. Having this open source would be amazing can't wait

[@polyshrub]

Wow! This is an amazing tool and the GUI also looks slick! I can’t wait to try it out and see how it works behind the scenes…. It has also inspired me to do something similar with one of my tools…

[@pokefreak2112]

Impressive stuff! One thing I'm wondering is how you implemented scrubbing, does it need to evaluate all the previous commands?

[@aarthificial]

Thanks! Very good question. There is no scrubbing, as in - you cannot drag the playhead around. You can only seek to a given time by clicking on the timeline, in which case - yes, seeking backward requires Motion Canvas to reevaluate the entire animation up to that point. But there are certain optimizations in place to make this process responsive

[@יובלהרמן-ח2ד]

That is really cool! I would imagine the easiest way to implemente scrubbing would be to actually render a low res video and show that instead and when the user lifts the mouse do the same action done when clicking a new location in the timeline

[@t3ssel8r]

timing to audio in manim is such a colossal pain, so a hybrid code/ui solution like yours seems like it would greatly improve the workflow of making these videos. super cool

[@aarthificial]

Thanks! Interestingly enough, your video about aiming was what got me into this whole thing. I knew about manim before but somehow it didn't click for me that you could use a tool like this for gamedev videos

[@PrabowoMurti]

“Animation, but programmatically” Man, i have been thinking this for years, and I found this channel. Great job!

[@Agent40infinity]

This has just changed my entire perception of what these videos embody and it’s fucking ingenious

[@early2000skid]

Always wanted to know how you make these, thank you aarth!

[@allesarfint]

Ok, this is pretty cool.

[@CatOnDeWall]

This man is a mad lad.

[@avi12]

This is definitely the coolest usage of generator functions I've ever seen

[@EVILBUNNY28]

This is some incredibly powerful software. Thinking beyond the use by humans, the fact that it uses code to animate opens the doors for AI applications. GUIs are something we’ve created for us humans and are an extra inefficient step for computers. It’ll be interesting to see where you can go with this.

[@M_A484]

You know this isn't the first example of programmatic animation right? Not by multiple decades.

[@HappyJackington]

I stumbled across your devlogs and they are always impressive and informative. You're explanations on whatever you do are well written and spoken. Thank you for putting so much effort in the tools you make and use, in your videos, and especially in Astortion. I'm always happy when I see a new video of yours in my feed.

[@Skaara_exe]

i absolutly love animating with code so this would be a blessing

[@nelind3]

The quality of you videos continues to amaze me every time. The way you explain stuff that a lot of the time really is complicated so simply and succinctly and with such beautiful visuals. Just amazing

[@JFK37002]

Honestly this is the most advanced programer is the most underrated.

[@Stallnig]

You're simply an artist in every possible way.

[@Dastmema]

Our pledges were listened. This dude is amazing

[@-._]

Your videos really are the gold standard when it comes to devlogs or technical videos in general

[@idedary]

Very cool! You have my deep respect. You belong to the most knowledgeable group of programmers, that spends more time making tools rather than using them. Improve, simplify, automate. Nothing can bring you more satisfaction.

[@amagicmuffin1191]

this reads like a fortune cookie or smth lmao

[@MateHomolya]

This totally blows my mind. You are a true genius.

[@blackrazorus]

Just discovering this now- thank you so much for building and sharing it! It is exactly what I have been looking for to illustrate my technical presentations.

[@thatelusivedot]

this is the video I've been waiting for! I've been consistently impressed with the visual presentation of your channel and being able to see through the back door like this is fascinating

[@ivanmoren3643]

Interesting! Hundredrabbits, a duo of artist living on a sailing boat has done similar things when remaking software to be able to work offline with low battery consumption. They went with a more functional lisp-inspired approach I think, but the ideas are pretty similar, with code and preview working together.

[@EnergeticSpaceCore]

This is incredible. I've always loved the aesthetics of animated programming videos, but achieving that with conventional animation software is a far cry from my core interests (programming). This is a perfect alternative, and more powerful as far as I can see. I'd definitely be interested in using this.

[@zFake]

Wow!

[@ZooHair]

This is a smart approach to making devlogs. I love it

[@mtmzll]

How is this guy SO SMART???? This seems so complex to implement Congratulations

[@harshawashere]

I think this software would be amazing! Although for me personally, and I think a lot of people woulg agree, I feel like documentation nin a similar style to your devlogs would be a lifesaver. You make them so simple and easy to understand. I have coding background but I never fully got into it, so I've kind of forgotten my roots - watching your videos has really helped me.

[@sirgrem2988]

Bruh, now that's dedication to your own game and channel.

[@simonwxyz]

Your system looks a bit like Remotion, something I saw showcased a little while ago on another channel. Which is a good thing, because that looks pretty great too. Anyway, your system and explanation vid is just awesome. It looks so polished already, and is probably the only time I've seen justified use of generator functions in js 👌. Loving the content, and excited to see what else you make. Keep up the good work!

[@AByteofCode]

The level of inception here making a video about a software to make videos about software is definitively something I would use for my own channel when it comes out. Great work on this! You just earnt a new sub :p

[@AlekseyLoykuts]

Reminds me of Freya's Holmer own editor in unity for her Shapes visualisation. Such dedication is priceless

[@otherelbo]

As a front end engineer for more than a decade now and someone who loves video editing and graphic visualization, this is extremely cool to me! I cannot wait for you to release it open source and play with it! Congrats! Btw love you devlogs!

[@ahmedyousif4782]

the possibilities are endless, mind blowing 🤯

[@ixfalia]

It reminds me of the Acton List pattern used in many games to control things like game AI, movement patterns, and UI animation as well. I've made good use for them in many of my personal projects on a small scale, it's very cool to see the concepts being applied and extended into the philosophy behind a whole animation workflow and toolset. It looks polished and usable

[@wheezard]

I've watched this video so many times now. This is amazing, can't wait to play with it!

[@torppe2226]

This is very impressive. Can't wait to try it out

[@stickyhairlesscats]

This is a seriously impressive framework you've built. Absolutely amazing work!

[@NathanHedglin]

Absolutely amazing. I'll have to try this.

[@nolamo1496]

This game is never gonna be finished

[@demospongiae3893]

I love this so much, thank you for sharing! I just wish I knew how to code so I could use this for my editing...

[@AntoCharles]

Creating your own software for animating devlogs is a mean ass flex ngl

[@ThatOneLazyGuy...]

Im not good at being in front of a camera so i always wanted to use visuals to make my videos more interesting and this seams like an amazing way to do it, and my current project involves coding anyway so it would be perfect to try this out. can’t wait for the release!

[@williamhanna3113]

When I stumbled across your channel a few weeks ago, I was amazed how well made your animations were and wondered how you had time to make your video's graphics. This is incredible!

[@mz00956]

I love the Idea of animating with code

[@HoloTheDrunk]

Genuinely so excited for this, it's exactly what I more or less dreamed of creating multiple times in the past few years

[@ego-lay_atman-bay]

I'm really interested in motion canvas, and might get me into using it to create small animations for future videos I may make. I am still yet to find a video editor that uses code. I personally think using code allows me to do more than a commercial product, like premier pro can and also even easier.

[@leshiy_nd]

I have no words besides "shocked" and "holy wow"

[@smokedsalmon665]

Mindblowing stuff. Sometimes, I like to think of aarthificial as an outlier along with many others so as not to hurt my fragile impostor self

[@fuseinabowl]

This looks fantastic, and the devlogs you make are incredibly clear and juicy. You can tell this tool will help a lot of people when you release it.

[@altered_dev]

wow, this is absolutely amazing, I now kinda started thinking of making such thing too

[@tsukuyomin]

This seems great, I would love to get my hands on it!

[@Loskir]

Looking forward to trying it out!

[@stomyn]

I just discovered your channel and binge-watched all of your devlogs, and I have to say, you make me want to get back into game development. I went to school for some years ago but had to drop it for various reasons and haven't come back to it since. Watching your videos, however, has really inspired me to want to give it a second look just for the chance of doing some of the insanely cool stuff you do here. Keep up the good work, and I greatly look forward to what you do with it next

[@oldchannelmadeanewaccount7947]

This looks super cool! Can’t wait to try it out :)

[@CF7ELL]

I loved the way your animation and presentation for the devlogs looked! I can't wait to get my hands on this tool once it goes open source!

[@joaonogueira3952]

This sounds like legit tghe best thing ever, I want to make a video just because of this.

[@MrPrachen]

sounds amazing I love your devlogs more and more and I'm looking forward to trying Motion Canvas myself

[@pleezon7854]

Genius. I want this.

[@theothetorch8016]

You continue to put out the most impressive things I've ever seen. Pixelart, animations, and now this... I love this channel.

[@KidWizardCartoons]

Now you're speaking my language.

[@jupahe6448]

I'm a huge fan of visualizers (mostly for algorithms) and software to create visualizations, so this immediatly grabbed my attention I always thought about making my own animation software because I love the idea of combining awaiting code and a timeline with dragable keyframes and so far I've not really seen software use that approach (except maybe the system Freya Holmer used for the Splines Video but afaik it's not publicly availible) so the tool you got here sound SUPER interesting to use and exactly like the thing I've been looking for all along, which is kinda crazy huge props for making it, it looks like so much work went into it and I'll definitly check it out as soon as it's open source

[@GunsForGuns]

I love animating with code and often use simple sin/cos waves to animate, its def a bit different than what was shown here but allows some really nice dynamic movement. anyway this is really cool and I'm glad you showed it :D

[@Poly_0000]

Absolutely astonishing

[@sanderbos4243]

I can't wait to give this a try once it is open-sourced, it looks magnificent!

[@TheThirdPrice]

You are incredible. This is my dream kind of project

[@battatia]

This is such a cool idea! Very excited to have a proper look once it's open-sourced

[@intangiblematter_misc]

I can't wait to write bindings for this because this looks like SUCH A COOL THING! Wish I new TS better tho.

[@Pipubbles]

I am constantly amazed by the level of depth and clarity in your videos and this video is not an exception. Like frick, I didn’t think that even the animations had an optimized ways of translating programming to code. Beautiful. Also I really want to use the pixel art lut to dynamically change outfits for my game.

[@xylarwardhan8445]

I've been watching your videos for a while from different accounts; you're brilliant

[@S41L0R]

I was thinking about your videos yesterday, and how I hoped one would come out. Not even joking thats the sort of stuff I think about sometimes. Thank you! It's literally because of the production quality and coolness of concepts, so this is fitting.

[@monsieuralexandergulbu3678]

Your voice is so pleasant and visuals are so good that I always slow the video down from 2x to 1x

[@jesco3921]

This looks insanely good, cant wait to try it, i've been feed up with AE expressions for way to long xD

[@dealloc]

Wow. Great work! I built a similar animation library for TUI and was originally made for building a story-driven game that ran purely in terminal. The game is no more, but I'm still tinkering with the animation library, which allows you to specify transitions between frames, so that you can create cool effects, like seen in Cogmind, for example. The animation library is agnostic to any renderer, as it mostly operates on values, of which there are many kinds (numbers, colors, keyframes-anything sequential pretty much, so generators and iterators, too). However, it also comes with a graphics compositor for TUI so that animations like fading with opacity and other smooth compositions are possible. It is also written in TypeScript, but I also had my stab at implementing it in Rust to see if I could squeeze even more out of it. With a good terminal renderer, you can get up to 60 fps pretty well.

[@artywolve]

If you built a house the way you make games, you'd start by researching brick clays, and reinventing glass production, I swear ^^ what's mind blowing is that the stuff you come out with is awesome and useful, despite effectively being a by-product of your work.

[@technik05]

This looks just like magic. Great work 👏

[@JumpingPistachio]

I love this so much. Cant wait for it to come out!

[@Szystedt]

I-I’m just so floored the video literally speechless, what the hell is wrong with you?! T-This is just insane, and I LOVE it. So incredibly impressive, I just hope you’re not paralyzed by perfection and this is actually hurting your mental health.