Make sure to check my Gradient HDR Pack on Gumroad! miroleon.gumroad.com/l/gradient_hdr_pack Also, check out my previous Three.js tutorials: Introduction to Three.js - ua-cam.com/video/l7zkOM4FvZQ/v-deo.html Surface Imperfections in Three.js - ua-cam.com/video/6x6h9ALZ_-Q/v-deo.html Let me know what kind of tutorial or content you want to see next!
How much info do you need? For one, you can export the code from Codepen ("Export" button in the lower right corner): codepen.io/miroleon/pen/dyQdzKq Alternatively, you can get the code from GitHub: github.com/miroleon/gradient_hdr_freebie/blob/main/ThreeJS_HDR_Example/ Then in VS Code, you need a live server (although you could also open the HTML file in your browser). For the live server, go to the Extensions section in VS Code, search for "live server", and choose one. There will likely be a button "Go Live" or something similar, which will allow you to view the code/rendering live in your browser. I hope that helped. If you have any more questions, feel free to let me know. I can also create a tutorial on how to do the VS Code setup in the future!
Thank you so much for your kind comment! I'll make sure to create more helpful tutorials in the future. In the meantime, I want to say thank you for your comment by giving you a 25% discount on the Gradient HDR Pack! You can use "F4WTXGS" at the checkout to get the discount on Gumroad! miroleon.gumroad.com/l/gradient_hdr_pack
Thank you! I appriciate it a lot! If you're interested in the full HDR pack, I want to say thank you for your comment by giving you a 25% discount! You can use the following link or the code "F4WTXGS" during checkout to get the discount. I hope you enjoy the assets and my future tutorials! miroleon.gumroad.com/l/gradient_hdr_pack/F4WTXGS
Thank you for your comment! There is no particular reason why I don't use React, but one explanation lies in the fact that I don't consider myself a Web Dev in the classical sense. I'm an artist who uses different media and one of them happens to be coding - particularly languages that are prevalent in web development. With plain Three.js I was simply able to get most quickly to a look that I was trying to achieve, but perhaps similar things are possible in React and maybe even with better performances. I definitely encourage you and everyone else to apply the concepts I'm using (e.g. the idea of using stylised HDRs with reflective materials) to any other code base or software. If you happen to translate this to React, let me know! I'm curious to see the result! And if you want to see a React tutorial, let me know as well and I'll see what I can do!
![Create a STREAM COUNTDOWN with THREE.JS! [FREE CODE | CODEPEN]](http://i.ytimg.com/vi/9vic5ZgmjfM/mqdefault.jpg)
![Create a STREAM COUNTDOWN with THREE.JS! [FREE CODE | CODEPEN]](/img/tr.png)
![Create this 3D WEB RENDERING with FREE TOOLS [Three.js & Mixamo] [CODEPEN | FREE CODE]](http://i.ytimg.com/vi/l7zkOM4FvZQ/mqdefault.jpg)
Make sure to check my Gradient HDR Pack on Gumroad!
miroleon.gumroad.com/l/gradient_hdr_pack
Also, check out my previous Three.js tutorials:
Introduction to Three.js - ua-cam.com/video/l7zkOM4FvZQ/v-deo.html
Surface Imperfections in Three.js - ua-cam.com/video/6x6h9ALZ_-Q/v-deo.html
Let me know what kind of tutorial or content you want to see next!
Awesome work ❤❤
Thank you so much! Your work on Instagram looks amazing, too!
vscode setup?
How much info do you need? For one, you can export the code from Codepen ("Export" button in the lower right corner):
codepen.io/miroleon/pen/dyQdzKq
Alternatively, you can get the code from GitHub: github.com/miroleon/gradient_hdr_freebie/blob/main/ThreeJS_HDR_Example/
Then in VS Code, you need a live server (although you could also open the HTML file in your browser). For the live server, go to the Extensions section in VS Code, search for "live server", and choose one. There will likely be a button "Go Live" or something similar, which will allow you to view the code/rendering live in your browser.
I hope that helped. If you have any more questions, feel free to let me know. I can also create a tutorial on how to do the VS Code setup in the future!
Great tutorial thank you
Thank you so much for your kind comment! I'll make sure to create more helpful tutorials in the future. In the meantime, I want to say thank you for your comment by giving you a 25% discount on the Gradient HDR Pack! You can use "F4WTXGS" at the checkout to get the discount on Gumroad!
miroleon.gumroad.com/l/gradient_hdr_pack
awesome thanks
Thank YOU for your comment! These make my day each and every time! Thank you for your support!
build a multi page website with rtf
N1
Thank you! I appriciate it a lot!
If you're interested in the full HDR pack, I want to say thank you for your comment by giving you a 25% discount! You can use the following link or the code "F4WTXGS" during checkout to get the discount. I hope you enjoy the assets and my future tutorials!
miroleon.gumroad.com/l/gradient_hdr_pack/F4WTXGS
why dont you use react
Thank you for your comment! There is no particular reason why I don't use React, but one explanation lies in the fact that I don't consider myself a Web Dev in the classical sense. I'm an artist who uses different media and one of them happens to be coding - particularly languages that are prevalent in web development. With plain Three.js I was simply able to get most quickly to a look that I was trying to achieve, but perhaps similar things are possible in React and maybe even with better performances. I definitely encourage you and everyone else to apply the concepts I'm using (e.g. the idea of using stylised HDRs with reflective materials) to any other code base or software. If you happen to translate this to React, let me know! I'm curious to see the result! And if you want to see a React tutorial, let me know as well and I'll see what I can do!