ccapture.js

A library to capture canvas-based animations at a fixed framerate (by spite)

Ccapture.js Alternatives

Similar projects and alternatives to ccapture.js

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a better ccapture.js alternative or higher similarity.

ccapture.js reviews and mentions

Posts with mentions or reviews of ccapture.js. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-02-25.
  • Making YouTube video with React
    9 projects | dev.to | 25 Feb 2023
    I also tried to find a better recording method. Since Iā€™m now using canvas, there are some solutions to recording that seemed quite elegant. For example, paper.js uses requestAnimationFrame to achieve its smooth animation. There are libraries like ccapture.js that hooks into the various methods like requestAnimationFrame and setInterval, allowing it to render each frame separately.
  • how to save scene as image file in three.js?
    1 project | /r/threejs | 26 Jul 2022
    I actually spent a fair bit of time on this and eventually got something to work. Someone named "spite" made a great library called CCapture for doing this, but it needs to be updated and repackaged for ES6. Right now it is painful to integrate into your project, but it could be super-easy. You can help to encourage someone to fix the issues here.
  • Help! does anyone know how to export p5.js into WebM?
    2 projects | /r/generative | 15 Apr 2022
    Check out CCapture.
  • How to download/export animation ?
    1 project | /r/p5js | 30 Jan 2022
  • How to create a video editor that works in your browser.
    14 projects | dev.to | 26 Nov 2021
    The image capture step uses ccapture to ensure that the playback frame is converted to an image. All frame images to webm video.
  • qgis2threejs export to gif
    1 project | /r/QGIS | 1 Nov 2021
    ccapture.js basically let's you write out frames from a threejs camera, which you then stitch together with ffmpeg.
  • rivers
    2 projects | /r/generative | 17 Aug 2021
    I use ccapture, using the png option, which will spit out a tar with a png of each frame, and then I stitch them with ffmpeg.
  • [p5.js] Flame.
    1 project | /r/generative | 23 May 2021
    This video is 1800 frames (30 FPS * 60s)... a browser trying to save 1800 individual frames would lock up and die. Ccapture.js hooks into the browser's rendering code and captures the frames as a 'blob' - a binary object that is often used for streaming video - and then wraps them up into one single download.
  • [p5.js] Swirling the drain
    2 projects | /r/processing | 10 May 2021
    p5.js runs the sketch, ccapture.js captures all of the frames (1800 in this video), and ffmpeg combines the frames into an MP4.
  • [p5.js] Surfing the simplex.
    1 project | /r/creativecoding | 28 Apr 2021
    I use ccapture.js, which captures the frames as a blob in real-time then exports it as a .tar file full of jpgs when the sketch is finished (with 'finished' defined as reaching 1800 frames, in this case). This is a lot better than having the browser try to save 1800 jpgs the usual way.
  • A note from our sponsor - SurveyJS
    surveyjs.io | 26 Apr 2024
    With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more ā†’

Stats

Basic ccapture.js repo stats
12
3,473
0.0
over 1 year ago

Sponsored
The modern identity platform for B2B SaaS
The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
workos.com