Motion Canvas is now Open Source!

Поделиться
HTML-код
  • Опубликовано: 20 дек 2024

Комментарии • 617

  • @aarthificial
    @aarthificial  Год назад +365

    The source code for this video is available here:
    github.com/motion-canvas/examples

    • @t3ssel8r
      @t3ssel8r Год назад +10

      Thanks for the examples! they really fill in the gaps in the api documentation. The tooling around `CodeBlock` looks really nifty! Particularly the way `edit()` works. I'm excited to evaluate this as a candidate for the code segments in my future videos :)

    • @Teturarsyra
      @Teturarsyra Год назад +5

      Nice project! Maybe put a link somewhere to the video that broadly present motion canvas because it was a bit hard to find (youtube recommended me this video first)

    • @simian3455
      @simian3455 Год назад

      Thanks to this amazing software you made, the animations in this video were absolutely amazing. Appreciate that you made it open source.
      𝚃𝚑𝚊𝚝'𝚜 𝚅𝚎𝚛𝚢 𝙽𝚒𝚌𝚎

    • @peterbelanger4094
      @peterbelanger4094 Год назад +2

      Ugh, I hate web based editors. How about some real software that can be downloaded and run locally? Enough of this 'everything on the cloud' nonsense.

    • @capsey_
      @capsey_ Год назад +5

      @@peterbelanger4094 but this editor DOES run locally, just in the browser, wdym

  • @capsey_
    @capsey_ Год назад +4450

    This guy just did the impossible - finished a project that started as "existing tools are not good enough, let me make my own". Jokes aside, I can see this becoming very revolutionary for RUclips educators similarly to manim.

    • @kongolandwalker
      @kongolandwalker Год назад +85

      For me it looks even more newcomer friendly than manim

    • @ty.davis3
      @ty.davis3 Год назад +46

      @@kongolandwalker Grant Sanderson himself said that he didn't intend on making it for others to use and didn't have newcomers in mind when he developed the tool

    • @kongolandwalker
      @kongolandwalker Год назад +9

      @@ty.davis3 it only proves my point.

    • @andydataguy
      @andydataguy Год назад +8

      Just discovered your channel. Thank you for opensourcing this!! I've been hoping for a programmatic animations tool for years

    • @ymndoseijin
      @ymndoseijin Год назад +9

      @@ty.davis3 it's simply superior, and it seems much more performant than manim as well, at least until the community edition fixes and adds core stuff to the opengl implementation of it. might even be more powerful considering it's using css too, I wonder if you can use webgl with it so you could build shaders?

  • @erikahlundhelguera
    @erikahlundhelguera Год назад +1993

    No library is good enough? Let me just make a new one and release it, open source, with full documentation while I'm development my own game. You're amazing! Big congrats! It must've been so much work. Not only all the coding but also writing the documentation, wanting to have everything stable for release, etc.
    I will definitely take a look at it this weekend (especially intrigued by the code. Now take a deserved time off and don't burn yourself!

    • @aarthificial
      @aarthificial  Год назад +188

      Thank you! "full documentation" is a bit of an overstatement though, there's still plenty to document :)

    • @_chadrose
      @_chadrose Год назад +55

      @@aarthificial even so, it already made me feel confident enough to get started! That's saying a lot because I had numerous experience with poorly documented programs before and the confusion quickly made me unmotivated to try out new stuff. Keep up the good work, man! Hope this blows up and we can get a "Firefox situation" going where making it open sourced led it to huge success at the time.

    • @demp11
      @demp11 Год назад

      @@aarthificial compared to the python based software from 2blue1brown, this seems so much more intuitive and doable in comparison, even though he was already simplifying it.

    • @mylegendaryway3105
      @mylegendaryway3105 Год назад

      。。。..AI?

    • @armanke13
      @armanke13 Год назад +1

      And make a beautiful animated youtube video explainer, nonetheless.. this video is process documentation.. a really nice one

  • @ArkhamCookie
    @ArkhamCookie Год назад +781

    I've been looking forward to this ever since you first talked about it. I was even starting to worry, but it is amazing how fast you got it to this level. Time can just be weird. I've already starting learning/playing with it.
    Also, I love that you're using Motion Canvas to create the Motion Canvas (videos).

  • @tisaconundrum
    @tisaconundrum Год назад +75

    Holy shit! Open source and everything!! Here's some money because this is the most beautifully created masterpiece ever. I'm crying

  • @Rayo75
    @Rayo75 Год назад +472

    Yess, finally! HUGE props for making a tool of this caliber open source. I'm sure this will aid many programmers in expressing their ideas, myself included!

    • @TetyLike3
      @TetyLike3 Год назад +2

      i can agree, i can 99% see this helping me in a Roblox programming tutorial I'm making 💀

    • @brutexx2
      @brutexx2 Год назад +1

      You have no idea! I was looking for something like this, so happy it was recommended to me :DDD

    • @WantOxide
      @WantOxide Год назад

      How? This looks like a useless toy and I'm a programmer myself

    • @Rayo75
      @Rayo75 Год назад

      @@WantOxide It's PowerPoint for programmers

    • @brutexx2
      @brutexx2 Год назад +1

      @@WantOxide It's great to create didatic videos about many topics. They likely refer to programmers because the tool itself relies on programming, making said group more proficient at it.

  • @devwulfcodes
    @devwulfcodes Год назад +164

    What a wonderful tool! The only thing that amazed me even more is your dedication to not only finish everything, but also polish and make everything right. I've seen many projects that started great but are now abandoned (mine included). You've really inspired me to continue working on those projects and to stick with it until the end. Thank you for your amazing work!

    • @OsamaSpinLadeen
      @OsamaSpinLadeen Год назад +15

      bro donated 500 of a programming language (php)

    • @pedro.brantes
      @pedro.brantes Год назад +5

      @@OsamaSpinLadeen What is the HTML exchange rate?

    • @quinndirks5653
      @quinndirks5653 Год назад +3

      @@OsamaSpinLadeen Philippine Peso, 500 = $8.98

  • @gridgaming_
    @gridgaming_ Год назад +147

    This guy really started out with "im just gonna make a game, shouldn't be too big of a project, this is my first one" and has ended up not only making what looks like a very complex, intriguing game, but also publicly releasing some revolutionary tools along with it. truely a legend.

  • @the_yashe
    @the_yashe Год назад +194

    Congratulations on the brilliant signal concept. I've been following your work since the start of your channel and I must say, it's very impressive. The effort put into releasing the full software and its comprehensive documentation is truly commendable. The decision to make it open-source is a testament to your commitment to the community and shows your generosity - it's a giga chad move to be honest. Keep up the great work! Cheers!

  • @NatteDweil
    @NatteDweil Год назад +63

    Thank you, SO MUCH! I've been looking for a good animation-as-code tool for ages and it looks like this is IT.

  • @noahwinslow3252
    @noahwinslow3252 Год назад +80

    This is like 3 blue 1 brown animated slides but for TS. I was literally working on something similar last week and then this video pops up and blows me out of the water! Amazing work, love the implementation of signals

  • @ashermathewsshaji2631
    @ashermathewsshaji2631 Год назад +2

    This will be revolutionary tool for math educators♥️♥️♥️

  • @leodesaintsalvy6948
    @leodesaintsalvy6948 Год назад +36

    The efforts you go to to not only make stuff like this but also fully document it is jaw-dropping. Huge respect

  • @alish2001
    @alish2001 Год назад +3

    Every now and then the youtube algorithm recommends a GEM of a channel like yours.
    As a software engineering student + motion graphics designer this is a combination of worlds I've been longing for.

  • @VDurel
    @VDurel Год назад +13

    No words are good enough to congratulate you on this release. Like many other commenters, I have no idea how you even manage to do this while designing, coding and making assets for Astortion.
    Thank you for blessing the community with this tool, and thank you for the high quality content you make :)

  • @early2000skid
    @early2000skid Год назад +25

    Man, you're an inspiration to other devs and dev content creators. You've created a variety of interesting and actually useful tools and concepts for game development - that are not just unique to your project but can be applied to other projects your viewers might be working on - and then elegantly communicated how to implement or use them in a series of entertaining videos. I'd resolved to donate to your patreon once Motion Canvas launched to get access, but now you've gone and launched it open source and free to use. I'm speechless. Donating to your patreon now man, you do amazing work Aarth :)
    Can't wait to see where Motion Canvas and Astortion go from here (but for now take a well deserved break soon :) ).

  • @manumiu
    @manumiu Год назад +3

    Wow, this is impressive! *Thank you so much!*
    How long does it take you (approximately) to create a complete video such as the Deferred Lights video?

    • @aarthificial
      @aarthificial  Год назад +2

      Thanks! Usually one to two weeks

    • @manumiu
      @manumiu Год назад +1

      @@aarthificial That's faster than I thought for the quality of your videos 👍
      Well done!
      BTW: I played with motion canvas and it works like a charm. The only thing I've noticed is, that you can't select (by clicking on) objects that are underneath another object. Is there a key combo to achieve that?

  • @Rawi888
    @Rawi888 Год назад +1

    I’m puzzled how I stumbled here and immediately became a fan.

  • @dreamingtulpa
    @dreamingtulpa Год назад +26

    Finally 🔥🔥🔥 Great job Jacob and a huge thank you for putting this amazing library into the hands of the community 🙌

  • @nonso8647
    @nonso8647 Год назад +1

    I've been very hesitant to start my educational RUclips channel but seeing this video just gave me the jolt I needed. Thank you for making such a powerful tool

  • @Fopull
    @Fopull Год назад +2

    This is incredible!!

  • @brunokaiser3497
    @brunokaiser3497 Год назад +2

    Started watching because of your game development, continued for all the amazing ideas and ways you document your work. Never thought I'd enjoy different types of software being created and documented on YT, but here I am.

  • @predopogdois
    @predopogdois Год назад +7

    I was so hyped for this tool! You have amazing coding skills.

  • @schlopping
    @schlopping Год назад +1

    100k is VERY NEAR. Glad I've been here for the journey

  • @RenderingUser
    @RenderingUser Год назад +14

    LETS GOOO
    I've been waiting since the first announcement of the tool on this channel
    You sir are the greatest thing that happened to gamedev on RUclips so far
    Time to make some epic videos
    My whole weekend is now so much better

    • @RenderingUser
      @RenderingUser Год назад +2

      so uhh...
      ```
      npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I'll try to do my best with it!
      ```
      this gonna be alright?

  • @igniuss
    @igniuss Год назад +1

    This is incredible! I was working on something similar in C# but decided to pause it when your first video of Motion Canvas came out.
    Can't wait to try it!

  • @CamelliaOleifera
    @CamelliaOleifera Год назад +2

    congrats on the release! looking forward to seeing what kinds of new projects this enables

  • @twonyn7204
    @twonyn7204 Год назад +1

    This looks awesome! Im a junior animator of sorts but had 1 year of computer science university and the code looks simple enough for me to use this awesome tool that is capable of things adobe tools aren’t! Huge congrats

  • @BettaTech
    @BettaTech Год назад

    This is beyond incredible. Amazing work. I think i'll investigate this and start using it for my own videos. This amazing product needs to be made known to all the community!

  • @HJfod
    @HJfod Год назад +5

    This is absolutely amazing, I've been really interested in this tool since you first previewed it and I'm pumped to give it a shot.

  • @alexisfy
    @alexisfy Год назад

    I knoooww I'm watching something important but my lack of knowledge in code makes it really hard for me to appreciate it, I'm very visual and this, actually lets me understand code much, much faster. Thank you, This is a great contribution.

  • @fraser21
    @fraser21 Год назад +4

    The idea of using generators to represent animations felt genius from moment I heard it. Love to see this thing fully fleshed out.

  • @DrNabeel20
    @DrNabeel20 Год назад +36

    Your work is god-level! super inspirational and every time I watch your videos you remined me why I love programming and inspire me to be as good as you :D Great job 🔥👏

  • @kerkzhan1398
    @kerkzhan1398 Год назад +14

    Love that the syntax with the signals are similar to SolidJS. This is really great stuff. I've been following you for awhile and your work has been amazing.
    As someone who started out with pixel art when younger, and then picking up game dev in college, you have inspired me on the kind of programming I want to do. So many of your concepts were once things I dreamed of trying to do when I got better at programming.
    I transitioned to Web Dev to get a stable job but games have always been a passion of mine. Hopefully one day I'll get back to it! Thank you for these videos!

  • @richtigmann1
    @richtigmann1 Год назад +1

    oh my god, this is amazing! I could seriously see this being a thing people widely use for making animations in a technical way

  • @godnyx117
    @godnyx117 Год назад +6

    I know you are taking tons of messages but I just wanted to add my own as well! I don't have any experience with animations but this tool seems amazing! It's really awesome that you opened-sourced it! Thanks a lot and I wish you to have lots of fun in whatever you're going to do in the future! Videos like this one motivate me to keep progressing!

  • @mjhc25
    @mjhc25 Год назад +1

    You were already an incredible person, but this is a whole new level. Thanks for existing, and for being an inspiration, really

  • @marlonruvalcaba386
    @marlonruvalcaba386 Год назад +2

    I love how it started in a game but evolved into the release of a powerful tool and crazy good editors.

  • @SanderBruggeman
    @SanderBruggeman Год назад

    I've looked for tutorials or "real world" examples of generator functions in JavaScript to get a grasp of them or get a feeling of what would be the use of them in everyday programming, but never really felt like I got it. Until working with this library. It made me understand generator functions by actually using them and also see how they can be used to accieve really powerful things. Thanks!

  • @ChristopherCricketWallace
    @ChristopherCricketWallace Год назад +2

    Amazing. When I see projects like this I question my own intelligence and how I spend my time. This is sooooo inspiring (and intimidating). This is impressive work, dude.

  • @polrk
    @polrk Год назад

    I'm unbelievably amazed! This is the best thing I have ever seen in my life! Thank you so much for such an incredibly powerful and fantastic tool! All my life I wanted to create video tutorials, but I was stopped by the lack of time due to the large labor costs, with this framework I can implement everything much faster and easier!

  • @ns4k_tv
    @ns4k_tv Год назад +3

    Woah! this is amazing!! As an AE user and as as Software Engineer, this is HUGGEE!! Kudos to you! Hope I can comprehend enough so that I can contribute to the project!

  • @FilledStacks
    @FilledStacks Год назад

    Wooooooo hoooooooooooooooo!!!! I just started my RUclips Fulltime journey again. I'm veeeeery excited about this. I'm going to start using it immediately. Great to see that there's docs for this now ... I'm going through all of it today! Thank you for all the effort and your hard work. I personally appreciate it a lot.

  • @ThingEngineer
    @ThingEngineer 3 месяца назад

    This is amazing Jacob, and so awesome of you to share it! A million thanks!

  • @iwsfg
    @iwsfg Год назад

    Oh wow, there was a public release.
    For the past three days I've been thinking "hm, I wonder how the motion canvas and that polish guy's game is doing, I haven't seen any videos from his vlog in a while" but every time I'd forget by the time I got to keyboard. Finally remembered to check. Looks like youtube stopped sending me notification emails about new videos.
    Thank you for a great tool!

  • @Szystedt
    @Szystedt Год назад +4

    This is seriously amazing! I struggle to believe you did this on _the side_ while working on your game

  • @10vogels
    @10vogels Год назад

    Thanks

  • @AnnisVeryGoodGames
    @AnnisVeryGoodGames Год назад +27

    This looks awesome! I have a bunch of video ideas around more technical topics, and I'll definitely give Motion Canvas a try when I get to these. The types of slick transitions and animations in your videos take ages in classic editing tools, though that is probably also because I don't know what I'm doing in those. Motion Canvas looks much more usable to me.

  • @TheInevitableHulk
    @TheInevitableHulk Год назад +2

    That explanation of how generator functions work in the animation flow docs was the most cohesive description I've heard so far.

  • @quriz4609
    @quriz4609 Год назад +10

    I love the really well designed and intuitive UI. It also looks like a joy to code with. A great alternative to Manim, if not better!

  • @cowjuh
    @cowjuh Год назад +2

    i cannot believe this is open source! so excited to use it and maybe even contribute to it this is INCREDIBLE thank you so much

  • @Speykious
    @Speykious Год назад +18

    Mad respect for making an open-source tool to do simple motion animations like this. You basically created an Adobe After Effects competitor for motion design at this point.

  • @Lochyj0001
    @Lochyj0001 Год назад +1

    I have to say, you are genuinely one of, if not the best youtube programmer

  • @anoirbentanfous
    @anoirbentanfous Год назад +1

    Thanks for YT algorithm for this discovery :)

  • @ezrayoung6029
    @ezrayoung6029 Год назад +1

    this guy is severely underrated. he deserves more support for the effort he puts in all his videos

  • @GglSux
    @GglSux Год назад +1

    Mind boggingly impressive, on multiple levels. Massive kudos to Your accomplishments, and also for making it "open" !!
    And also a big thank You to Your patreons who help making it possible for You to do it.
    Best regards.

  • @ISuperI
    @ISuperI Год назад

    No way boy! You finally did it!
    Huge thanks for making it open source, I'm excited to see how far it goes =)

  • @ZTimeGamingYT
    @ZTimeGamingYT Год назад +1

    Woah! The amazing tool is now available! Great work so far!

  • @tokuvu
    @tokuvu Год назад

    Amazing job, really. Releasing a new tool whilst developing a game takes so much dedication and honestly motion canvas looks like something I'll have fun testing out. Thanks for releasing it open source and just, great job!!!

  • @nostalgie3282
    @nostalgie3282 Год назад

    感謝の言葉を言わずにはいられない。素晴らしいソフトを公開してくれるなんて本当にありがとう

  • @lordcuupa2896
    @lordcuupa2896 Год назад

    I think you are the smartest gamedev youtuber i know.
    your videos are a huge inspiration for me to learn game development and coding.
    the fact that i`m struggling so much to even learn Python realy shows me how smart you are.

  • @pastpresence8173
    @pastpresence8173 Год назад +1

    Love your projects and seeing the progress, big respect and keep doing what you do man

  • @jojodi
    @jojodi Год назад +4

    Congrats mate :) Such a fantastic concept, and it looks great! I'm looking forward to contributing :)

  • @AhmedEssam_eramax
    @AhmedEssam_eramax Год назад

    Thanks!

  • @thatdevsherry
    @thatdevsherry Год назад

    I've just started using motion canvas, and I find it very useful. Thank you so much for working on it and making it public!

  • @mrOverYeff
    @mrOverYeff Год назад

    Danke!

  • @eftorq
    @eftorq Год назад +2

    This feels like cavalry but totally scalable with a lot more possibilities. I can’t code, but I’d love to use this some day! You are awesome

  • @huangwilliam9880
    @huangwilliam9880 Год назад +1

    I'm so grateful for this awesome dude.

  • @KiwiRedstone
    @KiwiRedstone Год назад +2

    Wow, I tried playing with it for a whole day and I'm not disappointed at all. Also, congrats for 100K subs. I'm very new here, knowing you from friend's recommendation of Motion Canvas. Excited to see what you will come up with in the future!

  • @SalymGuer
    @SalymGuer Год назад

    Okay we need more tutorials about this awesome tool. This is awesome, thank you for making it possible !

  • @andermium
    @andermium Год назад +1

    One of the best things about motion canvas to me, is that it should be possible to integrate with other typescript projects to easily create engaging tutorials. These should even be able to update automatically I'm thinking!

  • @bomdiajj
    @bomdiajj Год назад

    that's amazing!!! congrats on the launch. will take a look and definitly use it myself!

  • @WuchtaArt
    @WuchtaArt Год назад +1

    Cutting edge stuff as always!

  • @igrb
    @igrb Год назад +1

    LFGGG, The site looks amazing and I can't wait to dive into the source code

  • @AByteofCode
    @AByteofCode Год назад

    I've been waiting for this for so long, thanks so much for releasing it!
    Definitively gonna try and use this for my next video :)

  • @ReBufff
    @ReBufff Год назад

    Congratulations on the release!

  • @bilalinci4981
    @bilalinci4981 Год назад +2

    Finally :D. Thanks!

  • @khurramrs
    @khurramrs Год назад

    Thanks for showing us the true culture of Oman up close. Its like going back in time ... The people seem very nice, humble and genuine

  • @arkle111
    @arkle111 Год назад +1

    this is great! Your game dev stuff is some of my favourite on youtube because you reaally target programmers, rather than hyper focusing on being funny and entertaining

  • @jadivods
    @jadivods Год назад

    We look forward to where this goes in the long run, we like the idea of a video editor that gives you full control of what it does rather than being something rigid and limiting.

  • @_Cuddles
    @_Cuddles Год назад

    Congrats on the release! I absolutely love your videos and can't wait for more!, keep up the amazing work

  • @tleanvasner6866
    @tleanvasner6866 Год назад

    oh, THAT what you've been working on all that time! good job, man!

  • @sythatsokmontrey8879
    @sythatsokmontrey8879 Год назад

    This is one of the most convenience tool I have ever seen. Great job!

  • @DaffyDuckTheWizzard
    @DaffyDuckTheWizzard Год назад

    I truly appreciate your work and admire your competence as a programmer and problem solver

  • @vaap
    @vaap Год назад

    wow the use of iterators is so cool i wish js devs hadn't seemingly forgotten about them as much as it seems they have...

  • @func_e
    @func_e Год назад

    aaaaaaaaaaaaaaah! I'm so happy! Thank you so much! This is very nice of you to do =D

  • @alfredogonzalez9420
    @alfredogonzalez9420 Год назад

    this looks amazing! you're what every developer aspires to be, I for sure will check it out this week.

  • @levilukeskytrekker
    @levilukeskytrekker Год назад

    This is incredible! Thank you for making this open source-I hope it continues to grow! I'm not sure yet exactly how to download and use this, but I definitely hope to take a look at it more, this looks like a really slick and useful tool.

  • @FractalCycle
    @FractalCycle Год назад +1

    Holy heck, I gotta use this!

  • @a3ptx_myarmygame227
    @a3ptx_myarmygame227 Год назад

    A non-coder like me can't do the motion with code but this is gonna be a huge impact on motion design in the future, with more creativity and saving so much time.

  • @GhostManZero
    @GhostManZero Год назад +1

    This is amazing, great job!

  • @zephyr733
    @zephyr733 Год назад

    This is going to entirely change the way I work with equations. I've been wanting exactly this. Thank you

  • @nevesto
    @nevesto Год назад +2

    Your channel is simply beautiful, everything that I find it difficult to learn on my own you show in a super didactic and content-rich video. I love your channel (:

  • @santifiorino
    @santifiorino Год назад

    This looks great! I'm definitely gonna check it and give it a try. Thanks for sharing your work!

  • @JohnMitchellCalif
    @JohnMitchellCalif Год назад

    I'm a technical educator who'd *love* to illustrate concepts using simple dynamic visuals. This is perfect -- thanks so much!

  • @DetectivePoofPoof
    @DetectivePoofPoof Год назад

    WOW thats amazing! You did an excellent job with this!

  • @FazriGading
    @FazriGading Год назад

    This is definitely revolutionary. I'd love to see more of this development. I appreciate all your work, dude. Subscribed!

  • @Linuxfy
    @Linuxfy Год назад

    Congratulations on releasing this project. Looking forward to trying this. 😊

  • @SkalskiP
    @SkalskiP Год назад

    I'm honestly blowned away... I neeeed that!

  • @mehmeh8883
    @mehmeh8883 Год назад

    FINALLY I've been waiting for this!!