ccapture.js

Why we included this project

Anyone shipping browser-based animation, whether generative art, WebGL scenes, or Three.js sketches, eventually hits the point where they need to turn a live canvas into a clean video file. This library records at a fixed framerate by handing your render loop a virtual clock, so even a frame that takes two seconds to draw comes out as a smooth 60fps export. You add a single `capturer.capture(canvas)` call inside your existing loop and get an mp4, webm, or gif back without restructuring anything. The rewrite also brings GPU motion blur and WebCodecs-based encoders, which matters when the exported quality needs to match what you see on screen. It is a good fit for generative artists and small teams that want reproducible, high-quality recordings of realtime web visuals.