Tag

InstancedMesh

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 18, 2023 · Game Development

Recreating the Genshin Impact Login Screen with Three.js Shaders

This article walks through how to replicate Genshin Impact's login interface using three.js, custom GLSL shaders, instanced meshes, and post‑processing effects, providing detailed code snippets and explanations for background gradients, cloud layers, pillars, light beams, stars, fog, and rendering optimizations.

InstancedMeshThree.jsWebGL
0 likes · 8 min read
Recreating the Genshin Impact Login Screen with Three.js Shaders