Design●●●Banger
Autoportrait Playground – painting timelapses in the browser
Simulates graphite strokes and layering order to fake a hand-drawing a photo in real-time.
Rabbit HoleWizardryCozy
philipfweiss
311d ago
Back to browse
GitHub Repository
A canvas library that paints your picture in front of the visitor: graphite first, then watercolor, one pigment at a time.
4 starsJavaScript
Autoportrait- Painting Timelapses in JavaScript
by philipfweiss·Jul 15, 2026·2 points·0 comments
AI Analysis
●●●BangerEye CandyWizardryCozy
Simulates watercolor layering and graphite sketching without any runtime ML or dependencies.
Strengths
- •Deterministic seeded PRNG allows exact reproduction and seeking to any timestamp in the painting process.
- •CIELAB k-means segmentation with spatial weighting automatically identifies regions like face or sky.
- •Zero dependencies and pure client-side execution make it trivial to embed in any static site.
Weaknesses
- •Requires an optional external mask script for advanced figure-ground separation layering.
- •Visual style is fixed to graphite-and-watercolor; no support for oil, acrylic, or other mediums.
Category
Target Audience
Creative developers, digital artists, portfolio builders
Similar To
SVGator · Canvas-sketch · Processing
Similar Projects
Design●●Solid
Mojave Paint for macOS, edit images like it's 1999
Retro 90s aesthetic image editor betting against AI features in crowded market.
CozyNiche Gem
jpsimons
356d ago
Developer Tools●●Solid
Ripl – A unified 2D/3D engine for Canvas, SVG, WebGPU, and the Terminal
Terminal chart rendering shines, but D3 and Three.js dominate the web graphics space.
WizardryBig Brain
andrewcourtice
1703mo ago
Developer Tools●●Solid
I gave Claude a schema it had never seen. It made a newspaper
Typesetting engine rendering structured JSON to Canvas without using the DOM.
WizardryShip It
cosmiciron
203mo ago
Design●●●Banger
Browser-based timelapse generator with pose-based photo alignment
Pose-based alignment in the browser fixes shaky timelapses without Photoshop.
WizardryCozy
bb-dev
112mo ago
Developer Tools●●Solid
Render-tag – A rich text renderer for the Canvas 2D API
Pure canvas 2D text rendering avoids slow SVG foreignObject overhead for rich text.
Niche GemWizardry
lavrton
202mo ago