Build a Curved Image using R3F and Framer motion

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

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

  • @pauloluguenda8397
    @pauloluguenda8397 6 месяцев назад +4

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

    • @mirjalol49
      @mirjalol49 2 месяца назад

      how many goats you got?

  • @paulbrumder7394
    @paulbrumder7394 4 месяца назад +2

    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 4 месяца назад

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

  • @alaminxab
    @alaminxab 6 месяцев назад +3

    More R3F and shaders tutorials too 🙏🏽

  • @alaminxab
    @alaminxab 6 месяцев назад

    Needed this. Love your channel 🎉

  • @mianshahzeb4801
    @mianshahzeb4801 6 месяцев назад +7

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

  • @ariyanunknown
    @ariyanunknown 6 месяцев назад

    Awesome Stuff ❤❤❤❤❤❤ Love this

  • @v.demchenko
    @v.demchenko 6 месяцев назад

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

  • @thesahilmondal
    @thesahilmondal 6 месяцев назад

    Informative!

  • @kolyaIva
    @kolyaIva 6 месяцев назад

    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 🙏🏼🤝🏻

  • @clovermk1635
    @clovermk1635 6 месяцев назад

    LOVE YOUR VIDEOS Keep it up ♥♥♥

  • @gobinda-das-io
    @gobinda-das-io 4 месяца назад

    29:03: useAspect to resize image currectly!!

  • @aymenbachiri-yh2hd
    @aymenbachiri-yh2hd 6 месяцев назад

    thank you so much

  • @kainushia1073
    @kainushia1073 6 месяцев назад

    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?

  • @YashTiwari.official
    @YashTiwari.official 6 месяцев назад

    YOU ARE GEM❤

  • @zillalsenmesrane1022
    @zillalsenmesrane1022 6 месяцев назад

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

  • @b166er4
    @b166er4 6 месяцев назад

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

    • @deepak8586
      @deepak8586 4 месяца назад +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);
      }

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

    GOAT

  • @nellymotion
    @nellymotion 6 месяцев назад

    Interesting!

  • @AravindhanE-r2u
    @AravindhanE-r2u 6 месяцев назад +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 6 месяцев назад +1

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

  • @avaneeshc
    @avaneeshc 6 месяцев назад +2

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

  • @lullimongal
    @lullimongal 6 месяцев назад +1

    Build a full frontend website

    • @silverdezign
      @silverdezign 6 месяцев назад +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 6 месяцев назад +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!