Rare Earth Juejin Tech Community
Apr 3, 2024 · Frontend Development
Recreating the Xiaomi SU7 Showcase Webpage with three.js and Custom Shaders
This article walks through reproducing the stunning Xiaomi SU7 showcase webpage by using three.js, custom GLSL shaders, and several helper libraries to implement dynamic environment map switching, reflective ground, tunnel traversal, bloom, and camera shake effects, providing complete source code and explanations.
GLSLGraphicsShaders
0 likes · 18 min read