🎨 Real-time camera feed posterization tool with customizable patterns and effects
- Real-time Processing: Live webcam feed with instant posterization effects
- Customizable Steps: Adjust brightness levels from 2-16 steps for different artistic effects
- Mixed Content: Use solid colors OR custom images for each brightness level
- Multiple Resolutions: Support for 160x120 up to 1280x720 (Ultra HD)
- Interactive Effects:
- Variable frame rate control (5-60 FPS)
- Color flash effects for dynamic visuals
- Pixel size adjustment (2-20px)
- Contrast control
- Color Customization: HSB color picker for each brightness step
- Image Upload: Upload custom images to use as "pixels" for artistic effects
- Sample Images: Pre-loaded test images available in the
image templates/folder for quick experimentation - Performance Monitoring: Real-time FPS and processing time display
- Snapshot Capture: Save your posterized creations as PNG files
- Start Camera: Click "Start Camera" and allow webcam access
- Adjust Steps: Use the brightness steps slider to control the posterization level
- Customize Colors: Click any step swatch to open the color editor
- Upload Images: Switch to "Image" mode and upload custom images for unique effects (or use the sample images from the
image templates/folder) - Apply Effects: Adjust FPS, color flash, pixel size, and contrast
- Capture: Take snapshots of your posterized video feed
- Digital art creation
- Live streaming effects
- Video art projects
- Creative photography
- Educational demonstrations of image processing
- Modern web browser with WebRTC support
- Webcam access permissions
- Recommended: Chrome, Firefox, Safari, Edge
- Frontend: Vanilla JavaScript, HTML5 Canvas, CSS3
- Video Processing: WebRTC getUserMedia API
- Image Processing: Canvas 2D rendering context
- Performance: Optimized with requestAnimationFrame and frame rate throttling
Fully responsive interface that works on desktop, tablet, and mobile devices.
Feel free to open issues or submit pull requests to improve the tool!
This project is licensed under the MIT License - see the LICENSE file for details.
Created with ❤️ using real-time video processing and Canvas API