3D Scroll animation with Three.js and Lenis in Webflow

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

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

  • @frankdrolet9439
    @frankdrolet9439 Год назад +1

    Great tutorial, keep them coming!

  • @sunmustbedestroyed
    @sunmustbedestroyed Год назад

    This helped a lot. Thank you.

  • @zayndejohn2432
    @zayndejohn2432 11 месяцев назад

    I have been looking for this exact video you have solved all my problems

    • @yourmamaisphat
      @yourmamaisphat 4 месяца назад

      Same! Lenis looks amazing, but it was sort of nebulous because it doesn't do any of the cool things you see it being used for - but it's the HOOK for making those things happen. This video taught me this!

  • @wesleymacente
    @wesleymacente Год назад

    Awesome! I should try this in the future...

    • @alextourgis
      @alextourgis  Год назад

      Don't hesitate to share your work! :)

  • @fs3000
    @fs3000 Год назад

    more like this please! ❤

  • @sandrikkka
    @sandrikkka Год назад

    Yes please do with GSAP!! Thank you so much for this amazing tutorial!
    The hardest part for me was installing node ahhaha, but all in all everything is perfect and i've inserted my model. But honestly i had a problem with my model: in blender i've created a donut and used geometry nodes for creating sprinkles; unfortunately when i upload it through this method - i only saw my donut base and liquid layer but i haven't seen sprinkles which were created by geometry nodes. Do you have any idea why smth like this could've happened?

    • @alextourgis
      @alextourgis  Год назад +1

      When you're using geometry nodes in Blender you're working with procedural content. This means the sprinkles on your donut aren't traditional mesh objects! So when you're exporting your model in gltf you're only exporting static meshes. I think there's a solution to convert procedural generated data to actual meshes ! I hope this is useful and don't hesitate to share the final result :)

    • @sandrikkka
      @sandrikkka Год назад

      Thank you so much! At least i know what the problem is and i hope to find a solution!@@alextourgis

  • @chakradharisaurabh
    @chakradharisaurabh Год назад

    Hey really liked the video.
    But was curious on how we can use this for mobile or touch screen device, because this only scroll velocity from a mouse or trackpad if I am not wrong.
    Really appreciate if you explain that part also.
    And also keep making more tutorial video. It really motivates people to tryout new thing.

    • @alextourgis
      @alextourgis  Год назад

      Yes velocity doesn't work on touch devices but you can use progress instead ! Thank's for the support