# Libraries

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

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

**Page:** 2

---

## [Pixelate, repeat, subdivide: Hydra to Processing](https://discourse.processing.org/t/pixelate-repeat-subdivide-hydra-to-processing/43731)

<div class="topic-metadata">

**Author:** [@funnyrectangles](https://discourse.processing.org/u/funnyrectangles)\
**Replies:** 0\
**Last updated:** [January 22, 2024, 5:05pm UTC](https://discourse.processing.org/t/pixelate-repeat-subdivide-hydra-to-processing/43731 "2024-01-22T17:05:24Z")

</div>

Hi! I am trying to replicate this code in processing, but I don’t even know where to start… Should I use a shadder for this pixelate/subdivision effect or something else? Here is the part of the could tha…

---

## [PressDo or keyPressed Error](https://discourse.processing.org/t/pressdo-or-keypressed-error/43688)

<div class="topic-metadata">

**Author:** [@elifworks](https://discourse.processing.org/u/elifworks)\
**Replies:** 9\
**Last updated:** [January 13, 2024, 11:04pm UTC](https://discourse.processing.org/t/pressdo-or-keypressed-error/43688 "2024-01-13T23:04:46Z")

</div>

Hello everyone, I developed a sketch on interactive typography. I wanted to create a keyboard-sensitive interaction with PressDo in the work whose codes I share with you below. However, “ArrowUp” and “ArrowDown” do not …

---

## [How can convert my Processing code to JavaScript so it runs in a webpage?](https://discourse.processing.org/t/how-can-convert-my-processing-code-to-javascript-so-it-runs-in-a-webpage/43475)

<div class="topic-metadata">

**Author:** [@bouu28](https://discourse.processing.org/u/bouu28)\
**Replies:** 3\
**Last updated:** [December 14, 2023, 8:07pm UTC](https://discourse.processing.org/t/how-can-convert-my-processing-code-to-javascript-so-it-runs-in-a-webpage/43475 "2023-12-14T20:07:43Z")

</div>

So i have this new assignement and i need to make this animation but now i need too put this in a webpage, i already tried pass this to javascript and put in the webpage but it doesn´t work. Can someone please help me wi…

---

## [Cannot create multiple AudioIn instances](https://discourse.processing.org/t/cannot-create-multiple-audioin-instances/43411)

<div class="topic-metadata">

**Author:** [@Irigami](https://discourse.processing.org/u/Irigami)\
**Replies:** 3\
**Last updated:** [December 8, 2023, 4:38pm UTC](https://discourse.processing.org/t/cannot-create-multiple-audioin-instances/43411 "2023-12-08T16:38:53Z")

</div>

Hi all, I’m trying to use two audio inputs (2 microphones) in my p5 js project. It should be noted that I am using the p5 web editor for this. This simple program results in an error, and I was going to file an issue …

---

## [HELP: Adding a "start game" and "game over" screens to game](https://discourse.processing.org/t/help-adding-a-start-game-and-game-over-screens-to-game/37889)

<div class="topic-metadata">

**Author:** [@BMS](https://discourse.processing.org/u/BMS)\
**Replies:** 12\
**Last updated:** [November 20, 2023, 4:45am UTC](https://discourse.processing.org/t/help-adding-a-start-game-and-game-over-screens-to-game/37889 "2023-11-20T04:45:22Z")

</div>

My 10 year old son attended a Javascript camp this week and had a great time. However, he is trying to complete his game and I am absolutely no help to him unfortunately. He and I are both fairly familiar with Scratch,…

---

## [Arduino Nano 33 IoT Basic LSM6DS3 Yaw Pitch & Roll on p5js via BLE \[working\]](https://discourse.processing.org/t/arduino-nano-33-iot-basic-lsm6ds3-yaw-pitch-roll-on-p5js-via-ble-working/43125)

<div class="topic-metadata">

**Author:** [@dgomba](https://discourse.processing.org/u/dgomba)\
**Replies:** 1\
**Last updated:** [November 5, 2023, 9:42am UTC](https://discourse.processing.org/t/arduino-nano-33-iot-basic-lsm6ds3-yaw-pitch-roll-on-p5js-via-ble-working/43125 "2023-11-05T09:42:27Z")

</div>

Hi! I’m trying to create a basic cube visualisation of the LSM6DS3 on the Arduino 33 IoT in p5js using ble.js- But I have to say the data I receive is totally random. This is the Arduino code This is the P5js I ex…

---

## [How to return usb soundcard channels/inputs](https://discourse.processing.org/t/how-to-return-usb-soundcard-channels-inputs/43038)

<div class="topic-metadata">

**Author:** [@mcfrsvn](https://discourse.processing.org/u/mcfrsvn)\
**Replies:** 1\
**Last updated:** [October 28, 2023, 7:22pm UTC](https://discourse.processing.org/t/how-to-return-usb-soundcard-channels-inputs/43038 "2023-10-28T19:22:28Z")

</div>

I work on an audio reactive project for live, and don’t find a way to return the data from the different channels of my usb soundcard (expert-sleepers es-9 with 14 channels/inputs). Do I need to convert all my signals in…

---

## [Audio examples experience. What a bear - updated](https://discourse.processing.org/t/audio-examples-experience-what-a-bear-updated/42920)

<div class="topic-metadata">

**Author:** [@f101](https://discourse.processing.org/u/f101)\
**Replies:** 0\
**Last updated:** [October 8, 2023, 12:28am UTC](https://discourse.processing.org/t/audio-examples-experience-what-a-bear-updated/42920 "2023-10-08T00:28:15Z")

</div>

Some development difficult with sound examples: 1 - Open a p5js audio example in processing for windows then save it before making any mods. The html file is sometimes modified to add a link to p5.sound.js library, betw…

---

## [How to redraw() on loop](https://discourse.processing.org/t/how-to-redraw-on-loop/42852)

<div class="topic-metadata">

**Author:** [@blkpanther](https://discourse.processing.org/u/blkpanther)\
**Replies:** 10\
**Last updated:** [October 5, 2023, 12:01am UTC](https://discourse.processing.org/t/how-to-redraw-on-loop/42852 "2023-10-05T00:01:18Z")

</div>

I have a sketch on loop but want to test out different colors and sizes via p5gui quickly. Redraw seems to require noLoop(). What can i do to trigger a redraw despite the loop and select from a list of colors and sizes? …

---

## [Send form p5.js data from domain page to ESP8266 webserver](https://discourse.processing.org/t/send-form-p5-js-data-from-domain-page-to-esp8266-webserver/42794)

<div class="topic-metadata">

**Author:** [@samjm](https://discourse.processing.org/u/samjm)\
**Replies:** 0\
**Last updated:** [September 19, 2023, 6:06pm UTC](https://discourse.processing.org/t/send-form-p5-js-data-from-domain-page-to-esp8266-webserver/42794 "2023-09-19T18:06:11Z")

</div>

i have a p5.js speech recognition program hosted on a domain page. I want to send the regnised words to a esp8266 webser through an android browser running on a diffferent isp service,\\ . the ip for the domain page is d…

---

## [Sketch working in Editor by not on hosted website :(](https://discourse.processing.org/t/sketch-working-in-editor-by-not-on-hosted-website/42679)

<div class="topic-metadata">

**Author:** [@calfish](https://discourse.processing.org/u/calfish)\
**Replies:** 1\
**Last updated:** [August 30, 2023, 9:05pm UTC](https://discourse.processing.org/t/sketch-working-in-editor-by-not-on-hosted-website/42679 "2023-08-30T21:05:01Z")

</div>

Hello, I have a sketch that is working well in the editor but won’t work on my site after I download it. I have been troubleshooting a bunch but have had no luck. I want to use sound assets larger than 5mb which is why…

---

## [Sketch tool: linking js files from another server](https://discourse.processing.org/t/sketch-tool-linking-js-files-from-another-server/42582)

<div class="topic-metadata">

**Author:** [@quark](https://discourse.processing.org/u/quark)\
**Replies:** 10\
**Last updated:** [August 13, 2023, 12:42pm UTC](https://discourse.processing.org/t/sketch-tool-linking-js-files-from-another-server/42582 "2023-08-13T12:42:44Z")

</div>

This question is about using the p5.js Editor tool. In the index.html file there are statements in the head section to link to p5.js e.g. \<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.js"\>\</script\> …

---

## [MQTT and P5 Example Code](https://discourse.processing.org/t/mqtt-and-p5-example-code/32503)

<div class="topic-metadata">

**Author:** [@Jhdgkss](https://discourse.processing.org/u/Jhdgkss)\
**Replies:** 5\
**Last updated:** [August 3, 2023, 8:40am UTC](https://discourse.processing.org/t/mqtt-and-p5-example-code/32503 "2023-08-03T08:40:37Z")

</div>

Hi, all is it possible to receive MQTT data with P5.js? I found this code but it does not seem to connect with my broker. var mqtt; var reconnectTimeout = 2000; var host = "127.0.0.1"; var port = 1883; function setu…

---

## [\[p5 grafica library\] I would like to know how to change the graph scale fontsize](https://discourse.processing.org/t/p5-grafica-library-i-would-like-to-know-how-to-change-the-graph-scale-fontsize/42529)

<div class="topic-metadata">

**Author:** [@GWAK](https://discourse.processing.org/u/GWAK)\
**Replies:** 2\
**Last updated:** [August 1, 2023, 5:59am UTC](https://discourse.processing.org/t/p5-grafica-library-i-would-like-to-know-how-to-change-the-graph-scale-fontsize/42529 "2023-08-01T05:59:12Z")

</div>

\[p5 grafica library\] I would like to know how to change the graph scale fontsize. var plots1; function setup() { createCanvas(1920, 1200); var x,y,w,h,w2,h2; var points = \[\]; var s\_k = 0; for (var …

---

## [Firebase 10.1.0 and p5](https://discourse.processing.org/t/firebase-10-1-0-and-p5/42514)

<div class="topic-metadata">

**Author:** [@lizzy](https://discourse.processing.org/u/lizzy)\
**Replies:** 3\
**Last updated:** [July 28, 2023, 10:37pm UTC](https://discourse.processing.org/t/firebase-10-1-0-and-p5/42514 "2023-07-28T22:37:36Z")

</div>

Hello forum, In the past I have been successful integrating a p5 sketch with a firebase realtime database. When I went to start a new project, it’s not working the way that it used to and I am stuck. With firebase vers…

---

## [Importing classes from an external GitHub repo](https://discourse.processing.org/t/importing-classes-from-an-external-github-repo/42394)

<div class="topic-metadata">

**Author:** [@Broccaaa](https://discourse.processing.org/u/Broccaaa)\
**Replies:** 6\
**Last updated:** [July 11, 2023, 3:10pm UTC](https://discourse.processing.org/t/importing-classes-from-an-external-github-repo/42394 "2023-07-11T15:10:01Z")

</div>

I want to use some JavaScript tools located on the following github repo: GitHub - mfogel/polygon-clipping: Apply boolean polygon clipping operations (union, intersection, difference, xor) to your Polygons & MultiPolygon…

---

## [How to keep audio running when screen is locked](https://discourse.processing.org/t/how-to-keep-audio-running-when-screen-is-locked/42051)

<div class="topic-metadata">

**Author:** [@mahatGma](https://discourse.processing.org/u/mahatGma)\
**Replies:** 1\
**Last updated:** [May 24, 2023, 2:35am UTC](https://discourse.processing.org/t/how-to-keep-audio-running-when-screen-is-locked/42051 "2023-05-24T02:35:10Z")

</div>

when the p5.js project runs on a mobile device and the screen dims, audio stops. how can we solve this problem? Is the answer using WakeLock and keep the screen awake? Or is there any other workaround to keep audio run…

---

## [Drag and drop images to canvas p5.js in classification program](https://discourse.processing.org/t/drag-and-drop-images-to-canvas-p5-js-in-classification-program/41795)

<div class="topic-metadata">

**Author:** [@Lillbre](https://discourse.processing.org/u/Lillbre)\
**Replies:** 1\
**Last updated:** [May 2, 2023, 4:30pm UTC](https://discourse.processing.org/t/drag-and-drop-images-to-canvas-p5-js-in-classification-program/41795 "2023-05-02T16:30:49Z")

</div>

I made a \[program\] (p5.js Web Editor) where I used Image classification using MobileNet and p5.js in p5,js editor. Sometimes I have to drop my images twice for them to show up on the canvas. The classification works dir…

---

## [ML5 Neural Net Image Classifier CNN bounding box input output options](https://discourse.processing.org/t/ml5-neural-net-image-classifier-cnn-bounding-box-input-output-options/41360)

<div class="topic-metadata">

**Author:** [@j3n](https://discourse.processing.org/u/j3n)\
**Replies:** 1\
**Last updated:** [May 1, 2023, 8:48pm UTC](https://discourse.processing.org/t/ml5-neural-net-image-classifier-cnn-bounding-box-input-output-options/41360 "2023-05-01T20:48:59Z")

</div>

Hello, I am currently using the ML5 Neural Net to train my own image classifier and CNN. On the reference page for this method I see the inputs are image width, height and channels. Can anymore inputs be added and/or can…

---

## [Q: Make connected objects, e.g. mobiles, chain, seesaw, using physics engine?](https://discourse.processing.org/t/q-make-connected-objects-e-g-mobiles-chain-seesaw-using-physics-engine/41848)

<div class="topic-metadata">

**Author:** [@Raj](https://discourse.processing.org/u/Raj)\
**Replies:** 0\
**Last updated:** [April 27, 2023, 10:11am UTC](https://discourse.processing.org/t/q-make-connected-objects-e-g-mobiles-chain-seesaw-using-physics-engine/41848 "2023-04-27T10:11:39Z")

</div>

Dear Processing folks, I’m a math teacher, and am playing around with trying to make math games in p5js and p5.play. Here’s what I’ve got so far: a math version of Candy Crush: https://rajeevraizada.github.io/rajmathg…

---

## [P5js loads everything black](https://discourse.processing.org/t/p5js-loads-everything-black/41723)

<div class="topic-metadata">

**Author:** [@SGTMM](https://discourse.processing.org/u/SGTMM)\
**Replies:** 1\
**Last updated:** [April 17, 2023, 9:08am UTC](https://discourse.processing.org/t/p5js-loads-everything-black/41723 "2023-04-17T09:08:01Z")

</div>

So I was making a game with the p5js library and another one which is mostly unknown but which I am sure is not problem. Code as simple as this: \<\> var button; var player; var x = 0, y = 0.5, z = 0 function setup() …

---

## [Sound library -\> get 2 different audio Inputs](https://discourse.processing.org/t/sound-library-get-2-different-audio-inputs/41705)

<div class="topic-metadata">

**Author:** [@carlesgutierrez](https://discourse.processing.org/u/carlesgutierrez)\
**Replies:** 5\
**Last updated:** [April 16, 2023, 12:59pm UTC](https://discourse.processing.org/t/sound-library-get-2-different-audio-inputs/41705 "2023-04-16T12:59:21Z")

</div>

Hi dears, I’ve been using sound library to capture audio and check & visualize the FFT of an audio Input. I’m using windows10 and selecting my audio input from sound properties as is explained in this post -\>getting-liv…

---

## [Matters.js - Obstacles not working](https://discourse.processing.org/t/matters-js-obstacles-not-working/41646)

<div class="topic-metadata">

**Author:** [@Alesk1969](https://discourse.processing.org/u/Alesk1969)\
**Replies:** 1\
**Last updated:** [April 8, 2023, 4:17am UTC](https://discourse.processing.org/t/matters-js-obstacles-not-working/41646 "2023-04-08T04:17:11Z")

</div>

Hi! I’m following the matter.js for P5.js 'Coding Train tutorials (I’m at the second video) and I’m completely stuck with a bug. I don’t know if some of you are familiar with this library and could help me? I’m sett…

---

## [How to extract value from an array of multiple JSON urls?](https://discourse.processing.org/t/how-to-extract-value-from-an-array-of-multiple-json-urls/41398)

<div class="topic-metadata">

**Author:** [@nitrocaphane](https://discourse.processing.org/u/nitrocaphane)\
**Replies:** 13\
**Last updated:** [March 22, 2023, 5:18am UTC](https://discourse.processing.org/t/how-to-extract-value-from-an-array-of-multiple-json-urls/41398 "2023-03-22T05:18:58Z")

</div>

Hi, I’m trying to write a sketch that replaces all the nouns in the user input content with the dictionary definition of the noun. I’m using RiTa.js to detect the nouns (that part is successful), and Wordnik API for the…

---

## [GameLibZeroWEB WEBGL](https://discourse.processing.org/t/gamelibzeroweb-webgl/40693)

<div class="topic-metadata">

**Author:** [@erkosone](https://discourse.processing.org/u/erkosone)\
**Replies:** 11\
**Last updated:** [March 16, 2023, 1:38pm UTC](https://discourse.processing.org/t/gamelibzeroweb-webgl/40693 "2023-03-16T13:38:47Z")

</div>

EDIT: Example pack: Dropbox - glz\_web\_p5\_examples.zip - Simplify your life Hello community, I am pleased to announce that I finally have a “decent” and “clean” version of the GameLibZero code that I have been using com…

---

## [Wrong item in the list is triggered, which is weird and not what is intended + contribution](https://discourse.processing.org/t/wrong-item-in-the-list-is-triggered-which-is-weird-and-not-what-is-intended-contribution/41136)

<div class="topic-metadata">

**Author:** [@woshibide](https://discourse.processing.org/u/woshibide)\
**Replies:** 4\
**Last updated:** [March 4, 2023, 6:46pm UTC](https://discourse.processing.org/t/wrong-item-in-the-list-is-triggered-which-is-weird-and-not-what-is-intended-contribution/41136 "2023-03-04T18:46:29Z")

</div>

I’m trying to build a basic sound sampler, where on each key pressed sound is played And I have everything working, but with 1 annoying bug: Whenever item N is pressed, on the screen it triggers N+1, and this bit of…

---

## [P5.js drum machine](https://discourse.processing.org/t/p5-js-drum-machine/39843)

<div class="topic-metadata">

**Author:** [@alenmartel](https://discourse.processing.org/u/alenmartel)\
**Replies:** 2\
**Last updated:** [March 3, 2023, 2:47am UTC](https://discourse.processing.org/t/p5-js-drum-machine/39843 "2023-03-03T02:47:22Z")

</div>

Good evening all; I am continuing working on a project, which is essentially a drum machine whose tempo you can adjust in real time using a slider. That is, you can set up the drum machine and play it and as it’s playin…

---

## [P5js and RNBO - looking for an example](https://discourse.processing.org/t/p5js-and-rnbo-looking-for-an-example/40744)

<div class="topic-metadata">

**Author:** [@jaeho](https://discourse.processing.org/u/jaeho)\
**Replies:** 1\
**Last updated:** [February 13, 2023, 10:01am UTC](https://discourse.processing.org/t/p5js-and-rnbo-looking-for-an-example/40744 "2023-02-13T10:01:42Z")

</div>

I am attempting to utilize the brand-new RNBO from Cycling74 with p5js. Combining RNBO, which allows exporting MaxMSP patches to WebAudio, with p5js could give us a convenient way to create audio-visual works for the we…

---

## [Make Array of Objects Move](https://discourse.processing.org/t/make-array-of-objects-move/40902)

<div class="topic-metadata">

**Author:** [@Chigoz](https://discourse.processing.org/u/Chigoz)\
**Replies:** 4\
**Last updated:** [February 12, 2023, 6:42pm UTC](https://discourse.processing.org/t/make-array-of-objects-move/40902 "2023-02-12T18:42:22Z")

</div>

I am having a very hard time to make these array of objects that was parsed from a midi file to move, please him me out. This is the link to the code. Thanks in advance.

---

## [Like OPC outside of Openprocessing.org?](https://discourse.processing.org/t/like-opc-outside-of-openprocessing-org/40837)

<div class="topic-metadata">

**Author:** [@Pastel](https://discourse.processing.org/u/Pastel)\
**Replies:** 2\
**Last updated:** [February 7, 2023, 12:10pm UTC](https://discourse.processing.org/t/like-opc-outside-of-openprocessing-org/40837 "2023-02-07T12:10:40Z")

</div>

I enjoy the easy usage of OPC in openprocessing.org. Is there a similar library that has adjustable sliders and switches in a collapsible and expandable area to use for p5js on my own pages? Thank you.

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

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