# 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:** 3
**Page:** 1

<div class="post-metadata">

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

</div>

Hi,

I’d like to export p5.js animation in high quality videos. I tried the export function of OpenProcessing, but the video is very compressed.

Thanks

---

<div class="post-metadata">

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

</div>

I haven’t tried it personally, but the p5.js documentation recommends [ccapture.js](https://github.com/spite/ccapture.js/).

---

<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…
