How I Make Coding Videos With Animotion

Поділитися
Вставка
  • Опубліковано 17 жов 2024

КОМЕНТАРІ • 58

  • @JoyofCodeDev
    @JoyofCodeDev  3 місяці тому +15

    Thanks for watching! You can support my work on Patreon or with a UA-cam channel membership. ❤

  • @Huntabyte
    @Huntabyte 3 місяці тому +53

    This is a maximum Chad level project 🔥

    • @ui7b.
      @ui7b. 3 місяці тому +5

      Says the chad himself

  • @cooldude3010
    @cooldude3010 3 місяці тому +5

    how beautiful is this friends

  • @letsgetrusty
    @letsgetrusty 2 місяці тому

    As a tech UA-camr this is... incredible!

  • @mr_clean575
    @mr_clean575 3 місяці тому +5

    Wow, this absolutely blew my mind. There's so much you can do with this.

  • @durand101
    @durand101 3 місяці тому +3

    Thank you! I used the original animotion for a couple of important presentations and people always loved the little touches! Very excited to try the sveltekit version which hopefully will allow baking in of api calls to static files 🤞

  • @b1mind
    @b1mind 3 місяці тому +1

    This is so cool, now I want to make a talk just to use this 😁

  • @KingfisherSeven
    @KingfisherSeven Місяць тому

    Great video - thank you.

  • @Majiy00
    @Majiy00 3 місяці тому

    Awesome, I've been using animotion for my own videos on UA-cam much appreciated!!!

  • @VaibhavShewale
    @VaibhavShewale 3 місяці тому +1

    well its interesting, i think i will give it a try and check out if i can do it or not

  • @VeriousSmithIII
    @VeriousSmithIII 3 місяці тому +1

    This is awesome. Thanks for sharing!

  • @ramennnoodle
    @ramennnoodle 3 місяці тому

    Looks amazing! The thing that pops out to me the most about the new Animotion is the improved code blocks, since I think the animations for code blocks used to be kinda jank. Leveraging Svelte's reactivity for code diffing also works really well here as well, and I think it's much nicer to reason about than the previous version that was more similar to how Motion Canvas does it.

    • @JoyofCodeDev
      @JoyofCodeDev  3 місяці тому

      I use Shiki Magic Move for the code animations

  • @mikeeomega
    @mikeeomega 3 місяці тому

    It is quite an interesting tool, would love to try it for small code presentations

  • @jeffloucks4071
    @jeffloucks4071 3 місяці тому

    This is pretty dope

  • @henoknigatu7121
    @henoknigatu7121 2 місяці тому

    Hi...Is there any way to pass a data like a json from +page.server.js of one route lets say routes/main to success route(routes/success) to render the data

  • @guzidev
    @guzidev 3 місяці тому

    Awesome! Thanks for sharing ❤

  • @kian1941
    @kian1941 3 місяці тому

    I've created a couple presentations with this tool and I'm glad to see it improve. The only issue I have with is it's inability to run the actions when you go backwards in a slide. I find that to be very odd. As far as I could see in the docs, there is noway to manually handle them. Only available event listener is the "in" and "out" in the slide component.

    • @JoyofCodeDev
      @JoyofCodeDev  2 місяці тому

      I can look into it if you open an issue

  • @AntoniGawlikowski
    @AntoniGawlikowski 3 місяці тому

    This is so fire! Thanks

  • @CatwaiiYT
    @CatwaiiYT 3 місяці тому +1

    How does Animotion compare to Manim? Does it support Latex and plotting out of the box?

    • @JoyofCodeDev
      @JoyofCodeDev  3 місяці тому +2

      Animotion is not a math animation engine but a presentational tool for making code explainers. There's KaTeX support but you can't animate math formulas which I might change in the future.

    • @CatwaiiYT
      @CatwaiiYT 3 місяці тому

      @@JoyofCodeDev Oh, I understand

  • @RodyDavis
    @RodyDavis 3 місяці тому

    Amazing 🔥

  • @HackerRahul
    @HackerRahul 3 місяці тому

    can we also render it out as a video using ffmpeg ? like remotion?

  • @MadeInJack
    @MadeInJack 3 місяці тому

    So cool! Could you share the repo of this exact video as reference?

  • @isaacdruin
    @isaacdruin 3 місяці тому

    Very cool!

  • @RicardoCamisa
    @RicardoCamisa 3 місяці тому

    This is awesome. 👌👌

  • @sebastianscarano9418
    @sebastianscarano9418 3 місяці тому +1

    do you have the animotion source for this presentation itself?

    • @JoyofCodeDev
      @JoyofCodeDev  3 місяці тому +1

      I plan to make it available here: github.com/animotionjs/examples

  • @SOSSVT
    @SOSSVT 3 місяці тому +1

    Awesome is it possible to run quizzes with animotion for students?

    • @JoyofCodeDev
      @JoyofCodeDev  3 місяці тому

      I don't see why not 😄

    • @SOSSVT
      @SOSSVT 3 місяці тому

      @@JoyofCodeDev it would be awesome if you make a video about it

  • @skylerdjy
    @skylerdjy 3 місяці тому

    Once we got to actions i was like holy shit this is awesome and it all clicked for me!

  • @skylerdjy
    @skylerdjy 3 місяці тому

    Are there any plans to support this with react or can i use the core package with react?

    • @JoyofCodeDev
      @JoyofCodeDev  3 місяці тому +3

      it only works with Svelte and I don't have plans to make a React version

  • @lucas-barake
    @lucas-barake 3 місяці тому

    This is golden. Thanks! I'll definitely use it for my next video 🙂

  • @good-dev-student
    @good-dev-student 3 місяці тому

    Please what software you use to create this video?

    • @JoyofCodeDev
      @JoyofCodeDev  3 місяці тому

      I use Animotion for the presentation and Kdenlive to edit the video

  • @luiscatalan3309
    @luiscatalan3309 3 місяці тому

    Can we create infographics with charts?

    • @JoyofCodeDev
      @JoyofCodeDev  3 місяці тому

      you can use a JavaScript data visualization library

  • @youcefmoulla1828
    @youcefmoulla1828 3 місяці тому

    Is this svelte version of manim

    • @JoyofCodeDev
      @JoyofCodeDev  3 місяці тому

      Animotion is inspired by Motion Canvas

  • @MarieAmeliaFreyaAster
    @MarieAmeliaFreyaAster 2 місяці тому

    I really like it, but I'm not any good at Svelte 😔

  • @aladeotman1259
    @aladeotman1259 3 місяці тому

    thank you joyocodedev

  • @good-dev-student
    @good-dev-student 3 місяці тому

    I am poor thank you to help by this video😊 when i will get rich i will support you ❤

    • @JoyofCodeDev
      @JoyofCodeDev  3 місяці тому

      I appreciate you just for watching

  • @cotyhamilton
    @cotyhamilton 3 місяці тому

    🤯

  • @Loui3Hunna
    @Loui3Hunna 3 місяці тому

    Thank you so much for creating this for the community 🫶