3D Scene Workshop with React Three Fiber

A progressive learning project covering core 3D concepts using React Three Fiber.

✨ Core Features

• Geometry : Box, Sphere, Torus, TorusKnot
• Materials : Standard, Wobble, Wireframe
• Lighting : Directional + Ambient with debug helpers
• Controls : Orbit, Leva GUI
• Interactivity : Hover/click effects, real-time adjustments

🗺️ Learning Path

1. 01_basic: Box with standard material
2. 02_otherGeometry: Multiple animated shapes
3. 03_interactions: Hover/click effects
4. 04_drei: Wobble effects & camera controls
5. 05_helpers: Light debugging
6. 06_leva: Real-time property controls

🚀 Quick Start

1. Install dependencies:

   npm install @react-three/fiber @react-three/drei leva three

2. Run development server:

   npm run dev

3. Explore different stages:

   cd 04_drei/ && npm run dev

📚 Learning Resources

Resource	Description
	Official R3F documentation and examples
	Ready-to-use Three.js components
	GUI controls for live tweaking
	Core WebGL library reference