Build a Wave Distortion Shader using Three.js and React

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 ม.ค. 2025

ความคิดเห็น • 35

  • @DMZT_dhruv
    @DMZT_dhruv 8 หลายเดือนก่อน +3

    Wanted this, got this, thank you god for making oliver!

  • @rodrigosalmeron7216
    @rodrigosalmeron7216 8 หลายเดือนก่อน +1

    Absolute banger Oli, great content as always. Lots of great knowledge behind and great way to study and understand. Looking forward on your animation courses. 🎉🔥🎉🔥🎉🔥

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

    Insane work!! Always excited when you drop something new

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

    it's a great tutorial about shaders in NextJS , thanks a lot.

  • @prateekshawebdesign8377
    @prateekshawebdesign8377 8 หลายเดือนก่อน +3

    Awesome video and thanks for teaching us. One suggestion please zoom in to your code so we can read it.. Current the screen is very big and the code is very small

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

    Nice to see you back.

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

    Quality content like always, keep it up!

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

    Do the next tutorial can't wait u re the best !!

  • @AnasAhmed-ue8ne
    @AnasAhmed-ue8ne 8 หลายเดือนก่อน

    Awesome brother ❤ it's really nice

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

    This guys channel is banger after banger after banger 😮‍💨🔥

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

    nice, i love shader work.

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

      Same here, brings an extra touch to creative animations

  • @v.demchenko
    @v.demchenko 8 หลายเดือนก่อน

    Awesome! Finally someone did it!

  • @mazwrld
    @mazwrld 8 หลายเดือนก่อน +3

    i’m going to attempt to rebuild this with typescript. Wish me luck😅

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

      did you get it?

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

    Can you please remake the Apple's navbar. How their navbar extends with a smooth blend animation.

  • @v.demchenko
    @v.demchenko 8 หลายเดือนก่อน

    Could you pls make video about how to add mouse interactions for this effect and translate this effect for text?

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

    Very cool!

  • @Ivan-Shyriaiev
    @Ivan-Shyriaiev 8 หลายเดือนก่อน

    ❤❤❤ thanks for the video ❤❤❤

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

    Would this work with a .gif as the image texture?

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

    ur the goat

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

    When you increase the uTime variable, can't this turn to big and have a negative impact if staying to long on the page?

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

      Haha interesting point. For sure it could be optimized if you think the user will stay on your page for a long time, but a big uTime number won’t affect the performance by much

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

    Thank you for the high-quality tutoring you provided!
    I'm just wondering, have you taken Bruno Simon's three.js course? If so, what is your opinion on it?

    • @olivierlarose1
      @olivierlarose1  8 หลายเดือนก่อน +1

      I have not taken it, but it's the best out there for Three.js for sure

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

      @@olivierlarose1 So you fully self-taught?

    • @benja-min1588
      @benja-min1588 8 หลายเดือนก่อน +1

      Absolutely recommend the Bruno Simon course. You don't learn only shaders (in extreme detail), but also 3D modelling, 3D animation, texturing, unwrapping, Class based JS, webpack and more. I have taken it and can tell you its worth it. Although the math and trigonometry gets insanely confusing towards the end. Bruno is an exceptional teacher though.

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

      Yes and I learn from the people I work with too

  • @XuanThanh-mj5py
    @XuanThanh-mj5py 8 หลายเดือนก่อน

    i would love to subcribe your web animation course , when will u release it ?

    • @olivierlarose1
      @olivierlarose1  8 หลายเดือนก่อน +1

      It's a work in progress, I don't have a release date for now but I'm planning on releasing it ASAP, stay tuned!

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

    This one made my head spin a little bit 😅 Got so lost w/ the shader code.

  • @soymartiinez
    @soymartiinez 7 หลายเดือนก่อน +1

    vUv

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

    and will someone explain to me, a narrow-minded person, why the fuck react and next are here???

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

      You could definitely do this in vanilla javascript, but I use React as it's the most popular ecosystem for front end development.