# How to export a p5.js animation in high quality video

**URL:** https://discourse.processing.org/t/how-to-export-a-p5-js-animation-in-high-quality-video/32655
**Category:** Libraries
**Created:** [October 6, 2021, 7:19pm UTC](https://discourse.processing.org/t/how-to-export-a-p5-js-animation-in-high-quality-video/32655 "2021-10-06T19:19:17Z")
**Posts on this page:** 1
**Showing post:** 3

<div class="post-metadata">

### Author: ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)
#### Post date: [October 6, 2021, 7:43pm UTC](https://discourse.processing.org/t/how-to-export-a-p5-js-animation-in-high-quality-video/32655/3 "2021-10-06T19:43:14Z")

</div>

> **[Ccapture Bouncing Colorful Balls Demo](https://glitch.com/~ccapture-bouncing-colorful-balls-demo)**
>
> Simple, powerful, free tools to create and use millions of apps.

> [@How to save your p5.js sketch as a GIF using CCapture.js](https://discourse.processing.org/t/how-to-save-your-p5-js-sketch-as-a-gif-using-ccapture-js/1264/2):
>
> I’ve managed to host a CCapture demo sketch online: star_struck[https://ThimbleProjects.org/gotoloop/509340](https://ThimbleProjects.org/gotoloop/509340)[https://ThimbleProjects.org/gotoloop/509340/sketch.js](https://ThimbleProjects.org/gotoloop/509340/sketch.js) Important note: the CCapture library demands the file “gif.worker.js” in order to save all of the capture() canvas frames as a “.gif” file! You can grab 1 at the link below: robot[http://cdn.JsDelivr.net/npm/gif.js/dist/gif.worker.js](http://cdn.JsDelivr.net/npm/gif.js/dist/gif.worker.js) “index.html”: \<!DOCTYPE html\> \<meta charset=utf-8\> \<meta name=viewport content=width=device-wi…

---

_[View the full topic](https://discourse.processing.org/t/how-to-export-a-p5-js-animation-in-high-quality-video/32655)._
