Three.js Realistic Material Reflection Tutorial in 8 Minutes

How to setup a realistic material reflection on three.js and create a stunning visual effect on website in 8 minutes.
Download Source Code: redstapler.co/three-js-realis...
******** Follow us on ********
Facebook: / theredstapler
Website: redstapler.co/
Twitter: / redstapler_twit
******** Studio Equipment *********
Screen Capture Card: amzn.to/3hqVDM6
Mic: amzn.to/2Uy7dKw
Audio Interface: amzn.to/3pspAyJ
#ThreeJS #JavaScript #WebDev

[@RedStapler_channel]

Guys, sorry for being away for so long. I'll try to keep pushing out new episode as much as possible. Thank you for staying with me :)

[@fatjay9402]

Question can you show how to use tree.js and Elementor .. and make a real world example... that would be great sir

[@himadri_121]

No Complaints. You can take time to make videos but we expect them to be quality 🥰

[@janatalibrary2841]

html css th-cam.com/video/ckc2rTmCGCU/w-d-xo.html

[@himadri_121]

Breath taking Video 😘😘🥰
Your channel Rocks at Library Videos 😭
Loving your content 🤩
No complaints for late video publishing, the quality buried it away 👍🏻

[@SaneSam.]

I love the video I wish you left more links to the pages and played music in the background especially when its just coding

[@arwahsapi]

Wow! Just wow!

[@husler7424]

After a long LONG while!

[@antonvideo2390]

just king again, gracias red

[@janatalibrary2841]

html css th-cam.com/video/ckc2rTmCGCU/w-d-xo.html

[@subzero2971]

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 ❤❤

[@jonaspetersen4233]

Nice tutorial. There is a typo in the material settings though. You wrote "cleacoatRoughness" (missing an 'r'). As a result it has the default value of 0.0.

[@naokimc]

unity and unreal engine devs should watch this

[@bodybody5609]

You dedn't? Glad to see you back

[@khaher]

more three.js!

[@ajibolaoki5064]

Amaxing video...
In my case I am getting this error "Failed to load resource: the server responded with a status of 404 (Not Found)" the RGBE Loader for some reason will not load the hdr image or any image format

[@wshacode7179]

Hello there please could you create a video about virtual tour for show rooms moving from one room to others with hotspots . It will be so usefull

[@karimorch]

thx ^^

[@mohamedanas8937]

Can we change material to object in real time like for eg: applying stickers in bikes and cars

[@aTITANb]

We want more 3js

[@gambar]

I followed step by step, line by line but my when I apply the envmap, my sphere goes totally white. Not sure what I'm doing wrong. The hdrmap has been successfully loaded...

[@mfs6165]

Wow bro it is a pro js 🔥🔥

[@janatalibrary2841]

html css th-cam.com/video/ckc2rTmCGCU/w-d-xo.html

[@riccardobiemmi2103]

How comes that light and environment move with the mouse? If they were not, rotating the sphere should not change the reflections on it...

[@jonathanlindqvist570]

Looks amazing but I'm not getting this to work at all, not even your own source! Can you please upload this again? Would love to be able to do this!

[@LakiLOOP]

We want more

[@onurcaba9896]

I really not understand the difference between the class import methods, 'script src' and 'import'. Some cases one is not working, why?

[@boburjonabdullajonov9404]

Why didn't I get a circle shape? Where can I get it?

[@luizelrodrigues9496]

i want more three.js for beginners | 🇧🇷

[@janatalibrary2841]

html css th-cam.com/video/ckc2rTmCGCU/w-d-xo.html

[@Martin-4D]

Ace!

[@moroliu2845]

Hey, great video! But something went wrong when i try to replicate it, even if i take your code from the download... would be grateful if you could fix it

[@stealthypirate318]

I'm experiencing the same problem

[@charushiva9403]

file not found 404 error for all three file imported.what to do

[@okeyeng8024]

Won't work. Access to script at 'file:///C:/..../src/js/RGBELoader.js' from origin 'null' has been blocked by CORS policy

[@okeyeng8024]

it should be hosted on a server I guess, it wont't work locally

[@man308100]

use nodejs or host your dummy site thru IIS if windows else xamp

[@mming109]

hi, i'v got a same problem. did you solve it?

[@okeyeng8024]

@@mming109 I think you should run it on a server. I didn't try

[@lucd9642]

You can solve this by creating and running your project with ‘vite js’

[@UltraTV777]

It's not working anymore

[@imgod113]

Thanks, but 20mb for hdr is too match for web

[@janatalibrary2841]

html css th-cam.com/video/ckc2rTmCGCU/w-d-xo.html

[@googlechel]

HDR map bag path

[@MetalStorm66]

25 mb for the env map seems like a lot

[@janatalibrary2841]

html css th-cam.com/video/ckc2rTmCGCU/w-d-xo.html

[@MetalStorm66]

@@janatalibrary2841 How is this related to my comment...

[@genazozulya]

Second

[@willfredyvieiradias490]

Third

[@janatalibrary2841]

html css th-cam.com/video/ckc2rTmCGCU/w-d-xo.html

[@__foo]

First

[@janatalibrary2841]

html css th-cam.com/video/ckc2rTmCGCU/w-d-xo.html

[@renecabuhan1675]

Its very nice. But its honestly useless.

[@himadri_121]

Ask people who are suffering to learn that. It is pretty useful for many 3d web projects

[@youarewelcome2009]

Also had issues. Provided a repository for a working version. (Using VSCode Live Server to run the code):
github.com/Motion4Life/ThreeJS-Tutorial