This SVG Turbulence Animation with Anime.js is AWESOME! Tutorial

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

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

  • @DesignCourse
    @DesignCourse  6 лет назад +9

    Through much of the tut, the audio is out of sync. Sorry about that (Time for a new PC). Enjoy? Subscribe already!

  • @franktielemans6624
    @franktielemans6624 6 лет назад +10

    10:34
    To center things up there's a shorthand method you could use.
    Instead of:
    justify-content: center;
    align-items: center;
    use:
    place-items: center center

    • @sebastianjung3168
      @sebastianjung3168 5 лет назад +1

      place-items is a shorthand property for
      justify-items and
      align-items
      so you actually need to define
      justify-content and
      align-items
      seperatly.

    • @franktielemans6624
      @franktielemans6624 5 лет назад +1

      ​@@sebastianjung3168 Why do youhave to define them seperatly when there is a shorthand method? I thought the purpose of shorthands is to write less code.

    • @gustavoconti3431
      @gustavoconti3431 5 лет назад +1

      Sebastian's point is just nonexistent. Thanks for the info, I do definitely love my shorthands, and this one I didn't know about.

    • @abethepleb7915
      @abethepleb7915 4 года назад +1

      @@franktielemans6624 Holy. I never knew that. I know im a year late but thanks. I use justify and align a lot 😂

    • @ataladin87
      @ataladin87 Месяц назад

      You hero.

  • @vexkiddy
    @vexkiddy 4 года назад

    Great stuff man! I'd love to see more experimental stuff like this but for svg typography! Keep it up! Just sub'd too!

  • @AshishKumar-zi9gy
    @AshishKumar-zi9gy 6 лет назад +5

    A video on webGL please.🙌🏻🙌🏻

  • @armandsalle8447
    @armandsalle8447 6 лет назад +1

    sweet ! like sweet potato but with a lot of 0 and 1 ! Hi from France !

  • @karamveersachdeva935
    @karamveersachdeva935 4 года назад +1

    Usefulllll

  • @alexandros-markovits
    @alexandros-markovits 6 лет назад

    Pretty damn good! Working with svgs seems a bit tough but its worth it! Btw nuxt announced in discord a new module for svgs if you might be interested to check out, i sure will :)

  • @dylandavenport8567
    @dylandavenport8567 5 лет назад

    This video was all I needed to choose Anime.js over GSAP. Thank you!

  • @casgaromio
    @casgaromio 6 лет назад +1

    Two days ago I payed for your pro couses.. but there's no design couses what i wanted
    so i have cancled immediately. then check it cancled for sure.
    then my account still pro grade.. what's wrong with it?

  • @habibbellia2607
    @habibbellia2607 6 лет назад

    Thank you

  • @goodness6664
    @goodness6664 6 лет назад

    I literally typed it out word for word as you did it, not working properly for me. I never seem to get it right.

  • @ahmadreza532
    @ahmadreza532 6 лет назад +1

    hi ... I see a video on your channel that you use 'morphSvg' plugin from GSAP ... is there any alternative to it ?

    • @DesignCourse
      @DesignCourse  6 лет назад +1

      Anime.js - the topic of this video.

    • @ahmadreza532
      @ahmadreza532 6 лет назад

      @@DesignCourse I mean morph one svg to another svg that has different numbers of anchor points ... can I do that with anime.js ?

    • @mohitaggarwal432
      @mohitaggarwal432 6 лет назад

      @@ahmadreza532 yes you can do that with anime js
      ruclips.net/video/LKwXoaFwYFk/видео.html

    • @Daniel_WR_Hart
      @Daniel_WR_Hart 4 года назад

      @@mohitaggarwal432 In that example the number of points had to be the same for all SVGs

  • @ErkanOkman
    @ErkanOkman 6 лет назад

    👍👏

  • @peksoha3186
    @peksoha3186 6 лет назад

    damnnnnnnnn

  • @johnjohnson4484
    @johnjohnson4484 5 лет назад +1

    dawg youve got how many guitars hanging on your wall and ive heard you say in 2 videos now that you dont know how to pronounce octaves lmao what gives