Rare Earth Juejin Tech Community
Mar 22, 2025 · Frontend Development
Recreating Genshin Impact Moon Scene with Three.js – A Step‑by‑Step Tutorial
This article walks through recreating Genshin Impact’s Moon scene using Three.js, covering asset extraction, background loading, star field generation with custom shaders, concentric ring creation, axis stars, camera grouping, and performance optimizations, complete with full source code and live demo links.
3D graphicsFrontend TutorialGenshin Impact
0 likes · 10 min read