Three.js 3D Elements for your website using ReactJS

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

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

  • @entech5669
    @entech5669 2 года назад +3

    Much needed tutorial. I'll try this. Please make more tutorials on using Three js in React.

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

    so far the best three js tutorial

  • @morenoanalie14
    @morenoanalie14 2 года назад +9

    This tutorial is the best! I’m very inspired. Can’t wait to do more 3D stuffs! Thank you for this!

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

    Its more than amazing , explaining so many in a simple way and made it for free , God bless you , thank you very much

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

    Awesome tutorial. Thank you. For anyone wondering the third package is pronounced "dry" not "drey"

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

    Thanks for the quick and clear tutorial! I can't wait to start making cool 3D stuff for my site.

  • @kbbk.studio
    @kbbk.studio 2 года назад

    need to test it but seems like exactly what i’ve been looking for ✨

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

    Great video! Never used the MeshDistortMaterial myself yet :)

  • @NYProductions
    @NYProductions 2 года назад +2

    Thanks. Will try this out.

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

    A delightful tutorial

  • @dmitriyparhomenko7963
    @dmitriyparhomenko7963 2 года назад +1

    Very clear! Thanks!

  • @Shelly-kx2wz
    @Shelly-kx2wz 2 года назад

    A very good introduction to threejs for beginners.

  • @maneth3448
    @maneth3448 2 года назад +1

    Very helpful bro thanku very much!

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

    Thank you so much this helped a lot!!!! You saved my life

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

    thank you thank you! this tutorial is perfect.

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

    Wow awesome video. It’s highly educational! Good job!

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

    Well done! Have you more material(React-threejs)? Thanks!

  • @claybowser
    @claybowser 2 года назад +1

    this is an amazing guide thank you

  • @rajsinghsinghal
    @rajsinghsinghal Год назад +2

    hey there, can you update this tutorial because I really want to build this but it's not working, after typing the canvas section the code doesn't work and it says TypeError, also your complete project link in the description is not working which says cannot find the sandbox.

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

    Wow. It all makes sense now. Thanks a lot!

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

    it is an excellent tutorial, i was wondering if you could tail me where you got the background it look awesome. i think you should make a separate video to show where you got the assets and shoe us how you did it

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

    This tutorial is really impressive👏 keep going!🔥

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

    thank you so much for the amazing stuff , good luck

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

    Excellent tutorial. Thank you very much for your time and knowledge

  • @Kevin-cg7qk
    @Kevin-cg7qk 2 года назад

    Excellent tutorial!

  • @ryanwethey2658
    @ryanwethey2658 2 года назад +1

    Any luck doing this is Next.js? Getting a Document is not defined when trying to use the useLoader function

  • @Limestarz
    @Limestarz 2 года назад +3

    I was trying to add this to my current website with react. But whenever I add Canvas to my app.js my screen will go blank. Not sure why that is. I can't seem to put it in any other components
    of my as well. However, strangely enough I can add it to my index.js file but it doesn't show any box. Any suggestions?

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

      Assuming you already understand this a year later, clicking the refresh button in the built-in output on codesandbox fixes the issue, and displays errors that are needed to be fixed.

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

    Thank you very much

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

    Awesome 🎉

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

    Thank you! This was cool!

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

    hanks lot Sir.. You helping us..

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

    Great tutorial! Very clear explanation

  • @sarmadali77771
    @sarmadali77771 2 года назад +1

    DesignCode content always premium. 😘

  • @AbdulRehman-lt2gm
    @AbdulRehman-lt2gm 2 года назад

    Really helpful. Can you please make a video that can customize the 3d model and apply different materials on it. I will be waiting for this video.

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

    thank you so so so much your a great person you helped

  • @PengJin-i8k
    @PengJin-i8k Год назад

    谢谢您。李老师

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

    Thanks for the video mate. I have a question; is it possible to use pure three.js inside a three-fiber project? I'd like to return geometries and models as components but writing them in pure three.js I wonder if that's possible.

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

    Open source is what makes three.js

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

    Can we use three.js in our react project to show 3d Model using the usdz format and also using the URLs( without the file)

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

    Worked, thx

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

    In the playlist, I want to take a part of two tracks and put it in the setuper, but I don't know how...I want to setup each track piece by piece,

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

    Hi there thank you for these tutorial
    I have a question how can I make button on the object like car door or window when I click on car door call a function i made before ???
    And thank you again ❤❤

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

    cool video! any idea how we could combine the normal map material with the meshdistort material?

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

    thanks for thisss.

  • @vinopower2023
    @vinopower2023 2 года назад +1

    hey , subscribed

  • @YeLu-zi6oy
    @YeLu-zi6oy Год назад

    Is there a way to resize the texture image using react three fiber? I applied an image on a circle but it's not fitting the whole circle for some reason. I feel like it has something to do with UV mapping?

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

    26:15 the npx gltfjsx command doesnt work, firstly it ask me that gltfjsx@6.2.13 package needs to be installed and then it completes but doesnt create .js file

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

    great content

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

    Thanks

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

    I have a question about importing our own models. I tried the exact way through the cmd but on the end I get a jsx file instead of a js file which makes it a problem when importing to react. Do you have any solutions?

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

    Very nice ..

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

    hey my am unable to render texture onto my shape the shape just disappears after following what youv'e done on the video

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

    If u learn three.js is there need for css????

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

    What is the point of the wrapper

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

    does anyone know where i can get the pirated version of soft soft

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

    second sandbox link is not working

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

    I get - "React.useId is not a function" on initial code

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

    I am your 900th like!

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

    Will it be helpful to make the most out of Three.JS and other 3D JS Libraries if I learn Blender or other 3D model generating/editing software ?

  • @0O0day
    @0O0day 2 года назад +4

    PLZ Three.js In Vue js

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

    sandbox not found((

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

    My brain is overheating

  • @crudedefe3177
    @crudedefe3177 2 года назад +1

    Am I able to do this in visual studio code?

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

    I cant be the only one who keeps getting the "can't assign to property "_updatedFibers" on 0: not an object" on the Canvas part lol..

    • @southern-cross-usee
      @southern-cross-usee 2 года назад +1

      changing version of Dependencies in accordance with author helped me with that

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

    Thank you so much ily asian man i hope u get free donut and cupcake and lot of money

  • @VishalMishra-ks7qt
    @VishalMishra-ks7qt 2 года назад

    Can anyone please help me to add gradient texture to three js blob in react js, please.....

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

    Hi hi

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

    ur code links down in < 1 year...

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

    yah im 10 mins in this tutorial and im getting nothing but errors..

  • @alexandru-ioanidriceanu5373
    @alexandru-ioanidriceanu5373 2 года назад

    U rember to co back? Lmao

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

    very bad tutorial nothing is clear didn't explain the numbers he was adding.

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

    You've been pronouncing "drei" wrong all this time. It's "three" spelled (and should be pronounced) in German.
    You're also not rotating or moving anything in "3D dimensions" but you are doing so in 3 dimensions. That's literally what 3D means.
    Other than that, interesting video, thanks for taking the time to make it.

    • @VishalMishra-ks7qt
      @VishalMishra-ks7qt 2 года назад

      Hey can you help me with adding gradient texture on blob using three js in react...

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

    Thank you so much