# Libraries

**URL:** https://discourse.processing.org/c/p5js/p5js-libraries/20.md?page=2

[Latest](https://discourse.processing.org/latest.md) · [Categories](https://discourse.processing.org/categories.md) · [Tags](https://discourse.processing.org/tags.md)

**Page:** 3

---

## [CCapture setup issue maybe chrome related?](https://discourse.processing.org/t/ccapture-setup-issue-maybe-chrome-related/40638)

<div class="topic-metadata">

**Author:** [@Tilman](https://discourse.processing.org/u/Tilman)\
**Replies:** 2\
**Last updated:** [January 18, 2023, 10:02pm UTC](https://discourse.processing.org/t/ccapture-setup-issue-maybe-chrome-related/40638 "2023-01-18T22:02:00Z")

</div>

Hi, today I tried many attempts to get the Ccapture library running without any luck. What makes me think it might be Chrome related is that I always get the buggy console feedback with any of my attempts. This is how t…

---

## [Weird light origins in 3d scene](https://discourse.processing.org/t/weird-light-origins-in-3d-scene/40489)

<div class="topic-metadata">

**Author:** [@brackish](https://discourse.processing.org/u/brackish)\
**Replies:** 4\
**Last updated:** [January 8, 2023, 5:30pm UTC](https://discourse.processing.org/t/weird-light-origins-in-3d-scene/40489 "2023-01-08T17:30:17Z")

</div>

p5.js Web Editor \<\<this is my project its a 3d game, wasd to move. i’m making calls to camera() and perspective() so that the player can move around the scene in first person and some other small tweaks to the view. y …

---

## [Code work on browser too slow, why?](https://discourse.processing.org/t/code-work-on-browser-too-slow-why/40455)

<div class="topic-metadata">

**Author:** [@vrtx](https://discourse.processing.org/u/vrtx)\
**Replies:** 5\
**Last updated:** [January 6, 2023, 10:35pm UTC](https://discourse.processing.org/t/code-work-on-browser-too-slow-why/40455 "2023-01-06T22:35:05Z")

</div>

Hi there… I mashup some codes and i got this final work. https://vrtxart.github.io/cover3/. I wondering wy its too slow after i upload it to guithub and open in a browser. The smoke efect almost do not work. this is…

---

## [Mouse Interaction Creates Pattern?](https://discourse.processing.org/t/mouse-interaction-creates-pattern/40399)

<div class="topic-metadata">

**Author:** [@museguy](https://discourse.processing.org/u/museguy)\
**Replies:** 2\
**Last updated:** [January 1, 2023, 8:07pm UTC](https://discourse.processing.org/t/mouse-interaction-creates-pattern/40399 "2023-01-01T20:07:53Z")

</div>

Please excuse the n00b question. Is there sample code or a library for a mouse interaction similar to Kawandeep Virdee’s Confetti Vortex? https://whichlight.github.io/interactive-trading-card/ I have looked through th…

---

## [How to check a particle system exist or not](https://discourse.processing.org/t/how-to-check-a-particle-system-exist-or-not/40369)

<div class="topic-metadata">

**Author:** [@AlfredChen](https://discourse.processing.org/u/AlfredChen)\
**Replies:** 0\
**Last updated:** [December 30, 2022, 6:48am UTC](https://discourse.processing.org/t/how-to-check-a-particle-system-exist-or-not/40369 "2022-12-30T06:48:02Z")

</div>

Hi everyone here, I’m a newbie learning P5.js to do something interactive. I’m facing a problem with I want to generate a particle system when receive a trigger from microphone. But when the trigger is on, the particle …

---

## [Sending value from maxmsp to p5js through socket.io](https://discourse.processing.org/t/sending-value-from-maxmsp-to-p5js-through-socket-io/40312)

<div class="topic-metadata">

**Author:** [@AlfredChen](https://discourse.processing.org/u/AlfredChen)\
**Replies:** 3\
**Last updated:** [December 26, 2022, 3:19pm UTC](https://discourse.processing.org/t/sending-value-from-maxmsp-to-p5js-through-socket-io/40312 "2022-12-26T15:19:01Z")

</div>

Goal: send radius value from maxmsp to p5js through socket.io Current State: testing with index.html works well, but when changed to p5js client, I can’t see the result or reaction. socket.io server part const express…

---

## [p5.Oscillator frequency not changing with the value contained in the index of an array](https://discourse.processing.org/t/p5-oscillator-frequency-not-changing-with-the-value-contained-in-the-index-of-an-array/40233)

<div class="topic-metadata">

**Author:** [@zgaus](https://discourse.processing.org/u/zgaus)\
**Replies:** 1\
**Last updated:** [December 21, 2022, 4:25am UTC](https://discourse.processing.org/t/p5-oscillator-frequency-not-changing-with-the-value-contained-in-the-index-of-an-array/40233 "2022-12-21T04:25:44Z")

</div>

Trying to convert the user input into char code/ascii code. Trying to use a for loop to continuously parse through the array containing the char code numbers 1 by 1 and use those numbers to change the oscillator frequenc…

---

## [Buttons play and pause](https://discourse.processing.org/t/buttons-play-and-pause/40215)

<div class="topic-metadata">

**Author:** [@vrtx](https://discourse.processing.org/u/vrtx)\
**Replies:** 3\
**Last updated:** [December 19, 2022, 9:55pm UTC](https://discourse.processing.org/t/buttons-play-and-pause/40215 "2022-12-19T21:55:32Z")

</div>

Hi there! I got to this point on my project. Add some buttons on right side wich play a sound/music. But i not handle how to play the button again and pause the sound. What is happening is that the sound goes playing o…

---

## [Why the button which was located in a specific place in Processing is now on all the page/work?](https://discourse.processing.org/t/why-the-button-which-was-located-in-a-specific-place-in-processing-is-now-on-all-the-page-work/40170)

<div class="topic-metadata">

**Author:** [@vrtx](https://discourse.processing.org/u/vrtx)\
**Replies:** 1\
**Last updated:** [December 19, 2022, 8:57pm UTC](https://discourse.processing.org/t/why-the-button-which-was-located-in-a-specific-place-in-processing-is-now-on-all-the-page-work/40170 "2022-12-19T20:57:18Z")

</div>

i wrote a skech in Processing and it was working. I toke the soud out off the first page and add a button to play it. I working on where and how to display a sound with a new button, BUT, the thing is, why the ET head b…

---

## [textFont() with font from Typekit / Adobe in React context](https://discourse.processing.org/t/textfont-with-font-from-typekit-adobe-in-react-context/40153)

<div class="topic-metadata">

**Author:** [@Stanlepunk](https://discourse.processing.org/u/Stanlepunk)\
**Replies:** 1\
**Last updated:** [December 14, 2022, 9:56am UTC](https://discourse.processing.org/t/textfont-with-font-from-typekit-adobe-in-react-context/40153 "2022-12-14T09:56:55Z")

</div>

Hello, I try to use font loaded from TypeKit in a React / Gatsby Context, mut the font don’t load. I don’t find the way to do it. I’m sure my font from Adobe is loaded because I it, by the classic way and the font is di…

---

## [Audio does not come up in the browser after build p5js into github](https://discourse.processing.org/t/audio-does-not-come-up-in-the-browser-after-build-p5js-into-github/39967)

<div class="topic-metadata">

**Author:** [@vrtx](https://discourse.processing.org/u/vrtx)\
**Replies:** 4\
**Last updated:** [December 10, 2022, 12:25am UTC](https://discourse.processing.org/t/audio-does-not-come-up-in-the-browser-after-build-p5js-into-github/39967 "2022-12-10T00:25:37Z")

</div>

Hi there… I did a sketch in processing and worked very well. Then i finally translate to p5js and uploaded to github. In the very end, the sound do not come up in the browsers. Here is the Processing code (now a bit b…

---

## [Pj.5s code into Processing code](https://discourse.processing.org/t/pj-5s-code-into-processing-code/40088)

<div class="topic-metadata">

**Author:** [@asymmetric](https://discourse.processing.org/u/asymmetric)\
**Replies:** 2\
**Last updated:** [December 10, 2022, 11:05am UTC](https://discourse.processing.org/t/pj-5s-code-into-processing-code/40088 "2022-12-10T11:05:48Z")

</div>

How do I translate the following code into processing from pj.5s? let y let pins = \[\] //////////////////////////////////////////////////////////////////////////////////////////////////// OPC.slider("pins\_num", 30, 1, 10…

---

## [No audio comes up in the browser after uploaded to github page, work fine P5js](https://discourse.processing.org/t/no-audio-comes-up-in-the-browser-after-uploaded-to-github-page-work-fine-p5js/40058)

<div class="topic-metadata">

**Author:** [@vrtx](https://discourse.processing.org/u/vrtx)\
**Replies:** 0\
**Last updated:** [December 8, 2022, 2:31am UTC](https://discourse.processing.org/t/no-audio-comes-up-in-the-browser-after-uploaded-to-github-page-work-fine-p5js/40058 "2022-12-08T02:31:12Z")

</div>

Hi there! 1# i was with no internet, its made using only my knoledge and some PDF. to whrite java processing and turn it into p5js.BUT It works fine on processing java but if i paste the p5js dont show up images on bro…

---

## [p5.Vector functions in instance mode with Angular 8](https://discourse.processing.org/t/p5-vector-functions-in-instance-mode-with-angular-8/12415)

<div class="topic-metadata">

**Author:** [@thonpy](https://discourse.processing.org/u/thonpy)\
**Replies:** 10\
**Last updated:** [November 19, 2022, 5:22pm UTC](https://discourse.processing.org/t/p5-vector-functions-in-instance-mode-with-angular-8/12415 "2022-11-19T17:22:04Z")

</div>

I have never used p5 as instance in a web app before and p5.vector functions are not working. All other p5 functions are working, but when I use a datatype from p5 like p5.Vector, the setMag or setLimit functions are not…

---

## [ColorPicker with alpha?](https://discourse.processing.org/t/colorpicker-with-alpha/39521)

<div class="topic-metadata">

**Author:** [@Chris](https://discourse.processing.org/u/Chris)\
**Replies:** 4\
**Last updated:** [November 8, 2022, 3:44pm UTC](https://discourse.processing.org/t/colorpicker-with-alpha/39521 "2022-11-08T15:44:10Z")

</div>

Hello. What about \`createColorPicker’ with RGBA mode ? It could be great to have this option (ARGB+Alpha) What do you think about ? Thanks. Chris

---

## [Is there any p5 function for 2d FFT?](https://discourse.processing.org/t/is-there-any-p5-function-for-2d-fft/39541)

<div class="topic-metadata">

**Author:** [@wonwoo](https://discourse.processing.org/u/wonwoo)\
**Replies:** 2\
**Last updated:** [November 4, 2022, 5:34am UTC](https://discourse.processing.org/t/is-there-any-p5-function-for-2d-fft/39541 "2022-11-04T05:34:24Z")

</div>

Hi, All. Is there any p5 function for 2d FFT? The “FFT” means Fast Fourier Transform. and … 2d FFT is required for 2D image processing. If not, I’ll try to make one for p5js for the first time in the world. I’ve …

---

## [Trying to change font weight based on volume of sound input](https://discourse.processing.org/t/trying-to-change-font-weight-based-on-volume-of-sound-input/39562)

<div class="topic-metadata">

**Author:** [@frogyolk](https://discourse.processing.org/u/frogyolk)\
**Replies:** 2\
**Last updated:** [November 3, 2022, 2:28pm UTC](https://discourse.processing.org/t/trying-to-change-font-weight-based-on-volume-of-sound-input/39562 "2022-11-03T14:28:20Z")

</div>

sorry this is my first time posting, not sure if I’m doing this right. I’m trying to use the number of the sound input to select a font from an array but it won’t change the font even though it says the variable is chang…

---

## [Unable to find an explanation of repeat() or simple()](https://discourse.processing.org/t/unable-to-find-an-explanation-of-repeat-or-simple/39535)

<div class="topic-metadata">

**Author:** [@Jess97](https://discourse.processing.org/u/Jess97)\
**Replies:** 3\
**Last updated:** [November 1, 2022, 11:01pm UTC](https://discourse.processing.org/t/unable-to-find-an-explanation-of-repeat-or-simple/39535 "2022-11-01T23:01:53Z")

</div>

Dear Everyone, Thanks for the forum! In reading P5.js, I’ve come across the calls simple() and repeat(). For example repeat(100,700,2,100,500,2,landshape); But I haven’t been able to find explanations for these functi…

---

## [P5js handsfree Recognition is not well](https://discourse.processing.org/t/p5js-handsfree-recognition-is-not-well/39444)

<div class="topic-metadata">

**Author:** [@lili2](https://discourse.processing.org/u/lili2)\
**Replies:** 0\
**Last updated:** [October 26, 2022, 12:56pm UTC](https://discourse.processing.org/t/p5js-handsfree-recognition-is-not-well/39444 "2022-10-26T12:56:43Z")

</div>

Hello, I am working with handsfree. I want to make a sound when a point touches the key, but even if I set the coordinates, the key is recognized all at once. What should I do? Sorry for the poor translation.

---

## [P5 Sound Library - mic input issue in Safari, firefox](https://discourse.processing.org/t/p5-sound-library-mic-input-issue-in-safari-firefox/39445)

<div class="topic-metadata">

**Author:** [@m47k0](https://discourse.processing.org/u/m47k0)\
**Replies:** 2\
**Last updated:** [October 26, 2022, 5:28pm UTC](https://discourse.processing.org/t/p5-sound-library-mic-input-issue-in-safari-firefox/39445 "2022-10-26T17:28:34Z")

</div>

using basic Sound: Live Input sketch from Example files mic.getLevel() appears to be rounded down to 0 in Safari & Firefox tested in OSX Catalina and in Monterey Chrome appears ok. Any one else seeing this? & is the…

---

## [Uploading interactive app from processing to website / github?](https://discourse.processing.org/t/uploading-interactive-app-from-processing-to-website-github/39351)

<div class="topic-metadata">

**Author:** [@YueLin](https://discourse.processing.org/u/YueLin)\
**Replies:** 24\
**Last updated:** [October 22, 2022, 5:45pm UTC](https://discourse.processing.org/t/uploading-interactive-app-from-processing-to-website-github/39351 "2022-10-22T17:45:56Z")

</div>

Hi there everyone! I am super super new to coding and would like some guidance on how to upload apps made with processing onto websites. I have used processing back in 2019 to make a interactive game, and am now looking…

---

## [Newb Question: Saving to PDF](https://discourse.processing.org/t/newb-question-saving-to-pdf/39123)

<div class="topic-metadata">

**Author:** [@Tatcoddes](https://discourse.processing.org/u/Tatcoddes)\
**Replies:** 6\
**Last updated:** [October 8, 2022, 6:00pm UTC](https://discourse.processing.org/t/newb-question-saving-to-pdf/39123 "2022-10-08T18:00:05Z")

</div>

I am trying to save my sketches to PDF. The most commonly mentioned way of doing this is to use this: https://github.com/zenozeng/p5.js-pdf but I am testing it with one of his simple example codes and it just loads a b…

---

## [How to export p5 canvas in React](https://discourse.processing.org/t/how-to-export-p5-canvas-in-react/38991)

<div class="topic-metadata">

**Author:** [@amorin](https://discourse.processing.org/u/amorin)\
**Replies:** 1\
**Last updated:** [September 27, 2022, 1:51pm UTC](https://discourse.processing.org/t/how-to-export-p5-canvas-in-react/38991 "2022-09-27T13:51:42Z")

</div>

Hi. I’m using p5 with react typescript. I need to use ‘canva\_image’ value displayed in ‘saveFiles’ function in the Inpaint component to diplay it (for exemple). How I can I do that ? export function Inpaint(props: In…

---

## [\[p5\] I am curious about the Excel conversion source code / array declaration](https://discourse.processing.org/t/p5-i-am-curious-about-the-excel-conversion-source-code-array-declaration/38965)

<div class="topic-metadata">

**Author:** [@GWAK](https://discourse.processing.org/u/GWAK)\
**Replies:** 4\
**Last updated:** [September 25, 2022, 8:02am UTC](https://discourse.processing.org/t/p5-i-am-curious-about-the-excel-conversion-source-code-array-declaration/38965 "2022-09-25T08:02:53Z")

</div>

\[p5\] I am curious about the Excel conversion source code / array declaration. 1. How to declare array like ‘java’ in ‘p5’? example) 10x10 array make String\[\]\[\] randoms = new String\[10\]\[10\]; How do I do ‘p5’ to do the…

---

## [\[p5\] I want to change the value of the gauge graphic in real time](https://discourse.processing.org/t/p5-i-want-to-change-the-value-of-the-gauge-graphic-in-real-time/38928)

<div class="topic-metadata">

**Author:** [@GWAK](https://discourse.processing.org/u/GWAK)\
**Replies:** 4\
**Last updated:** [September 22, 2022, 11:04pm UTC](https://discourse.processing.org/t/p5-i-want-to-change-the-value-of-the-gauge-graphic-in-real-time/38928 "2022-09-22T23:04:46Z")

</div>

\[p5\] I want to change the value of the gauge graphic in real time. Is there an easy way to change that value? link : p5.js Web Editor ref : Gauge charts in JavaScript source code index.html \<!DOCTYPE html\> \<html l…

---

## [How to combine React and P5.js? (loading image)](https://discourse.processing.org/t/how-to-combine-react-and-p5-js-loading-image/38877)

<div class="topic-metadata">

**Author:** [@Mangelo](https://discourse.processing.org/u/Mangelo)\
**Replies:** 1\
**Last updated:** [September 20, 2022, 3:44pm UTC](https://discourse.processing.org/t/how-to-combine-react-and-p5-js-loading-image/38877 "2022-09-20T15:44:58Z")

</div>

Hi! I am currently learning P5.js, and I’m planning on using it with my personal portfolio. I managed to do what I want in p5.js, however, when I try to import it to my react project i’m not able to do it. This is what…

---

## [\[p5\] I want to make a web so that many people can watch the video](https://discourse.processing.org/t/p5-i-want-to-make-a-web-so-that-many-people-can-watch-the-video/38786)

<div class="topic-metadata">

**Author:** [@GWAK](https://discourse.processing.org/u/GWAK)\
**Replies:** 4\
**Last updated:** [September 19, 2022, 10:59pm UTC](https://discourse.processing.org/t/p5-i-want-to-make-a-web-so-that-many-people-can-watch-the-video/38786 "2022-09-19T22:59:38Z")

</div>

\[p5\] I want to make a web so that many people can watch the video. p5 library vida : Vida Using the library above, we made it possible to view the video on the WEB. We tested that you can view the video through the …

---

## [Problem on displaying fonts in webgl on some devices](https://discourse.processing.org/t/problem-on-displaying-fonts-in-webgl-on-some-devices/38329)

<div class="topic-metadata">

**Author:** [@Parabola](https://discourse.processing.org/u/Parabola)\
**Replies:** 2\
**Last updated:** [August 23, 2022, 5:30pm UTC](https://discourse.processing.org/t/problem-on-displaying-fonts-in-webgl-on-some-devices/38329 "2022-08-23T17:30:41Z")

</div>

Hi folks! Is have a strange issue thats driving me insane and cant figure out the problem Im kinda new to p5js and have a little experience with processing java. I’ve made a lyrics visualizer sketch for a friends song…

---

## [Does anyone know how to link a library into the online p5.js editor?](https://discourse.processing.org/t/does-anyone-know-how-to-link-a-library-into-the-online-p5-js-editor/38444)

<div class="topic-metadata">

**Author:** [@RobinChase](https://discourse.processing.org/u/RobinChase)\
**Replies:** 2\
**Last updated:** [August 22, 2022, 3:36pm UTC](https://discourse.processing.org/t/does-anyone-know-how-to-link-a-library-into-the-online-p5-js-editor/38444 "2022-08-22T15:36:50Z")

</div>

please format code with \</\> button \* homework policy \* asking questions Does anyone know how to create a link in HTML in order to use the different libraries that are suggested on the P5.js website?

---

## [Destroying p5.js instances](https://discourse.processing.org/t/destroying-p5-js-instances/38333)

<div class="topic-metadata">

**Author:** [@Ckyiu](https://discourse.processing.org/u/Ckyiu)\
**Replies:** 1\
**Last updated:** [August 13, 2022, 12:01am UTC](https://discourse.processing.org/t/destroying-p5-js-instances/38333 "2022-08-13T00:01:45Z")

</div>

I’m trying to run a p5.js sketch on my Gatsby website, and I’ve managed to get it to work by starting it in instance mode in useEffect in a component. It works, but since I’m using \<Link\> instead of \<a\> for a lot of link…

[Previous page](https://discourse.processing.org/c/p5js/p5js-libraries/20.md?page=1)

[Next page](https://discourse.processing.org/c/p5js/p5js-libraries/20.md?page=3)
