Rare Earth Juejin Tech Community

Oct 20, 2024 · Frontend Development

Creating a 3D Cityscape with Lighting, Shadows, and Radar Effects Using Three.js

This tutorial demonstrates how to build a 3D city model in Three.js by adding ambient and directional lighting with shadows, generating random building geometries, customizing shaders for top‑view UV mapping, and implementing animated radar diffusion and scanning effects through shader uniform updates.