Glass Refraction Gallery

An interactive 3D visualization showcasing the beauty of light refraction through glass-like materials.

🌟 Features

• Real-time 3D rendering of glass-like cylinders
• Dynamic chromatic aberration and light refraction effects
• Interactive controls for customizing the visual experience
• Optimized performance for smooth interactions
• Built with React and Three.js for powerful 3D web graphics

🚀 Quick Start

1. Clone the repository:

   git clone https://github.com/yourusername/glass-refraction-gallery.git
   

2. Navigate to the project directory:

   cd glass-refraction-gallery
   

3. Install dependencies:

   npm install
   

4. Start the development server:

   npm run dev
   

5. Open your browser and visit http://localhost:3000

🎮 Controls

Adjust various parameters to explore different visual effects:

• Glass Properties: Transmission, thickness, roughness, IOR
• Chromatic Aberration: Intensity of color separation
• Geometry: Number of cylinders, size, rotation
• Scene: Background color, camera position

🛠️ Technologies Used

• React
• Three.js
• React Three Fiber
• Drei
• Leva for GUI controls

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📜 License

This project is MIT licensed.

🙏 Acknowledgements

• Inspired by the refraction of light in nature
• Thanks to the Three.js and React Three Fiber communities for their amazing tools and resources

---

Made with ❤️ by [Your Name]