# Libraries

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

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

**Page:** 11

---

## [P5.gui text area instead of text input](https://discourse.processing.org/t/p5-gui-text-area-instead-of-text-input/22848)

<div class="topic-metadata">

**Author:** [@hath](https://discourse.processing.org/u/hath)\
**Replies:** 0\
**Last updated:** [July 26, 2020, 4:08pm UTC](https://discourse.processing.org/t/p5-gui-text-area-instead-of-text-input/22848 "2020-07-26T16:08:35Z")

</div>

Is there a way to create a multi-line text area (as opposed to text input) using p5.gui? Assuming both quicksettings.js and p5.gui.js have been imported, the code below automatically generates a text input. I can’t seem…

---

## [My First Project - The "Frequency Spectrum" example](https://discourse.processing.org/t/my-first-project-the-frequency-spectrum-example/22842)

<div class="topic-metadata">

**Author:** [@basic](https://discourse.processing.org/u/basic)\
**Replies:** 2\
**Last updated:** [July 26, 2020, 3:38pm UTC](https://discourse.processing.org/t/my-first-project-the-frequency-spectrum-example/22842 "2020-07-26T15:38:00Z")

</div>

Hello All, I’m trying to create my first project, and so far failing miserably. As a self-taught programmer who learns by looking through other people’s code, I thought I’d start by getting one of the “example” project…

---

## [External Libraries Do Not Import Properly Into Web Editor](https://discourse.processing.org/t/external-libraries-do-not-import-properly-into-web-editor/22750)

<div class="topic-metadata">

**Author:** [@Hepyrian](https://discourse.processing.org/u/Hepyrian)\
**Replies:** 4\
**Last updated:** [July 21, 2020, 9:21pm UTC](https://discourse.processing.org/t/external-libraries-do-not-import-properly-into-web-editor/22750 "2020-07-21T21:21:00Z")

</div>

Hey Everyone! I’ve been having some issues with the p5 web editor, where I try to import an external library and it uploads with no text or feedback at all. Then, when I try to call a function from the library, it acts …

---

## [P5 standalone build for Browserify](https://discourse.processing.org/t/p5-standalone-build-for-browserify/22748)

<div class="topic-metadata">

**Author:** [@xinxin](https://discourse.processing.org/u/xinxin)\
**Replies:** 1\
**Last updated:** [July 21, 2020, 7:54pm UTC](https://discourse.processing.org/t/p5-standalone-build-for-browserify/22748 "2020-07-21T19:54:31Z")

</div>

Hi All, I’m trying to create a p5 standalone build with Browserify. I’ve installed the p5 package and following this stack overflow thread, I was able to export the p5 object and run the following code in my client.js: …

---

## [Draggable Images Triggering and Processing Sound](https://discourse.processing.org/t/draggable-images-triggering-and-processing-sound/22667)

<div class="topic-metadata">

**Author:** [@briangriffith](https://discourse.processing.org/u/briangriffith)\
**Replies:** 5\
**Last updated:** [July 17, 2020, 8:30pm UTC](https://discourse.processing.org/t/draggable-images-triggering-and-processing-sound/22667 "2020-07-17T20:30:52Z")

</div>

I am trying to figure out a way to do a fairly simple idea: I have two PNGs which are draggable across the canvas and I want each of them to trigger a loop. Beyond that, I want the position of the image to dictate the pa…

---

## [Tint image with alpha transparency in WEBGL](https://discourse.processing.org/t/tint-image-with-alpha-transparency-in-webgl/22002)

<div class="topic-metadata">

**Author:** [@dfd0226](https://discourse.processing.org/u/dfd0226)\
**Replies:** 2\
**Last updated:** [July 17, 2020, 4:52pm UTC](https://discourse.processing.org/t/tint-image-with-alpha-transparency-in-webgl/22002 "2020-07-17T16:52:43Z")

</div>

Hi all! Background I’m trying to figure out how to set the alpha channel on an image using tint when the sketch is in WEBGL mode. I’m building a React app that integrates p5.js. My code uses a physics library to create…

---

## [Preventing double tap to zoom on mobile (and other good practices)](https://discourse.processing.org/t/preventing-double-tap-to-zoom-on-mobile-and-other-good-practices/22581)

<div class="topic-metadata">

**Author:** [@kirkjerk](https://discourse.processing.org/u/kirkjerk)\
**Replies:** 0\
**Last updated:** [July 12, 2020, 9:06pm UTC](https://discourse.processing.org/t/preventing-double-tap-to-zoom-on-mobile-and-other-good-practices/22581 "2020-07-12T21:06:35Z")

</div>

is there a good way to prevent double taps from zooming in/out on the canvas? I found user-select: none; is good to stop the text from being highlighted… in theory touch-action: manipulation; should do similar for z…

---

## [How would my graph and background color change for amp difference?](https://discourse.processing.org/t/how-would-my-graph-and-background-color-change-for-amp-difference/22560)

<div class="topic-metadata">

**Author:** [@hanacho0220](https://discourse.processing.org/u/hanacho0220)\
**Replies:** 0\
**Last updated:** [July 12, 2020, 1:26am UTC](https://discourse.processing.org/t/how-would-my-graph-and-background-color-change-for-amp-difference/22560 "2020-07-12T01:26:41Z")

</div>

Hi, I was following the coding train’s sound visualization with p5.js tuturial and decided to make it for the music I composed. However, I want also want to change the color as an amplification changes and I have no ide…

---

## [How to use p5.js with my own IDE](https://discourse.processing.org/t/how-to-use-p5-js-with-my-own-ide/22509)

<div class="topic-metadata">

**Author:** [@Hookie](https://discourse.processing.org/u/Hookie)\
**Replies:** 3\
**Last updated:** [July 9, 2020, 7:09pm UTC](https://discourse.processing.org/t/how-to-use-p5-js-with-my-own-ide/22509 "2020-07-09T19:09:03Z")

</div>

Hi, everyone. I have so many problems about starting using p5.js in my local IDE and 8th-wall IDE(an AR js platform). I used online link: First, I’m curious that in the official examples, preload(), setup() … are onl…

---

## [TypeError: arraySequence\[0\] is undefined](https://discourse.processing.org/t/typeerror-arraysequence-0-is-undefined/22005)

<div class="topic-metadata">

**Author:** [@antocreo](https://discourse.processing.org/u/antocreo)\
**Replies:** 7\
**Last updated:** [July 3, 2020, 9:42am UTC](https://discourse.processing.org/t/typeerror-arraysequence-0-is-undefined/22005 "2020-07-03T09:42:36Z")

</div>

Hi all, I am getting this error since Firefox update to 77.0.1 TypeError: arraySequence\[0\] is undefined I think it might related to the p5-sound library as it’s the only place where I’ve found arraySequence\[0\]. I’v…

---

## [Browser Autoplay/CORS policy is making my P5 web game not work](https://discourse.processing.org/t/browser-autoplay-cors-policy-is-making-my-p5-web-game-not-work/22117)

<div class="topic-metadata">

**Author:** [@Sudb](https://discourse.processing.org/u/Sudb)\
**Replies:** 5\
**Last updated:** [June 29, 2020, 6:47pm UTC](https://discourse.processing.org/t/browser-autoplay-cors-policy-is-making-my-p5-web-game-not-work/22117 "2020-06-29T18:47:46Z")

</div>

Hello. I made the game in this url: http://bunnypop.bizsb.com/ as part of a class project last year. The game has worked fine until recently. It has suddenly stopped working and I suspect it is because of browser Autopla…

---

## [Can't get scene manager to work](https://discourse.processing.org/t/cant-get-scene-manager-to-work/22195)

<div class="topic-metadata">

**Author:** [@olorin](https://discourse.processing.org/u/olorin)\
**Replies:** 2\
**Last updated:** [June 28, 2020, 9:02pm UTC](https://discourse.processing.org/t/cant-get-scene-manager-to-work/22195 "2020-06-28T21:02:25Z")

</div>

I cant seem to get this sketch to display anything. when I remove the this.setup and this.draw functions an image appears but i need it to loop as it does in draw. I’m using scene manager var pages; let gui; let afterFi…

---

## [Create Website like chordfy.net](https://discourse.processing.org/t/create-website-like-chordfy-net/22172)

<div class="topic-metadata">

**Author:** [@arianaiwan](https://discourse.processing.org/u/arianaiwan)\
**Replies:** 1\
**Last updated:** [June 27, 2020, 10:31pm UTC](https://discourse.processing.org/t/create-website-like-chordfy-net/22172 "2020-06-27T22:31:40Z")

</div>

I want to make a website that can detect chords or tones in a song. for example like the website https://chordify.net/ is it possible with this p5js. please explain because I’m just a beginner.

---

## [There's a bug in the createGraphics() part](https://discourse.processing.org/t/theres-a-bug-in-the-creategraphics-part/22019)

<div class="topic-metadata">

**Author:** [@ARNAV\_A\_GUPTA](https://discourse.processing.org/u/ARNAV_A_GUPTA)\
**Replies:** 2\
**Last updated:** [June 20, 2020, 7:18pm UTC](https://discourse.processing.org/t/theres-a-bug-in-the-creategraphics-part/22019 "2020-06-20T19:18:19Z")

</div>

I think I’ve found a bug in the buffer part. If you change the background of canvas, the buffer images don’t work…

---

## ["No response from server" error with sound files](https://discourse.processing.org/t/no-response-from-server-error-with-sound-files/20586)

<div class="topic-metadata">

**Author:** [@achandra](https://discourse.processing.org/u/achandra)\
**Replies:** 5\
**Last updated:** [June 19, 2020, 2:16pm UTC](https://discourse.processing.org/t/no-response-from-server-error-with-sound-files/20586 "2020-06-19T14:16:49Z")

</div>

Does anyone know what this error means? It happens on my code sometimes, I reload my sound files again and it becomes fine and then it happens after a while again.

---

## ["No response from serve"r error with sound files](https://discourse.processing.org/t/no-response-from-serve-r-error-with-sound-files/21986)

<div class="topic-metadata">

**Author:** [@achandra](https://discourse.processing.org/u/achandra)\
**Replies:** 1\
**Last updated:** [June 19, 2020, 1:25pm UTC](https://discourse.processing.org/t/no-response-from-serve-r-error-with-sound-files/21986 "2020-06-19T13:25:41Z")

</div>

MY code has been giving this problem for a long time and I cant figure this out. It also doesn’t run on other people’s computers when I try and give them the link to my code. SOMETIMES it gives this error - There was n…

---

## [No sound in Safari (find in chrome and firefox) - P5 Oscillator](https://discourse.processing.org/t/no-sound-in-safari-find-in-chrome-and-firefox-p5-oscillator/21969)

<div class="topic-metadata">

**Author:** [@bedlamagogo](https://discourse.processing.org/u/bedlamagogo)\
**Replies:** 4\
**Last updated:** [June 18, 2020, 8:31pm UTC](https://discourse.processing.org/t/no-sound-in-safari-find-in-chrome-and-firefox-p5-oscillator/21969 "2020-06-18T20:31:50Z")

</div>

Hi All, I have a project creating a synthesiser with a step sequencer which works perfectly in Chrome and Firefox - In Safari however there is no sound at all. All the functionality seems to be working just no sound… I …

---

## [How do i use .saveData()](https://discourse.processing.org/t/how-do-i-use-savedata/21960)

<div class="topic-metadata">

**Author:** [@KrishnaGoyal](https://discourse.processing.org/u/KrishnaGoyal)\
**Replies:** 4\
**Last updated:** [June 18, 2020, 5:00am UTC](https://discourse.processing.org/t/how-do-i-use-savedata/21960 "2020-06-18T05:00:41Z")

</div>

I was working on the posenet classifier project. But the .saveData() doesnt seem to be saving the json file. Can someone help me with it?

---

## [Problems working with p5.PolySynth - reference is not clear](https://discourse.processing.org/t/problems-working-with-p5-polysynth-reference-is-not-clear/21892)

<div class="topic-metadata">

**Author:** [@umutreldem](https://discourse.processing.org/u/umutreldem)\
**Replies:** 0\
**Last updated:** [June 15, 2020, 2:59pm UTC](https://discourse.processing.org/t/problems-working-with-p5-polysynth-reference-is-not-clear/21892 "2020-06-15T14:59:57Z")

</div>

Getting into p5.PolySynth the last few days, I have noticed that there are some things in the reference that are not very clear to me: \*When calling .play(), the function requires at least three arguments. The refer…

---

## [How to save a transparent gif （without background）？](https://discourse.processing.org/t/how-to-save-a-transparent-gif-without-background/21730)

<div class="topic-metadata">

**Author:** [@ffewaghdfh](https://discourse.processing.org/u/ffewaghdfh)\
**Replies:** 13\
**Last updated:** [June 12, 2020, 1:34am UTC](https://discourse.processing.org/t/how-to-save-a-transparent-gif-without-background/21730 "2020-06-12T01:34:17Z")

</div>

When the png is ok（without background，transparent）.，I use canvas to save the gif，but I always get a gif with a black background . I used a method to replace black with transparency, but there will still be black resid…

---

## [Implementing Shiffman Box 2D Library For p5js](https://discourse.processing.org/t/implementing-shiffman-box-2d-library-for-p5js/21676)

<div class="topic-metadata">

**Author:** [@noah1211](https://discourse.processing.org/u/noah1211)\
**Replies:** 4\
**Last updated:** [June 8, 2020, 5:18pm UTC](https://discourse.processing.org/t/implementing-shiffman-box-2d-library-for-p5js/21676 "2020-06-08T17:18:54Z")

</div>

Hello, I recently watched the nature of code video on the box2d library, and it looks very useful! I am having quite the tough time setting up the library for p5js (I am trying to use shiffman’s library). Is this library…

---

## [Fullscreen canvas p5js & posenet](https://discourse.processing.org/t/fullscreen-canvas-p5js-posenet/21086)

<div class="topic-metadata">

**Author:** [@babyP5](https://discourse.processing.org/u/babyP5)\
**Replies:** 2\
**Last updated:** [June 8, 2020, 12:03pm UTC](https://discourse.processing.org/t/fullscreen-canvas-p5js-posenet/21086 "2020-06-08T12:03:41Z")

</div>

hello everyone im working on project where i have to put an emoji on the face of a person but i have to show that emoji on the canvas and not the webcam video for now everything work fine my question is how can i make th…

---

## [How to check for collision detection with rotated polygons using p5.collide2D](https://discourse.processing.org/t/how-to-check-for-collision-detection-with-rotated-polygons-using-p5-collide2d/21299)

<div class="topic-metadata">

**Author:** [@cyberia2020](https://discourse.processing.org/u/cyberia2020)\
**Replies:** 2\
**Last updated:** [June 7, 2020, 11:58pm UTC](https://discourse.processing.org/t/how-to-check-for-collision-detection-with-rotated-polygons-using-p5-collide2d/21299 "2020-06-07T23:58:52Z")

</div>

Hello Processing and p5.js community! I am having difficulty understanding how to detect when two rotated polygons have collided using the p5.collide2D library. Although my shapes are Rects I have tried to convert them …

---

## [Issues with remove() - Cannot read property 'getByteTimeDomainData' of undefined](https://discourse.processing.org/t/issues-with-remove-cannot-read-property-getbytetimedomaindata-of-undefined/21656)

<div class="topic-metadata">

**Author:** [@ballinoates](https://discourse.processing.org/u/ballinoates)\
**Replies:** 0\
**Last updated:** [June 7, 2020, 2:39pm UTC](https://discourse.processing.org/t/issues-with-remove-cannot-read-property-getbytetimedomaindata-of-undefined/21656 "2020-06-07T14:39:38Z")

</div>

Hi All- Got a doozy here, really need some halps! So in a nut shell my partner and I are working on a web based VJ app that lets the user pick different sketches to display. Everything was working ok until we tried to …

---

## [Siri style waveform design with p5 sound](https://discourse.processing.org/t/siri-style-waveform-design-with-p5-sound/21529)

<div class="topic-metadata">

**Author:** [@eurobob](https://discourse.processing.org/u/eurobob)\
**Replies:** 8\
**Last updated:** [June 5, 2020, 5:04pm UTC](https://discourse.processing.org/t/siri-style-waveform-design-with-p5-sound/21529 "2020-06-05T17:04:06Z")

</div>

How would I go about creating an animation similar to this?: https://dribbble.com/shots/5401314-Voice-interface-design

---

## [Polysynth notes stop](https://discourse.processing.org/t/polysynth-notes-stop/21526)

<div class="topic-metadata">

**Author:** [@b\_and\_z](https://discourse.processing.org/u/b_and_z)\
**Replies:** 2\
**Last updated:** [June 4, 2020, 9:20am UTC](https://discourse.processing.org/t/polysynth-notes-stop/21526 "2020-06-04T09:20:29Z")

</div>

Hello all I am creating a tool to translate image to sound, specifically get brightness of certain pixels and use these as a trigger for a polyphonic synth. As long as a certain pixel has a certain brightness, the synth…

---

## [P5 soundfile addCue is called multiple times](https://discourse.processing.org/t/p5-soundfile-addcue-is-called-multiple-times/21521)

<div class="topic-metadata">

**Author:** [@casperleerink](https://discourse.processing.org/u/casperleerink)\
**Replies:** 3\
**Last updated:** [June 3, 2020, 8:08pm UTC](https://discourse.processing.org/t/p5-soundfile-addcue-is-called-multiple-times/21521 "2020-06-03T20:08:46Z")

</div>

Hi everyone! I am using the addCue method on a p5.soundFile. I invoke this method in the setup function. The callback function i provide is called multiple times (around 170) instead of just 1 time (which I expected). D…

---

## [Getting amplitude of multiple p5.Oscillators without using multiple p5.Amplitudes](https://discourse.processing.org/t/getting-amplitude-of-multiple-p5-oscillators-without-using-multiple-p5-amplitudes/21503)

<div class="topic-metadata">

**Author:** [@umutreldem](https://discourse.processing.org/u/umutreldem)\
**Replies:** 0\
**Last updated:** [June 2, 2020, 3:02pm UTC](https://discourse.processing.org/t/getting-amplitude-of-multiple-p5-oscillators-without-using-multiple-p5-amplitudes/21503 "2020-06-02T15:02:46Z")

</div>

I would like to create multiple oscillators, and tie the current amplitude of each to a color dimension. Oscillator 1’s amplitude is scaled to 0-255 Red value, 2 to Green, and so on. The problem is, setting multiple p5.…

---

## [createFileInput function](https://discourse.processing.org/t/createfileinput-function/21478)

<div class="topic-metadata">

**Author:** [@RbRB](https://discourse.processing.org/u/RbRB)\
**Replies:** 1\
**Last updated:** [June 1, 2020, 3:33pm UTC](https://discourse.processing.org/t/createfileinput-function/21478 "2020-06-01T15:33:10Z")

</div>

I create the code like this but the error keeps popping up. what’s should I do? let song; let input; function setup() { input = createFileInput(handleFile); input.position(0, 0); createCanvas(720, 200); backgrou…

---

## [Loading Large Sound Files- problem with loading SOLVED!](https://discourse.processing.org/t/loading-large-sound-files-problem-with-loading-solved/21351)

<div class="topic-metadata">

**Author:** [@Kris1](https://discourse.processing.org/u/Kris1)\
**Replies:** 7\
**Last updated:** [May 31, 2020, 12:26pm UTC](https://discourse.processing.org/t/loading-large-sound-files-problem-with-loading-solved/21351 "2020-05-31T12:26:43Z")

</div>

I am having problems loading a large sound file. It is too large to be uploaded directly to the P5js editor. I have tried linking it to my dropbox, this has failed. I have tried both load sound, and new p5.SoundFile (…

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

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