Level Up Your Renderings with GRADIENT HDRs! [Three.js, Blender, and Co.] [CODEPEN | FREE CODE]
Channel: Miro Leon
Date: 2023-07-18

JOIN OUR DISCORD! https://discord.gg/9JtYAqdWzq Get my Gradient HDR Pack to support me! https://miroleon.gumroad.com/l/gradient_hdr_pack

Previous Three.js Tutorial Introduction https://youtu.be/l7zkOM4FvZQ
Previous Three.js Surface Imperfection Tutorial https://youtu.be/6x6h9ALZ_-Q

Find the code for this scene – https://codepen.io/miroleon/pen/dyQdzKq

Get 2 Freebies – https://miroleon.gumroad.com/l/gradient_hdr_freebie
Find the GitHub Repo with the Freebies and a Three.js Example – https://github.com/miroleon/gradient_hdr_freebie

Find my other artwork on Instagram – https://www.instagram.com/miroxleon/
Follow me on Twitter – https://twitter.com/miroxleon
For all other links and contact, visit my website – https://miroleon.de/links

The amazing 3D model is by JohnMesplay on Sketchfab – https://skfb.ly/oy6x6

Chapters:
0:00 Intro
0:38 Gradient HDR Pack
1:35 Basic Code Setup
2:02 Three.js Setup
3:14 Three.js HDR Setup
4:53 Three.js Fog Setup
5:19 Creating Group for HDR Rotation
6:13 Three.js Pointlights
6:30 Three.js Camera
6:38 Three.js Material with HDR Intensity
9:24 Three.js OBJ Loader
10:26 Post-processing
10:41Three.js Bloom
11:15 HDR Rotation Animation
13:04 Outro