|
|
|
| screen recording | PNG Download | SVG Download |
A high-performance real-time webcam that generates fresh SVG markup every frame. Using WebGL-accelerated edge detection and path generation, SVGWebcam transforms your camera feed into unique line drawings, creating a confounding mix of painterly abstraction and mechanical renderings as a real-time animation.
This real-time SVG tool lets you compose a scene using input controls to adjust thresholds, colors, line widths, fill, and path settings and save the current frame as an SVG that can be opened in the graphics program of your choosing.
I'm a visual artist with a painting background. I often use cnc tools like vinyl cutters and pen plotters that require working with vector files. I've found most methods of converting bitmapped graphics to outlined vector paths to be slow, cumbersome and innefficient. I aim for images that are revealed through a process of discovery and find that tools such as Adobe Illustrator's Image Trace function often result in something that appears too pre-determined and sanitized looking.
I wanted a vector-first image capture tool where I didn't need to open a photo in a graphics program in order to turn it into a vector file.
|
|
|
|
|
|
|
|
|
initWebGL.ts compiles shaders and creates programs, textures, framebuffers.
The |
The |
|
|
|