Animating with Code - Motion Canvas
HTML-код
- Опубликовано: 31 май 2022
- How do I make animations for my devlogs?
Today's the day I answer this age-old question.
=== Wishlist Astortion on Steam ===
store.steampowered.com/app/19...
=== Support the channel ===
Patreon:
/ aarthificial
RUclips Memberships:
ruclips.net/user/aarthificial...
=== Tools I'm using ===
JetBrains Rider
Unity
Motion Canvas
Adobe Illustrator, Premiere Pro, Audition, Photoshop
=== Music from Epidemic Sound ===
www.epidemicsound.com/referra...
Luella Gren - There Is Something about the World:
• Luella Gren - There Is...
#MadeWithMotionCanvas
Motion Canvas is now Open Source!
motioncanvas.io
Is there a list of components like the ColorPicker?Or did you just code it for you(not published)?
Finally something that gonna make me want to use typescript
devlogs so in depth that they are about how to make devlogs, unprecedented stuff
it's becoming meta
devlogception
625 likes = 5^4
I heard you like devlogs. So I made a devlog about making devlogs with a tool I made for devlogs.
The fact that he used this software to showcase this software blows my mind
Turingish kinda
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
meta animation 😄
@@irlporygon-z6929 yeah, the entire godot app is a godot app iirc.
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.
Had to pause the video because I was left speechless. Damnnnn.
yeah, that's cool :)
did you know that 3Blue1Brown also made his own animation software for making the videos he does?
I am so jelly! I want to use it!
@@ArielLothlorien jelly belly
@@MidnightSt Manim was mentioned in the video.
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..._
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.
@@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._
@@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.
@@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.
@@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.
Those abstractions looks delicious 🤝
ó o cara aqui lol
aee man
falae
Insano né
Estranho o michel teló aq
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.
“… 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!
Hmm
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
Thanks, I'm happy to hear that!
Grant from 3Blue1Brown is a person I really look up to
@@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!
I just love your style: How to make devlog production easier?
Let's create new software to animate things!
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
the top supporters sneakily placed in there is a nice touch
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.
Impressive stuff!
One thing I'm wondering is how you implemented scrubbing, does it need to evaluate all the previous commands?
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
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
i am a simple man
i see new aarthificial upload
i say to myself *"LET'S FRICKIN GOOOO"*
*i click*
This is incredible! Also I guess you'll have to update the "Tools I'm using" section in your description 😉
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
Looking great :) can't wait to try it out 👍
This is incredible. This guy builds a software for showing other people how he builds his other Software. Thats some serious dedication.
Pro stuff, damn
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
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.
You know this isn't the first example of programmatic animation right? Not by multiple decades.
Every video leaves me speechless, your style is amazing. Having this open source would be amazing can't wait
Wow! I've been looking for something like this! Looking forward to trying it out.
“Animation, but programmatically”
Man, i have been thinking this for years, and I found this channel. Great job!
Using components to animate reminds me of "Remotion" but *this* way of animating is soo much better! Cant wait to try it out!
Absolutely beautiful work.
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
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.
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
This has just changed my entire perception of what these videos embody and it’s fucking ingenious
Absolutely amazing. I'll have to try this.
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!
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…
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!
I've watched this video so many times now. This is amazing, can't wait to play with it!
I love this so much. Cant wait for it to come out!
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
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
I'm so excited to see where this project goes, it looks super promising and you put out awesome content.
This is a seriously impressive framework you've built. Absolutely amazing work!
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
As someone who quite likes animating “with code” dynamically in engines as opposed to externally (though I can still do so) this is honestly just so so cool!
This is definitely the coolest usage of generator functions I've ever seen
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.
This is very impressive. Can't wait to try it out
This looks super cool! Can’t wait to try it out :)
Your channel is a gift. Awesome stuff, thanks!
This looks like truly incredible work. Great job, can’t wait to learn more!
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.
Genuinely so excited for this, it's exactly what I more or less dreamed of creating multiple times in the past few years
This is so cool, im so keen to get to try this out!
This looks just like magic. Great work 👏
This is everything I ever needed. You are awesome.
This totally blows my mind. You are a true genius.
This is absolutely brilliant!
It looks awesome. I can’t wait to try it out
This is a smart approach to making devlogs.
I love it
sounds amazing
I love your devlogs more and more and I'm looking forward to trying Motion Canvas myself
This is such a cool idea! Very excited to have a proper look once it's open-sourced
A really interesting and amazing approach, thanks for the video!
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!
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.
the possibilities are endless, mind blowing 🤯
*This looks phenomenal!*
Amazing! thanks for sharing man love all your work!!! the best!
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
wow, this is absolutely amazing, I now kinda started thinking of making such thing too
I absolutely need this tool! Can‘t wait to try it!
You are the first creator i‘m actually considering supporting on patreon, simply because that motion canvas access sound suuupppeeerrr tempting
As always insane work !
Our pledges were listened. This dude is amazing
i absolutly love animating with code so this would be a blessing
Always wanted to know how you make these, thank you aarth!
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.
You are incredible. This is my dream kind of project
You're simply an artist in every possible way.
Omg your work is so beautiful
Such a great idea. I love that you'd make it open source. I always learn something new from your wonderful work! ❤
This seems great, I would love to get my hands on it!
So excited for this ✨✨ Can't wait for it 😖😍
Honestly this is the most advanced programer is the most underrated.
Wow I am so excited for this. I've literally even stressing out for so long because I can't have after effects and seems like there's no greater other options for making nice looking videos. It's kind of crazy how simple what you're doing is and yet the results are really good.
I can't wait to give this a try once it is open-sourced, it looks magnificent!
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!
I love this channel so much.
that’s insane, i love it!!
Absolutely astonishing
Looking forward to trying it out!
Creating your own software for animating devlogs is a mean ass flex ngl
Wow, I'm beyond impressed lol I thought your other videos were impressive but seeing the amount of time and dedication you put into making those videos makes it way more impressive than I could have ever imagined. Keep up the amazing work and I hope to see more of your tools and quick tips that increase your productivity and workflow. My favorite tool besides the one you showed was your real-time animation tool because I never considered real-time cutscenes in a 2D game
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.
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.
oh... that's dope, man! Congrats!
Your videos really are the gold standard when it comes to devlogs or technical videos in general
Bruh, now that's dedication to your own game and channel.
Very inspiring video. Thanks you very much
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 :)
Looks excellent!
This is so damn cool I can’t wait to use this in my own way
This is incredible.
This sounds like legit tghe best thing ever, I want to make a video just because of this.
This looks incredibly handy- I had played around with an imperative animation framework that worked with skeletons and simple 2d animations, but I love the approach you took with generators!