Build a Three.js WebGL scene showcasing a metallic PBR sphere with custom GLSL shaders, environment map reflections, Fresnel glowing edges, and bump mapping.

#3 Procedural Low-Poly Terrain Generator

Difficulty: Hard

Create a 3D procedural terrain generator using Three.js and simplex noise, featuring elevation height coloring, water plane reflections, and camera orbit controls.

#4 Interactive Solar System Simulator

Difficulty: Medium

Build an interactive 3D WebGL solar system with proportional planetary orbits, textured sphere meshes, Saturn ring geometry, and camera focal target selection.

#5 Volumetric Cloud & Skybox Shader Scene

Difficulty: Hard

Create a Three.js scene featuring custom GLSL volumetric ray-marched clouds with dynamic sun directional light scattering and dynamic time-of-day controls.

#6 Animated Character Rig Mesh Viewer

Difficulty: Hard

Build a 3D WebGL model viewer featuring skeletal animation playback controls (walk, run, idle), bone gizmo overlays, and shadow depth mapping.

#7 Interactive 3D Data Scatterplot

Difficulty: Medium

Create a 3D spatial data visualization scene in Three.js with floating data points, axes grid lines, dynamic tooltips on hover, and camera smooth transitions.

#8 Real-time Glass Refractive Distortion Scene

Difficulty: Hard

Build a Three.js WebGL scene demonstrating chromatic aberration glass refraction shaders over moving geometric primitives with dynamic light sources.

#9 Procedural City Grid Generator

Difficulty: Hard

Create a 3D WebGL city generator rendering procedural skyscraper meshes with window glow textures, street grid layouts, and moving vector traffic lights.

#10 Interactive Audio Visualizer Spectrum Wave

Difficulty: Medium

Build a 3D WebGL sound visualizer where a mesh terrain deforms dynamically based on real-time Web Audio API frequency analysis spectrum data.