Motion Canvas is now Open Source!

Поделиться
HTML-код
  • Опубликовано: 10 июн 2024
  • === Check out Motion Canvas ===
    motioncanvas.io
    === Support the Channel ===
    / aarthificial
    === Livestreams on the Second Channel ===
    ruclips.net/user/aarthificial2...
    === Wishlist Astortion on Steam ===
    store.steampowered.com/app/19...
    0:00 Introduction
    0:38 Signals
    2:15 Layouts
    3:00 User Interface
    3:26 Closing Thoughts
    === Tools I'm using ===
    Motion Canvas
    Affinity Designer
    DaVinci Resolve
    Audacity
    === Music ===
    "No.10 A New Beginning" by Esther Abrami
    "Two Moons" by Bobby Richards
    "Interstellar Mood" by Nico Staf
    #MadeWithMotionCanvas

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

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

    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_ Год назад +4417

    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 Год назад +84

      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 Год назад +1977

    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  Год назад +187

      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 Год назад +778

    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).

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

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

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

    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.

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

    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 💀

    • @brunoaltoe100
      @brunoaltoe100 Год назад +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

    • @brunoaltoe100
      @brunoaltoe100 Год назад +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.

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

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

    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

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

    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

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

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

  • @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 :) ).

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

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

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

  • @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 :)

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

  • @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 🔥👏

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

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

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

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

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

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

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

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

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

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

  • @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?

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

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

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

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

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

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

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

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

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

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

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

    That looks amazing. Can't wait to try it out! Thanks for sharing!

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

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

  • @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 :)

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

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

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

    This is absolutely stunning! Phenomenal work!

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

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

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

    Finally :D. Thanks!

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

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

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

    Powerful tools made simple to use, I'm really looking forward to using this software ♡

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

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

  • @_Nikko_-cz8mi
    @_Nikko_-cz8mi Год назад

    This is incredible! Well done! Definitely want to try this!

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

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

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

    Congrats! This looks amazing.

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

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

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

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

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

    Amazing job launching this, looks super helpful and straight-forward to use!

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

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

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

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

    This is so great on so many levels. Thank you for your fantastic work 🙏

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

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

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

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

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

    Incredible tooling! Your mind is truly an impressive construct mon ami! Inspiring to see this level of consistent creativity & productivity!!

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

    This looks so goood! Can't wait to try it out!

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

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

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

    you're just going to drop this on my birthday, i feel so blessed 💖

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

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

    This is fantastic. Thanks for all of your hard work on this and for making it open source. I look forward to further documentation and/or tutorials.

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

    Congratulations on the release!

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

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

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

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

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

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

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

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

  • @khoinguyen-ft2ys
    @khoinguyen-ft2ys Год назад

    Thank you for your awesome library!

  • @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 (:

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

    This is amazing, great work!

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

    Looks really good! I've been wanting to do this myself for a while now. Guess that it won't be necessary! Can't wait to check it out, thanks a lot for your work

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

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

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

    This is.. exceptional. I'm really looking forward to seeing what can be done with this, both for myself and others.

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

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

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

    This looks amazing, I can't wait to try it! Well done!

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

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

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

    This is superb! Thanks for this man! Not interested at all in game dev but just subscribed to the channel because of this!

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

    Wow this is awesome and simple. I will definitely use this in my future projects

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

    Thank you so much for the tool. It looks awesome.

  • @SRG-Learn-Code
    @SRG-Learn-Code Год назад

    Really cool, both the tech and the release of it. I'm also very excited about the docs related to the architecture of the project. Many projects forgets this part and it's really hard to collaborate or learn from the source. Canvas is topic I recently discover and a project like this could be an eye-opener for me. Thanks for sharing.

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

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

    This is awesome! I hope it will go viral.

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

    THAT’S AWESOME!!! Wow. And code looks clean. Gotta check it out

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

    Very excited to try this out! I might use it in my next video

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

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

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

    This looks amazing! Thank you!

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

    this is so cool. i really wanna use this to make presentations in the future. thank you for your hard work

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

    Damn, that's freaking impressive. Amazing work.

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

    I am so glad I just found this.
    this is amazing.

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

    I'm so grateful for this awesome dude.

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

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

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

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

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

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

    Started with motion canvas some days ago and I love it!

  • @iub.9893
    @iub.9893 Год назад

    Trully inspirational and revolutionary, i'll definetly check it out!

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

    Omg !! This is amazing ! Bravo !