A modern web application that generates beautiful bokeh wallpapers using HTML5 Canvas and Web Workers. Built with TypeScript, Vite, and dat.GUI.
- 🎨 Real-time bokeh effect generation
- ⚡ Web Worker support for better performance
- 🎯 Multiple shape options (Circle, Polygon, Star, Hearts)
- 🌈 Customizable colors and effects
- 📱 Responsive design
- 💾 Save generated images
- ⚙️ Extensive customization options
- ⏱️ Performance metrics
- Width and Height
- Image format (PNG, JPEG, WEBP)
- Shape type (Circle, Polygon, Star, Hearts)
- Number of vertices
- Maximum size
- Blur effect
- Stroke options
- Rotation settings
- Particle count
- Hue
- Saturation
- Lightness
- Alpha
- Random hue options
- None
- Rainbow
- Random in range
The application uses Web Workers to offload the heavy computation of bokeh generation to a separate thread, ensuring smooth UI performance. If Web Workers are not supported, it gracefully falls back to main thread processing.
- Bun (latest is recommend)
- Clone the repository:
git clone https://github.com/michioxd/genbokeh.git
cd genbokeh- Install dependencies:
bun i- Start the development server:
bun dev- Build for production:
bun build- TypeScript
- Vite
- dat.GUI
- HTML5 Canvas
- Web Workers
- SCSS
MIT License - see the LICENSE file for details.
Created by michioxd
Contributions are welcome! Please feel free to submit a Pull Request.