Build a Curved Image using R3F and Framer motion

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ย. 2024

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

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

    Hey Olivier,
    First of all thank you for your incredible work and the inspiration you give!
    I might like to correct something in your video:
    const textures = useTexture(projects.map(project => project.src))
    As you shouldn't call hooks inside a loop and it may result in an error.

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

    Well explained thanks a lot Olivier!! good work!!

  • @pauloluguenda8397
    @pauloluguenda8397 2 หลายเดือนก่อน +1

    You are my new goat, I'm going to start studying webGL

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

    More R3F and shaders tutorials too 🙏🏽

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

    this is shader work.. again.
    good job, i like using rgbeffect(colorshader) with this kind of effect

    • @deepak8586
      @deepak8586 29 วันที่ผ่านมา +1

      I tried rgb effect using this it came out cool!!
      export const fragment = `
      varying vec2 vUv;
      uniform sampler2D uTexture;
      uniform vec2 uDelta;
      void main() {
      vec2 redUv = vUv + vec2(-uDelta.x * 0.0005, -uDelta.y * 0.0005);
      vec2 greenUv = vUv + vec2(uDelta.x * 0.0005, 0.0);
      vec2 blueUv = vUv + vec2(0.0, uDelta.y * 0.0005);
      vec4 red = texture2D(uTexture, redUv);
      vec4 green = texture2D(uTexture, greenUv);
      vec4 blue = texture2D(uTexture, blueUv);
      gl_FragColor = vec4(red.r, green.g, blue.b, 1.0);
      }

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

    Needed this. Love your channel 🎉

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd 2 หลายเดือนก่อน

    thank you so much

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

    Awesome Stuff ❤❤❤❤❤❤ Love this

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

    Informative!

  • @mianshahzeb4801
    @mianshahzeb4801 3 หลายเดือนก่อน +6

    bro is calling us all mid level developers, by showing off this

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

      😥

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

      🤣🤣🤣 I'm feeling inpired to start learning this

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

    LOVE YOUR VIDEOS Keep it up ♥♥♥

  • @YashTiwari.official
    @YashTiwari.official 3 หลายเดือนก่อน

    YOU ARE GEM❤

  • @user-tf8qm6oj9g
    @user-tf8qm6oj9g 3 หลายเดือนก่อน +1

    hai brother I appreciate your effort.please try to start the video from scratch instead of starting from setup. then definitely beginners will get benifited by you

    • @verbs-otier-ru
      @verbs-otier-ru 3 หลายเดือนก่อน +1

      It just basic setup which you can copy from repo. It is unnecessary to make another tutorial about basics of ReactJS.

  • @GobindaDas-yt
    @GobindaDas-yt 13 วันที่ผ่านมา

    29:03: useAspect to resize image currectly!!

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

    Interesting!

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

    Hi, thank youy so much for this tut.
    How do you debug shaders???

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

    Sir can you please remake Apple's Navbar. How the animation there works. It has a smooth blend dropdown. How to do it with Framer motion?

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

    thanks, can you re creat the Fashion Slider of swiper js please ?

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

    bro, can you tell please what vs code theme settings are you using or just drope the JSON preference . I will thank you a lot 🙏🏼🤝🏻

  • @avaneeshc
    @avaneeshc 3 หลายเดือนก่อน +2

    Only sad thing is that, they don't work on mobile devices

  • @lullimongal
    @lullimongal 3 หลายเดือนก่อน +1

    Build a full frontend website

    • @silverdezign
      @silverdezign 3 หลายเดือนก่อน +4

      Do it yourself :D hooo sorry was I too harsh? mmmmm yes maybe :). He spares his free time teaching us new technologies so no need to be rude so I think a please or a thank you would be nicer and more polite for thank him on his hard work on his free tutorial ;)

    • @lullimongal
      @lullimongal 3 หลายเดือนก่อน +4

      @@silverdezign You're absolutely right! Thanks for the reminder. Huge thanks to him for creating these awesome tutorials and sharing their knowledge for free. It's fantastic!