Three.js Interactive Hero Section with lots of post-processing

· 0:39 · Tutorials · three.js, tutorial, source-code, post-processing, glass-material, three-js, killer-hero-section, threejsjourney

Three.js Interactive Hero Section with lots of post-processing - video thumbnail

Watch on YouTube · Subscribe to the channel

Subscribe for updates:

I felt inspired to recreate the beautiful header from pipe's website but using instead of video. And with the right post-processing effects, I ended up with an interactive header with lights that responds to mouse movement with less than 1.7 MB .

Source code and, hopefully, a tutorial will be posted soon ;).

Links from the video