Bokeh Screensaver Web App

Experience a stunning animated bokeh screensaver directly in your web browser!

✨ Features

• Photorealistic Effect: Immerse yourself in soft, glowing, out-of-focus light effects created using HTML5 Canvas.
• Animated Shimmer: Enjoy calming, gently pulsing particles that enhance your ambiance.
• Diverse Background Selection: Choose from stunning scenic backgrounds, seasonal gradients, or solid colors, all with cinematic depth-of-field blur.
• Modern User Interface: Easily navigate with a sleek, glassmorphism-style side panel for customization.
• Customizable Bokeh: Fine-tune particle count, size, shimmer speed, brightness, and drift using intuitive sliders.
• Deep Linking: Share your personalized configuration with a single click.
• Multiple Themes: Pick from various color palettes inspired by the seasons and holidays.
• Fullscreen Mode: Dive deeper into the experience with one-click fullscreen.
• Responsive & Mobile Optimized: Automatically adapts to fit any screen size, ensuring smooth performance on all devices.
• Version Tracking: Easily keep track of the current build version in the settings panel.

🚀 Getting Started

1. Try it Live: Bokeh Screensaver Web App
2. Clone the repository:

   git clone https://github.com/ChiefInnovator/bokeh.git

3. Open index.html in any modern web browser.
4. Click the settings button (gear icon) in the top right to customize your experience.
5. Use the link icon to copy a shareable URL of your current design.
6. Click anywhere on the screen to enter fullscreen mode.

🏗️ Architecture

• Tech Stack:

  • HTML5 for structure
  • CSS3 for styling (utilizing glassmorphism)
  • JavaScript for functionality (canvas rendering and UI interactions)

• Key Design Decisions:

  • The application employs the HTML5 Canvas API for rendering photorealistic bokeh effects, enhancing the visual experience.
  • Responsive design ensures compatibility across various devices and screen sizes.
  • A modular approach to themes and backgrounds allows easy extension and customization.

🤝 Contributing

We welcome contributions! Please check our contributing guidelines for more details on how to get involved.

📄 License

This project is licensed under the MIT License. See the LICENSE file for more details.

---

_{Powered by RepoBeacon}