# Libraries

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

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

**Page:** 13

---

## [Ml5 - Feature Extractor Classification using image files (edited)](https://discourse.processing.org/t/ml5-feature-extractor-classification-using-image-files-edited/20067)

<div class="topic-metadata">

**Author:** [@gjs](https://discourse.processing.org/u/gjs)\
**Replies:** 0\
**Last updated:** [April 23, 2020, 2:01pm UTC](https://discourse.processing.org/t/ml5-feature-extractor-classification-using-image-files-edited/20067 "2020-04-23T14:01:51Z")

</div>

After having viewed Dan Shiffman’s Feature Extractor Classification lesson, I’m attempting to train my model using preloaded jpgs rather than grabbing webcam images, similar to the option offered in Google’s Teachable Ma…

---

## [3d Scrolling terrain with music w/ P5js](https://discourse.processing.org/t/3d-scrolling-terrain-with-music-w-p5js/20105)

<div class="topic-metadata">

**Author:** [@moscardo](https://discourse.processing.org/u/moscardo)\
**Replies:** 0\
**Last updated:** [April 24, 2020, 5:41pm UTC](https://discourse.processing.org/t/3d-scrolling-terrain-with-music-w-p5js/20105 "2020-04-24T17:41:25Z")

</div>

Hi guys, I’m a newbie of P5js and I would like to create a scrolling terrain in 3D. Here’s the link to my code repo. I’m using the sound to generate the terrain shape (FFT bins) but I’ve some problems in rendering it. …

---

## [P5.js and Django: Saving a soundfile to a server](https://discourse.processing.org/t/p5-js-and-django-saving-a-soundfile-to-a-server/19930)

<div class="topic-metadata">

**Author:** [@grasshopper314159](https://discourse.processing.org/u/grasshopper314159)\
**Replies:** 0\
**Last updated:** [April 19, 2020, 11:44am UTC](https://discourse.processing.org/t/p5-js-and-django-saving-a-soundfile-to-a-server/19930 "2020-04-19T11:44:45Z")

</div>

I am trying to record audio through the user’s microphone and then save it as a .wav file on the server running Django. I based my code on this: https://discourse.processing.org/t/uploading-recorded-audio-to-web-server-n…

---

## [Transferring files with p5 js, node js, socket io](https://discourse.processing.org/t/transferring-files-with-p5-js-node-js-socket-io/19881)

<div class="topic-metadata">

**Author:** [@CodingIsLife](https://discourse.processing.org/u/CodingIsLife)\
**Replies:** 0\
**Last updated:** [April 18, 2020, 7:04am UTC](https://discourse.processing.org/t/transferring-files-with-p5-js-node-js-socket-io/19881 "2020-04-18T07:04:05Z")

</div>

Hello! I am using p5 js for developing a very simple chat platform. I am also using node and socket. The video series I am following created by Coding Train I implemented the chatting concept successfully. But now I wa…

---

## [P5.sound problem with chrome and opera](https://discourse.processing.org/t/p5-sound-problem-with-chrome-and-opera/19500)

<div class="topic-metadata">

**Author:** [@iana](https://discourse.processing.org/u/iana)\
**Replies:** 2\
**Last updated:** [April 14, 2020, 10:22am UTC](https://discourse.processing.org/t/p5-sound-problem-with-chrome-and-opera/19500 "2020-04-14T10:22:57Z")

</div>

function setup(){ } It seems that any p5.js code (as above) in combination with loading any p5.sound library results in an error in latest versions of Chrome and Opera when run on a http web server (Apache linux). Run…

---

## [loadSound for a user uploaded file](https://discourse.processing.org/t/loadsound-for-a-user-uploaded-file/19407)

<div class="topic-metadata">

**Author:** [@Trumpet63](https://discourse.processing.org/u/Trumpet63)\
**Replies:** 2\
**Last updated:** [April 12, 2020, 1:43am UTC](https://discourse.processing.org/t/loadsound-for-a-user-uploaded-file/19407 "2020-04-12T01:43:01Z")

</div>

I’m building a rhythm game in TypeScript, and I need to let the user upload a sound file, load it, and then play it on demand. I know this is possible in vanilla JS, but I want to do it “the P5 way” so my code is cleaner…

---

## [Can you make a graph go in a spiral? (instead of horizontal)](https://discourse.processing.org/t/can-you-make-a-graph-go-in-a-spiral-instead-of-horizontal/19670)

<div class="topic-metadata">

**Author:** [@allyn](https://discourse.processing.org/u/allyn)\
**Replies:** 2\
**Last updated:** [April 11, 2020, 10:02pm UTC](https://discourse.processing.org/t/can-you-make-a-graph-go-in-a-spiral-instead-of-horizontal/19670 "2020-04-11T22:02:24Z")

</div>

I’ve got a graph mapping the amplitude of a song (titled AYNIL.mp3 in the code) but I want it to travel in a spiral starting from the center rather than along the canvas width. (so it creates this weird spiral made of am…

---

## [Triplets on a p5.phrase #p5.sound](https://discourse.processing.org/t/triplets-on-a-p5-phrase-p5-sound/19507)

<div class="topic-metadata">

**Author:** [@alfonsofonso](https://discourse.processing.org/u/alfonsofonso)\
**Replies:** 3\
**Last updated:** [April 11, 2020, 7:00pm UTC](https://discourse.processing.org/t/triplets-on-a-p5-phrase-p5-sound/19507 "2020-04-11T19:00:34Z")

</div>

Hi everyone! I’m trying to do some triplets in a p5.phrase… I’ve tried to nest arrays but nope… any idea? cheers

---

## [Embedding Mp3 files hosted elsewhere in my p5 sketch](https://discourse.processing.org/t/embedding-mp3-files-hosted-elsewhere-in-my-p5-sketch/19567)

<div class="topic-metadata">

**Author:** [@isasasa](https://discourse.processing.org/u/isasasa)\
**Replies:** 1\
**Last updated:** [April 9, 2020, 2:50pm UTC](https://discourse.processing.org/t/embedding-mp3-files-hosted-elsewhere-in-my-p5-sketch/19567 "2020-04-09T14:50:06Z")

</div>

So basically I am trying to get a project running on Wordpress that had two sound files in it. I’ve loaded the whole project folder into my c-panel and tried using a short code to run the project but the audio didn’t see…

---

## [Why does the error comes even though the function is defined?](https://discourse.processing.org/t/why-does-the-error-comes-even-though-the-function-is-defined/19440)

<div class="topic-metadata">

**Author:** [@Rohit](https://discourse.processing.org/u/Rohit)\
**Replies:** 1\
**Last updated:** [April 5, 2020, 6:01pm UTC](https://discourse.processing.org/t/why-does-the-error-comes-even-though-the-function-is-defined/19440 "2020-04-05T18:01:40Z")

</div>

here is the link to my project https://editor.p5js.org/rohitgokul817/sketches/yhOcLU2KX please help me to figure out the error the function is defined buti am getting the error Uncaught ReferenceError: antsweets is not …

---

## [Multiple Volume Controls on Multiple Sound Files](https://discourse.processing.org/t/multiple-volume-controls-on-multiple-sound-files/19360)

<div class="topic-metadata">

**Author:** [@tia\_nooling123](https://discourse.processing.org/u/tia_nooling123)\
**Replies:** 1\
**Last updated:** [April 4, 2020, 1:11am UTC](https://discourse.processing.org/t/multiple-volume-controls-on-multiple-sound-files/19360 "2020-04-04T01:11:32Z")

</div>

Hello! I’m fairly new to p5.js and am trying to create a very simple audio crossfader that allows you to listen to 2 sound files at once, and control the mix by moving the mouse along the X axis. I am getting stuck whe…

---

## [ReverseCatastrophe - interactive poem //time triggered mic-in-recording&playback](https://discourse.processing.org/t/reversecatastrophe-interactive-poem-time-triggered-mic-in-recording-playback/19268)

<div class="topic-metadata">

**Author:** [@p5ooopsi](https://discourse.processing.org/u/p5ooopsi)\
**Replies:** 0\
**Last updated:** [March 31, 2020, 9:52pm UTC](https://discourse.processing.org/t/reversecatastrophe-interactive-poem-time-triggered-mic-in-recording-playback/19268 "2020-03-31T21:52:50Z")

</div>

Reverse catastrophe Times seem to be a catastrophe - but that only depends on how we look at the current situation. I´d like to reverse the ongoing pessimism with an interactive reverse-poem (like this one). I prototyp…

---

## [Individual fade of two structures](https://discourse.processing.org/t/individual-fade-of-two-structures/18760)

<div class="topic-metadata">

**Author:** [@byxx](https://discourse.processing.org/u/byxx)\
**Replies:** 1\
**Last updated:** [March 28, 2020, 4:44pm UTC](https://discourse.processing.org/t/individual-fade-of-two-structures/18760 "2020-03-28T16:44:00Z")

</div>

Hi there, In the project (link below) I would like to add some functionality: https://editor.p5js.org/byxx/sketches/pGtCNkcq The green and red structure should be able to be faded in and out individually Case1: Durin…

---

## [Export SVG issues with Processing and p5.js](https://discourse.processing.org/t/export-svg-issues-with-processing-and-p5-js/18695)

<div class="topic-metadata">

**Author:** [@plainspace](https://discourse.processing.org/u/plainspace)\
**Replies:** 15\
**Last updated:** [March 25, 2020, 8:15pm UTC](https://discourse.processing.org/t/export-svg-issues-with-processing-and-p5-js/18695 "2020-03-25T20:15:36Z")

</div>

I’m relatively new to Processing and know enough to be dangerous. I want to export an SVG. I’ve been reading here and here and trying to import processing.svg.\*; in my code but I’m getting nothing. I have the latest ver…

---

## [How can i use raw signal data for p5.fft?](https://discourse.processing.org/t/how-can-i-use-raw-signal-data-for-p5-fft/18724)

<div class="topic-metadata">

**Author:** [@PoltHoliC](https://discourse.processing.org/u/PoltHoliC)\
**Replies:** 0\
**Last updated:** [March 17, 2020, 2:54am UTC](https://discourse.processing.org/t/how-can-i-use-raw-signal-data-for-p5-fft/18724 "2020-03-17T02:54:33Z")

</div>

Recently i used p5 for signal processing on web. what I am doing now is get data from my Data Acquisition Embedded Device and send the raw data(actually python list) to web. and i want to process fft on web. but most…

---

## [Having problems with buttons/sound on cellphone](https://discourse.processing.org/t/having-problems-with-buttons-sound-on-cellphone/18579)

<div class="topic-metadata">

**Author:** [@KatGreen](https://discourse.processing.org/u/KatGreen)\
**Replies:** 1\
**Last updated:** [March 11, 2020, 4:38am UTC](https://discourse.processing.org/t/having-problems-with-buttons-sound-on-cellphone/18579 "2020-03-11T04:38:59Z")

</div>

Hello everyone, fist timer here so sorry if I am making a mess of this post: I’ve created this really simple page with three buttons: track 1, track 2 and STOP. Track 1 - plays track 1 (and stops track 2 if it’s playin…

---

## [Matterjs with posenet in p5js](https://discourse.processing.org/t/matterjs-with-posenet-in-p5js/18454)

<div class="topic-metadata">

**Author:** [@l3ehfar](https://discourse.processing.org/u/l3ehfar)\
**Replies:** 0\
**Last updated:** [March 6, 2020, 6:32pm UTC](https://discourse.processing.org/t/matterjs-with-posenet-in-p5js/18454 "2020-03-06T18:32:45Z")

</div>

Is there anyone have any idea, guidance, tutorial etc. to use posenet (ml5.js) to interact with matter.js bodies in p5.js?

---

## [P5.sound.js with p5.svg.js](https://discourse.processing.org/t/p5-sound-js-with-p5-svg-js/18382)

<div class="topic-metadata">

**Author:** [@everyman](https://discourse.processing.org/u/everyman)\
**Replies:** 2\
**Last updated:** [March 5, 2020, 2:48pm UTC](https://discourse.processing.org/t/p5-sound-js-with-p5-svg-js/18382 "2020-03-05T14:48:48Z")

</div>

Hello. I’ve been using the p5.svg.js library that I downloaded from here: https://github.com/zenozeng/p5.js-svg/releases with a compatible version of p5.js that was supplied. I’d like to now use the p5.sound.js library …

---

## [Distance between randomly spawned objects](https://discourse.processing.org/t/distance-between-randomly-spawned-objects/18026)

<div class="topic-metadata">

**Author:** [@Kothal](https://discourse.processing.org/u/Kothal)\
**Replies:** 6\
**Last updated:** [February 29, 2020, 9:10pm UTC](https://discourse.processing.org/t/distance-between-randomly-spawned-objects/18026 "2020-02-29T21:10:29Z")

</div>

I’m a beginner who just started out learning js and p5. I started working on making my own game from scratch, it’s actually a replica of the chrome dino game, I managed to do everything I wanted to and I’m almost finishe…

---

## [P5.bots connect arduino to public website](https://discourse.processing.org/t/p5-bots-connect-arduino-to-public-website/18133)

<div class="topic-metadata">

**Author:** [@botbotbot](https://discourse.processing.org/u/botbotbot)\
**Replies:** 1\
**Last updated:** [February 29, 2020, 4:51am UTC](https://discourse.processing.org/t/p5-bots-connect-arduino-to-public-website/18133 "2020-02-29T04:51:41Z")

</div>

Hi all! I’m new to networking so bear with me. I want to be able to instantly control a public website through some sensor input on an arduino. Let say I want the color of the background to change when i push a physical …

---

## [Can't find the folder for my program](https://discourse.processing.org/t/cant-find-the-folder-for-my-program/18138)

<div class="topic-metadata">

**Author:** [@ctrembla](https://discourse.processing.org/u/ctrembla)\
**Replies:** 4\
**Last updated:** [February 29, 2020, 3:41am UTC](https://discourse.processing.org/t/cant-find-the-folder-for-my-program/18138 "2020-02-29T03:41:23Z")

</div>

I’m using p5.js web editor & I’m trying to place a picture in my program, but idk where the folder is so I can place the image in the folder & then display it. I know how to display it once I get the picture in the folde…

---

## [Using ellipse as button to play sound file?](https://discourse.processing.org/t/using-ellipse-as-button-to-play-sound-file/18077)

<div class="topic-metadata">

**Author:** [@msugar](https://discourse.processing.org/u/msugar)\
**Replies:** 3\
**Last updated:** [February 28, 2020, 2:48am UTC](https://discourse.processing.org/t/using-ellipse-as-button-to-play-sound-file/18077 "2020-02-28T02:48:03Z")

</div>

Hi all, I’m new to p5.js (and a pretty rusty at JavaScript!) and working on building a little program that will have buttons on a map that will play sounds recorded at those points on the map. I’m attempting to use an e…

---

## [ML5 Face API neural net classification](https://discourse.processing.org/t/ml5-face-api-neural-net-classification/18188)

<div class="topic-metadata">

**Author:** [@j3n](https://discourse.processing.org/u/j3n)\
**Replies:** 0\
**Last updated:** [February 27, 2020, 4:03pm UTC](https://discourse.processing.org/t/ml5-face-api-neural-net-classification/18188 "2020-02-27T16:03:42Z")

</div>

Hello, I am combining the ML5 Face API example and their new neural net functionality to make a FaceAPi classifier. The code works in terms of it is parsing the features to the brain (neural net model), training and sa…

---

## [Cannot build P5 sketch in React. WebpackError: ReferenceError: window is not defined](https://discourse.processing.org/t/cannot-build-p5-sketch-in-react-webpackerror-referenceerror-window-is-not-defined/18182)

<div class="topic-metadata">

**Author:** [@TimR](https://discourse.processing.org/u/TimR)\
**Replies:** 0\
**Last updated:** [February 27, 2020, 1:56pm UTC](https://discourse.processing.org/t/cannot-build-p5-sketch-in-react-webpackerror-referenceerror-window-is-not-defined/18182 "2020-02-27T13:56:37Z")

</div>

I’ve got a p5.js sketch that is included in my React project. When I build my project it throws: error "window" is not available during server side rendering. on: window.requestAnimationFrame = (function() { Webpack…

---

## [Javascript library on p5 (location on the screen while scrolling)](https://discourse.processing.org/t/javascript-library-on-p5-location-on-the-screen-while-scrolling/13300)

<div class="topic-metadata">

**Author:** [@calornorte](https://discourse.processing.org/u/calornorte)\
**Replies:** 16\
**Last updated:** [February 19, 2020, 1:51am UTC](https://discourse.processing.org/t/javascript-library-on-p5-location-on-the-screen-while-scrolling/13300 "2020-02-19T01:51:40Z")

</div>

I’m such a newby.! on p5, my problem is that I need to know the precise (visible) location on a very long vertical canvas after mouse scrolling down/up. MouseWheel doesn’t really do the job and might cause problems whe…

---

## [\*Almost\* combining brightness example and posenet](https://discourse.processing.org/t/almost-combining-brightness-example-and-posenet/17649)

<div class="topic-metadata">

**Author:** [@mweinberg](https://discourse.processing.org/u/mweinberg)\
**Replies:** 4\
**Last updated:** [February 14, 2020, 1:39am UTC](https://discourse.processing.org/t/almost-combining-brightness-example-and-posenet/17649 "2020-02-14T01:39:39Z")

</div>

Hi everyone. I am trying to modify the brightness example: https://p5js.org/examples/color-brightness.html to combine it with ml5 posenet. Instead of using the mouse position to move around the image I want to use the…

---

## [Stop audio from MIDI input detection](https://discourse.processing.org/t/stop-audio-from-midi-input-detection/17665)

<div class="topic-metadata">

**Author:** [@Carpece](https://discourse.processing.org/u/Carpece)\
**Replies:** 1\
**Last updated:** [February 13, 2020, 10:15pm UTC](https://discourse.processing.org/t/stop-audio-from-midi-input-detection/17665 "2020-02-13T22:15:46Z")

</div>

Hi, I’m trying to stop my audios when I click on reset button. I guess I have to point to “audio” in abstract, because I preloaded an array of audios… https://editor.p5js.org/carpece/sketches/5NWyhBHT Any idea? Thanks …

---

## [p5.Speech with Microphone Input](https://discourse.processing.org/t/p5-speech-with-microphone-input/17725)

<div class="topic-metadata">

**Author:** [@yehonatan.cohen](https://discourse.processing.org/u/yehonatan.cohen)\
**Replies:** 0\
**Last updated:** [February 11, 2020, 11:36am UTC](https://discourse.processing.org/t/p5-speech-with-microphone-input/17725 "2020-02-11T11:36:01Z")

</div>

Hey, So I’m trying to make the SpeechRec work with the AudioIn, to adjust the font size according to the volume level. But for some reason I don’t get any data from the AudioIn, I don’t see anything on the console. I’…

---

## [p5.Play in p5.js editor](https://discourse.processing.org/t/p5-play-in-p5-js-editor/17506)

<div class="topic-metadata">

**Author:** [@shodai](https://discourse.processing.org/u/shodai)\
**Replies:** 2\
**Last updated:** [February 2, 2020, 2:36am UTC](https://discourse.processing.org/t/p5-play-in-p5-js-editor/17506 "2020-02-02T02:36:11Z")

</div>

Does anyone know how to use the P5.Play library in the p5.js editor? I believe that the library has to be referenced in the index.html file, I just do not know how to do that or where to point the reference too.

---

## [Drawing constraint](https://discourse.processing.org/t/drawing-constraint/16367)

<div class="topic-metadata">

**Author:** [@nicolas](https://discourse.processing.org/u/nicolas)\
**Replies:** 5\
**Last updated:** [January 27, 2020, 6:05pm UTC](https://discourse.processing.org/t/drawing-constraint/16367 "2020-01-27T18:05:36Z")

</div>

Hi, I want to make “invisible walls” in my sketch so that when you draw a trace with the mouse, it is blocked and the line is drawn around this form of “invisible walls”. I tried with the p5 Play library but it works w…

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

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