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

[@elidoz7449]

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.

[@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!

[@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

[@namordeihai6616]

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

[@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

[@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.

[@oliverdavies4196]

the top supporters sneakily placed in there is a nice touch

[@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.

[@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

[@frameofessence]

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

[@cfazilleau]

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

[@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

[@wazaDev]

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

[@kalvinpearce]

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

[@SpikeViper]

Absolutely beautiful work.

[@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

[@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!

[@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

[@CatOnDeWall]

This man is a mad lad.

[@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.

[@allesarfint]

Ok, this is pretty cool.

[@zFake]

Wow!

[@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.

[@Agent40infinity]

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

[@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

[@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…

[@avi12]

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

[@Dastmema]

Our pledges were listened. This dude is amazing

[@PrabowoMurti]

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

[@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

[@Skaara_exe]

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

[@early2000skid]

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

[@natyoboi5191]

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

[@Stallnig]

You're simply an artist in every possible way.

[@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.

[@-._]

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

[@theothetorch8016]

You continue to put out the most impressive things I've ever seen. Pixelart, animations, and now this... I love this 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!

[@ZooHair]

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

[@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.

[@stickyhairlesscats]

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

[@ahmedyousif4782]

the possibilities are endless, mind blowing 🤯

[@JFK37002]

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

[@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

[@HoloTheDrunk]

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

[@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.

[@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.

[@Poly_0000]

Absolutely astonishing

[@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.

[@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!

[@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!

[@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

[@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.

[@pleezon7854]

Genius. I want this.

[@sirgrem2988]

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

[@wheezard]

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

[@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

[@torppe2226]

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

[@NathanHedglin]

Absolutely amazing. I'll have to try this.

[@mz00956]

I love the Idea of animating with code

[@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.

[@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!

[@leshiy_nd]

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

[@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.

[@barigamb]

This is everything I ever needed. You are awesome.

[@JumpingPistachio]

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

[@technik05]

This looks just like magic. Great work 👏

[@joaonogueira3952]

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

[@AlekseyLoykuts]

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

[@oldchannelmadeanewaccount7947]

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

[@mtmzll]

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

[@AntoCharles]

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

[@altered_dev]

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

[@Loskir]

Looking forward to trying it out!

[@Vanawy]

Your channel is a gift. Awesome stuff, thanks!

[@dizer6586]

thats absolutely insane

[@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!

[@MrPrachen]

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

[@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

[@KitsuneAlex]

This is absolutely brilliant!

[@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

[@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

[@TheStringBreaker]

*This looks phenomenal!*

[@Xeab]

This is frankly amazing

[@nate1980]

Literally insane !

[@pladselsker8340]

I think the fact that you made animations to show off your animations is both funny and really cool. Keep up the great devlogs! Can't wait to play the game when it's out :)

[@xylarwardhan8445]

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

[@Chribit]

I absolutely need this tool! Can‘t wait to try it!

[@Chribit]

You are the first creator i‘m actually considering supporting on patreon, simply because that motion canvas access sound suuupppeeerrr tempting

[@monsieuralexandergulbu3678]

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

[@snake3444]

This channel is GOLD

[@Cakts]

I love this channel so much.

[@cristobalheredia8333]

A really interesting and amazing approach, thanks for the video!