How to render Three.js from Codepen to Webflow

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

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

  • @TestAnything-y4x
    @TestAnything-y4x Месяц назад +1

    you are a genius #DESLUV your video solve my complax problem....good work

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

    Mate, this is amazing! I've always been daunted by Code Pen and bringing over code into Webflow - without someone explaining step-by-step how to do it. Can't wait to tuck in to some more of your vids, and hopefully some content around your journey learning Three.js with Webflow!

  • @iamtommyok
    @iamtommyok Год назад +3

    You have a much needed niche within the webflow/RUclips tutorials. Your focus on 3d integration and custom code is really valuable since most other tutorials/creators focus more on the webflow tool itself. 👍🏼👏🏼
    Please keep up the great content and maybe videos showing how to alter or edit the codepen resources. Just a humble ask

    • @desluv-now
      @desluv-now  Год назад

      Wow, thanks for the encouragement! I was not sure if my videos are drawing any interest. I will regroup and work on some new video. Thanks!!!

  • @alexandersebastian3360
    @alexandersebastian3360 3 года назад +4

    Great video man, Keep pushing more stuff out like this. Would be great if you put links to the code pens in the descriptions :)

    • @desluv-now
      @desluv-now  3 года назад

      Thanks for your kind words! I apologize, I totally blanked on the link to the codepen sample. Here you go! codepen.io/enesser/pen/jdenE

  • @vianneypercq
    @vianneypercq 3 года назад +3

    Hi Desluv. Thanks a lot for this tuto. I succeeded to rebuild it in webflow, it works like a charm. But what do I have to do if I want this effect in the background and add some elements in front of it and to be able to scroll? Thanks.

    • @vianneypercq
      @vianneypercq 3 года назад +3

      I got it. Maybe it could be helpful for others: I set the Body (All pages) with overflow:visible, I put the 2 DIV effect in a fixed common div and add a new section DIV for all my other elements. Now I can scroll with the effect fixed in background.

  • @magdasok-f2i
    @magdasok-f2i 2 года назад

    great video, thanks!

  • @haidanbancroft8161
    @haidanbancroft8161 3 года назад

    Nice one dude! 👍 All the best

  • @formutate4006
    @formutate4006 3 года назад

    Thank you so much! Your video saved my sanity!

  • @saifsaeed1158
    @saifsaeed1158 2 года назад

    Thank you so much my man

  • @ArtfulUI
    @ArtfulUI 2 года назад

    cool tutorial! thank you so much!

    • @desluv-now
      @desluv-now  2 года назад

      Thanks for the kind words! 🙂

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

    Thank you.

  • @ashar_naveed
    @ashar_naveed 3 года назад

    Thanks man for this video.

  • @FloraSora
    @FloraSora 3 года назад +1

    YOOO this could be so useful! I wonder if my Komorebi will allow this site to work without captcha. Guess I'll find out right now!

    • @desluv-now
      @desluv-now  3 года назад +1

      Haha, I had to google, Komorebi! 🤪
      You learn something new every day on RUclips. I hope you find this method useful! Have a good one!

    • @FloraSora
      @FloraSora 3 года назад +1

      @@desluv-now I did learn something, but I did end up taking a different path (I stayed up super late working on this LOL).
      Basically, I turned the codepen I forked into a standalone HTML file. I basically learned from both this video, and another video together. So thanks for your help, you're doing good work out here teaching people. We NEEEED waaay more tutorials on live wallpapers for linux and such!

    • @desluv-now
      @desluv-now  3 года назад +1

      @@FloraSora Thanks again! I would love to see what you are building, feel free to share with us here... only if you want. And you have some awesome artwork in your channel!

  • @thecalabiyaumanifold
    @thecalabiyaumanifold 3 года назад

    You can even do volumes in three js which is mind blowing.

    • @desluv-now
      @desluv-now  3 года назад

      The volume rendering is pretty sick! :-)

  • @sashakuridza3945
    @sashakuridza3945 2 года назад

    Great and simple tutorial, thx bro!!! Btw, one question, what if I want to have that animation on two different sections on same page? Should that code render to both sections, or is it show only on one? @hyunlab