TomkoTech
TomkoTech
  • 34
  • 4 646
Motion Canvas Projects | Gears | Part 3 | Raw
Liked this video? Watch the rest using the Learning Motion Canvas Playlist: th-cam.com/play/PLDgS2Xnkzn0nQ4RCCwlQKY2Ed4N0hiOlJ.html
Welcome to my channel! 🚀 Today, we're going to continue with our first project. Over the summer a friend of mine had an internship and made a video for her presentation. She then shared it with me to try to recreate which we are continuing today.
For all the source code, please visit my new site tomkotech.io/docs/motion-canvas/projects/gears/
In the last video we created the people and moved the gears around, in this video we refactor some of the code, and added the arrows and words.
Links:
* motioncanvas.io/
* tomkotech.io/
มุมมอง: 7

วีดีโอ

Motion Canvas Projects | Gears | Part 2 | Raw
มุมมอง 2016 ชั่วโมงที่ผ่านมา
Liked this video? Watch the rest using the Learning Motion Canvas Playlist: th-cam.com/play/PLDgS2Xnkzn0nQ4RCCwlQKY2Ed4N0hiOlJ.html Welcome to my channel! 🚀 Today, we're going to continue with our first project. Over the summer a friend of mine had an internship and made a video for her presentation. She then shared it with me to try to recreate which we are continuing today. For all the source...
Motion Canvas Projects | Gears | Part 1 | Raw
มุมมอง 4614 วันที่ผ่านมา
Liked this video? Watch the rest using the Learning Motion Canvas Playlist: th-cam.com/play/PLDgS2Xnkzn0nQ4RCCwlQKY2Ed4N0hiOlJ.html Welcome to my channel! 🚀 Today, we're going to start with our first project. Over the summer a friend of mine had an internship and made a video for her presentation. She then shared it with me to try to recreate which we are starting today. For all the source code...
Learn Motion Canvas with Me - Livestream 21 - Learning about the Blog
มุมมอง 4621 วันที่ผ่านมา
Liked this video? Watch the rest using the Learning Motion Canvas Playlist: th-cam.com/play/PLDgS2Xnkzn0nQ4RCCwlQKY2Ed4N0hiOlJ.html Welcome to my channel! 🚀 Today, we're diving deep into the Blog in Motion Canvas. I've got it all covered for you. Why this series? Well, I've noticed that there's a gap on TH-cam - while programming is often glamorized, the actual struggles and real experiences ar...
Learn Motion Canvas with Me - Livestream 20 - Learning about API
มุมมอง 5028 วันที่ผ่านมา
Liked this video? Watch the rest using the Learning Motion Canvas Playlist: th-cam.com/play/PLDgS2Xnkzn0nQ4RCCwlQKY2Ed4N0hiOlJ.html Welcome to my channel! 🚀 Today, we're diving deep into API in Motion Canvas. I've got it all covered for you. Why this series? Well, I've noticed that there's a gap on TH-cam - while programming is often glamorized, the actual struggles and real experiences are rar...
Learn Motion Canvas with Me - Livestream 19 - Learning about Advanced Options
มุมมอง 54หลายเดือนก่อน
0:Liked this video? Watch the rest using the Learning Motion Canvas Playlist: th-cam.com/play/PLDgS2Xnkzn0nQ4RCCwlQKY2Ed4N0hiOlJ.html Welcome to my channel! 🚀 Today, we're diving deep into Advanced Options in Motion Canvas. I've got it all covered for you. Why this series? Well, I've noticed that there's a gap on TH-cam - while programming is often glamorized, the actual struggles and real expe...
Learn Motion Canvas with Me - Livestream 18 - Learning about Components
มุมมอง 43หลายเดือนก่อน
Liked this video? Watch the rest using the Learning Motion Canvas Playlist: th-cam.com/play/PLDgS2Xnkzn0nQ4RCCwlQKY2Ed4N0hiOlJ.html Welcome to my channel! 🚀 Today, we're diving deep into Components in Motion Canvas. I've got it all covered for you. Why this series? Well, I've noticed that there's a gap on TH-cam - while programming is often glamorized, the actual struggles and real experiences ...
Learn Motion Canvas with Me - Livestream 17 - Learning about Configuration
มุมมอง 16หลายเดือนก่อน
Liked this video? Watch the rest using the Learning Motion Canvas Playlist: th-cam.com/play/PLDgS2Xnkzn0nQ4RCCwlQKY2Ed4N0hiOlJ.html Welcome to my channel! 🚀 Today, we're diving deep into Configuration in Motion Canvas. I've got it all covered for you. Why this series? Well, I've noticed that there's a gap on TH-cam - while programming is often glamorized, the actual struggles and real experienc...
Learn Motion Canvas with Me - Livestream 16 - Learning about Presentation
มุมมอง 55หลายเดือนก่อน
Liked this video? Watch the rest using the Learning Motion Canvas Playlist: th-cam.com/play/PLDgS2Xnkzn0nQ4RCCwlQKY2Ed4N0hiOlJ.html Welcome to my channel! 🚀 Today, we're diving deep into Presentation in Motion Canvas. I've got it all covered for you. Why this series? Well, I've noticed that there's a gap on TH-cam - while programming is often glamorized, the actual struggles and real experience...
Learn Motion Canvas with Me - Livestream 15 - Learning about Rendering
มุมมอง 542 หลายเดือนก่อน
Liked this video? Watch the rest using the Learning Motion Canvas Playlist: th-cam.com/play/PLDgS2Xnkzn0nQ4RCCwlQKY2Ed4N0hiOlJ.html Welcome to my channel! 🚀 Today, we're diving deep into Rendering in Motion Canvas. I've got it all covered for you. Why this series? Well, I've noticed that there's a gap on TH-cam - while programming is often glamorized, the actual struggles and real experiences a...
Learn Motion Canvas with Me - Livestream 14 - Learning about Media
มุมมอง 422 หลายเดือนก่อน
Liked this video? Watch the rest using the Learning Motion Canvas Playlist: th-cam.com/play/PLDgS2Xnkzn0nQ4RCCwlQKY2Ed4N0hiOlJ.html Welcome to my channel! 🚀 Today, we're diving deep into Media in Motion Canvas. I've got it all covered for you. Why this series? Well, I've noticed that there's a gap on TH-cam - while programming is often glamorized, the actual struggles and real experiences are r...
Motion Canvas | Can I Make Website Animations?
มุมมอง 2852 หลายเดือนก่อน
Liked this video? Watch the rest using the Learning Motion Canvas Playlist: th-cam.com/play/PLDgS2Xnkzn0nQ4RCCwlQKY2Ed4N0hiOlJ.html In today's video, we answer icefield's question of can we use motion canvas for website animations. Links: * motioncanvas.io/ * Using Animation Player: raw.githubusercontent.com/motion-canvas/motion-canvas/refs/heads/main/packages/docs/docs/getting-started/position...
Learn Motion Canvas with Me - Livestream 13 - Learning about Logging
มุมมอง 402 หลายเดือนก่อน
Liked this video? Watch the rest using the Learning Motion Canvas Playlist: th-cam.com/play/PLDgS2Xnkzn0nQ4RCCwlQKY2Ed4N0hiOlJ.html Welcome to my channel! 🚀 Today, we're diving deep into Logging in Motion Canvas. I've got it all covered for you. Why this series? Well, I've noticed that there's a gap on TH-cam - while programming is often glamorized, the actual struggles and real experiences are...
Learn Motion Canvas with Me - Livestream 12 - Learning about Camera
มุมมอง 612 หลายเดือนก่อน
Liked this video? Watch the rest using the Learning Motion Canvas Playlist: th-cam.com/play/PLDgS2Xnkzn0nQ4RCCwlQKY2Ed4N0hiOlJ.html Welcome to my channel! 🚀 Today, we're diving deep into the Camera in Motion Canvas. I've got it all covered for you. Why this series? Well, I've noticed that there's a gap on TH-cam - while programming is often glamorized, the actual struggles and real experiences ...
Learn Motion Canvas with Me - Livestream 11 - Learning about Transitions
มุมมอง 343 หลายเดือนก่อน
Liked this video? Watch the rest using the Learning Motion Canvas Playlist: th-cam.com/play/PLDgS2Xnkzn0nQ4RCCwlQKY2Ed4N0hiOlJ.html Welcome to my channel! 🚀 Today, we're diving deep into Transitions in Motion Canvas. I've got it all covered for you. Why this series? Well, I've noticed that there's a gap on TH-cam - while programming is often glamorized, the actual struggles and real experiences...
Learn Motion Canvas with Me - Livestream 10 - Learning about Time Events
มุมมอง 433 หลายเดือนก่อน
Learn Motion Canvas with Me - Livestream 10 - Learning about Time Events
Learn Motion Canvas with Me - Livestream 09 - Learning about Tweening
มุมมอง 423 หลายเดือนก่อน
Learn Motion Canvas with Me - Livestream 09 - Learning about Tweening
A Backend Developer's Journey | Converting an HTML5 Portfolio to React/Next.js | Part 7 - Javascript
มุมมอง 153 หลายเดือนก่อน
A Backend Developer's Journey | Converting an HTML5 Portfolio to React/Next.js | Part 7 - Javascript
Learn Motion Canvas with Me - Livestream 08 - Learning about References
มุมมอง 443 หลายเดือนก่อน
Learn Motion Canvas with Me - Livestream 08 - Learning about References
A Backend Developer's Journey | Converting an HTML5 Portfolio to React/Next.js | Part 6 - Deployment
มุมมอง 213 หลายเดือนก่อน
A Backend Developer's Journey | Converting an HTML5 Portfolio to React/Next.js | Part 6 - Deployment
Learn Motion Canvas with Me - Livestream 07 - Learning about Effects
มุมมอง 663 หลายเดือนก่อน
Learn Motion Canvas with Me - Livestream 07 - Learning about Effects
A Backend Developer's Journey | Converting an HTML5 Portfolio to React/Next.js | Part 5 - Projects
มุมมอง 314 หลายเดือนก่อน
A Backend Developer's Journey | Converting an HTML5 Portfolio to React/Next.js | Part 5 - Projects
Learn Motion Canvas with Me - Livestream 06 - Learning about Signals
มุมมอง 604 หลายเดือนก่อน
Learn Motion Canvas with Me - Livestream 06 - Learning about Signals
A Backend Developer's Journey | Converting an HTML5 Portfolio to React/Next.js | Part 4 - Components
มุมมอง 234 หลายเดือนก่อน
A Backend Developer's Journey | Converting an HTML5 Portfolio to React/Next.js | Part 4 - Components
Learn Motion Canvas with Me - Livestream 05 - Learning about Layouts
มุมมอง 684 หลายเดือนก่อน
Learn Motion Canvas with Me - Livestream 05 - Learning about Layouts
A Backend Developer's Journey | Converting an HTML5 Portfolio to React/Next.js | Part 3 - Functions
มุมมอง 324 หลายเดือนก่อน
A Backend Developer's Journey | Converting an HTML5 Portfolio to React/Next.js | Part 3 - Functions
Learn Motion Canvas with Me - Livestream 04 - Learning about Positioning
มุมมอง 1474 หลายเดือนก่อน
Learn Motion Canvas with Me - Livestream 04 - Learning about Positioning
A Backend Developer's Journey | Converting an HTML5 Portfolio to React/Next.js | Part 2 - Navigation
มุมมอง 244 หลายเดือนก่อน
A Backend Developer's Journey | Converting an HTML5 Portfolio to React/Next.js | Part 2 - Navigation
Learn Motion Canvas with Me - Livestream 03 - Learning about Scene hierarchy
มุมมอง 2285 หลายเดือนก่อน
Learn Motion Canvas with Me - Livestream 03 - Learning about Scene hierarchy
Learn Motion Canvas with Me - Livestream 01 - Learning about yield and generators - Part 1 of 2
มุมมอง 385ปีที่แล้ว
Learn Motion Canvas with Me - Livestream 01 - Learning about yield and generators - Part 1 of 2

ความคิดเห็น

  • @MidnightThunder
    @MidnightThunder 27 วันที่ผ่านมา

    What's an API

    • @tomkotech
      @tomkotech 27 วันที่ผ่านมา

      Typically an API stands for Application Programming Interface which is how data is transferred across a network. In this video, we are going over a different API. This API is more of a list of internal functions/methods that can be used to make the animations

    • @MidnightThunder
      @MidnightThunder 27 วันที่ผ่านมา

      @tomkotech thanks tomkotech; you learn something new everyday 😎

  • @victoriousinsight
    @victoriousinsight หลายเดือนก่อน

    Thank you for what you're doing. I'm surprised you have been doing this for 11 months now. Thanks for the good works

  • @victoriousinsight
    @victoriousinsight หลายเดือนก่อน

    Thank you so much. I don't usually enjoy livestream but this one is different

  • @ZaurMeherremov-bg5nc
    @ZaurMeherremov-bg5nc 2 หลายเดือนก่อน

    123406

  • @bytevigor
    @bytevigor 2 หลายเดือนก่อน

    Although VSCode indicates that the method doesn’t exist, the profile works because there is a profile method on Logger. It might be a small bug in MotionCanvas, where the method or type wasn’t exported correctly

  • @bytevigor
    @bytevigor 2 หลายเดือนก่อน

    I think the audio is there, you just need to drag the playback area up a bit, and make sure the sound icon is turned on.

    • @tomkotech
      @tomkotech หลายเดือนก่อน

      So I have gone back to this with some future projects, and you are correct. In this video, I was trying to learn about audio for the first time and missed a few things but have since gotten it working.

  • @icefield
    @icefield 2 หลายเดือนก่อน

    Hey man. First of all, WOW. This is the best thing i never expected out of a small comment like that. What a great job you did with explaining everything including the negatives and to have learnt so much to try and help me. But I am already using three.js but Motion Canvas had a very nice visual editor which would make it very nice to do 2d and 3d animation. From what youve told me i see how in its current state just using plain three.js would be better but ill still try and get it working for my own animations because I think there is more to it still. One again thank you so much for such an in depth analysis and explanation.

    • @tomkotech
      @tomkotech หลายเดือนก่อน

      Of course, if there are any other questions please let me know.

  • @BocBaBox
    @BocBaBox 2 หลายเดือนก่อน

    I'm going to watch all of these videos :D. Just busy right now. Keep up the teaching! :)

    • @tomkotech
      @tomkotech 2 หลายเดือนก่อน

      Thanks, glad you enjoy then. This series was me learning motion canvas, I do plan to re-create this series again with a more professional feel as if I was actually teaching motion canvas. I don't have a timeline yet, want to get a few videos of some other ideas out first.

  • @icefield
    @icefield 3 หลายเดือนก่อน

    Hey man great videos, you def deserve more attention. But i have a question do you know if you can make website animations with this or is it only for rendering?

    • @tomkotech
      @tomkotech 2 หลายเดือนก่อน

      Excellent question, I just posted an entire video talking about it: th-cam.com/video/9dTw9di1gzU/w-d-xo.html

  • @frederikplet1579
    @frederikplet1579 3 หลายเดือนก่อน

    It would be cool if you could start on a project with the things you learned, this kinda gets a little repetitive :P

    • @tomkotech
      @tomkotech 3 หลายเดือนก่อน

      I agree but I wanted to finish going through all of the docs first. The 1st projects video will be on November 22nd. In this video, I will be showing how to make a Rest API call within Motion Canvas and then the following week, we will be using all of the knowledge we have learned to create our first project on December 5th. From there the channel will change to more professional and polished looking videos using the skills I learned with Motion Canvas.

    • @frederikplet1579
      @frederikplet1579 3 หลายเดือนก่อน

      @@tomkotech Nice, really looking forward to that.

  • @frederikplet1579
    @frederikplet1579 3 หลายเดือนก่อน

    Keep this series going man, great stuff

    • @tomkotech
      @tomkotech 3 หลายเดือนก่อน

      Thanks, I am glad you love it. If you want to see anything else, please let me know.

  • @floo-one
    @floo-one 3 หลายเดือนก่อน

    Lovely video, thank you G

    • @tomkotech
      @tomkotech 3 หลายเดือนก่อน

      Thanks. If there were any other things you would like to see, please let me know.

  • @marsrevolutionary
    @marsrevolutionary 4 หลายเดือนก่อน

    What does this have to do with motion canvas? I'm sure there's a lesson here but you closed motion canvas and started teaching something else entirely unrelated. I have watched the video several times and have no idea what I was supposed to learn about using motion canvas when you just closed it and never returned. What was the point? There's no animations or examples. I don't understand what I was supposed to learn here.

    • @tomkotech
      @tomkotech 4 หลายเดือนก่อน

      I understand the confusion, this video was the only 2 parter that I did. Here is part 2: th-cam.com/users/liveL7T4tHL9JJM I created this video because yields and generators are how motion canvas works at it's very core and I wanted to go more in depth then what is normally out there for motion canvas. I also thought it was helpful to talk about this topic without the JSX and other motion canvas components to show people that this is not a feature of motion canvas but a core feature of NodeJS that motion canvas was built on. Part 1 (this video) was me trying to explain how they work without the motion canvas layer and additions. Part 2 was me going through the same thing but with the added layer of motion canvas.

    • @marsrevolutionary
      @marsrevolutionary 4 หลายเดือนก่อน

      @@tomkotech So I watched the second part and it's pretty much just you reading the documentation and going back to the unrelated code you wrote in the first one.. I'm sure you have a reason for making this video but it just focuses on two commands that motion canvas uses without any context to learn from and doesn't contribute to knowing how motion canvas works at all. This video distracts from the topic at hand (and in the title): learning how to animate with motion canvas. I opted to just read the same documentation you did in the second video, and I feel that whatever you were trying to teach in this video is not the same as what the audience would choose to be taught. I get where you were going... but only after having experienced reading the docs and trying the examples. I would have gotten there faster had I not watched this at all and just read the docs alongside you for the second half of the second video. If I were trying to learn those particular commands, without the context of motion canvas, I would have enjoyed this video. Having read the documentation, it's better to just read the docs and learn directly through the context of motion canvas, because the context is the only part of learning those two commands that is important to how motion canvas uses them... which is neatly explained in the documentation. Were you to delete the first video entirely and cut the first 10-ish minutes of the second video, and all sections referring to the not-at-all-related-to-motion-canvas-in-any-way-whatsoever code - then that would have explained everything in it's proper context. For that second half of the second video, it was genuinely fun to learn alongside you when there was real learning to be done. For that part, I wish I'd found you during your livestream.

    • @tomkotech
      @tomkotech 4 หลายเดือนก่อน

      @@marsrevolutionary Thank you for the valuable feedback, as you can see this video series was to learn motion canvas myself and show/teach others along the way. I am a new channel that is just starting out. At the time, I thought talking about this topic outside of motion canvas would be helpful but I see how it can be confusing or not needed in the context of motion canvas. The rest of the videos in this series are more of what you like which is me going through the documents. I also have another series which is me converting my online portfolio from HTML to NextJS. Once this motion canvas series and that one is done, I do plan to take some time and re-make the motion canvas ones using motion canvas which are more professional and not just me talking about random things which are un-related. I always open to good feedback like this, thanks.

  • @MidnightThunder
    @MidnightThunder 4 หลายเดือนก่อน

    This is so nicely explained, are you a teacher??

    • @tomkotech
      @tomkotech 4 หลายเดือนก่อน

      Thanks and I have taught several classes before, if you like this content then you will definitely like what I have planned next.

    • @MidnightThunder
      @MidnightThunder 4 หลายเดือนก่อน

      @@tomkotech yessss

  • @Med_Am_AB
    @Med_Am_AB 5 หลายเดือนก่อน

    Please keep up

    • @tomkotech
      @tomkotech 5 หลายเดือนก่อน

      Sorry for the delay but I will be adding more content soon.

    • @tomkotech
      @tomkotech 5 หลายเดือนก่อน

      Tonight, the next video it coming out. Please check it out th-cam.com/video/yA2ZqIir_qQ/w-d-xo.html

  • @Med_Am_AB
    @Med_Am_AB 5 หลายเดือนก่อน

    Please we want more

    • @tomkotech
      @tomkotech 5 หลายเดือนก่อน

      Thanks, I am planning to continue the series.

    • @Med_Am_AB
      @Med_Am_AB 5 หลายเดือนก่อน

      @@tomkotech thanks a lot. I will be waiting.

    • @tomkotech
      @tomkotech 5 หลายเดือนก่อน

      Tonight, the next video it coming out. Please check it out th-cam.com/video/yA2ZqIir_qQ/w-d-xo.html

  • @Med_Am_AB
    @Med_Am_AB 5 หลายเดือนก่อน

    Thanks bro please keep the tutorial cause you are the first one

    • @tomkotech
      @tomkotech 5 หลายเดือนก่อน

      Thanks

  • @BocBaBox
    @BocBaBox 6 หลายเดือนก่อน

    Thx for helping me set this up :)

    • @tomkotech
      @tomkotech 5 หลายเดือนก่อน

      Glad to help, if there is anything else you want to see please let me know.

  • @Kraaven2026
    @Kraaven2026 7 หลายเดือนก่อน

    Happy to see more content with Motion Canvas

    • @tomkotech
      @tomkotech 6 หลายเดือนก่อน

      Glad you are excited, my whole goal is to spread programming to more people so I started with Motion Canvas since it was me learning something new as well. I really wanted to show how it really is to learn something new.