# Project Guidance

**URL:** https://discourse.processing.org/c/p5js/p5js-guidance/23.md?page=3

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

**Page:** 4

---

## [Storing data like a cookie?](https://discourse.processing.org/t/storing-data-like-a-cookie/15258)

<div class="topic-metadata">

**Author:** [@KeirMeDear](https://discourse.processing.org/u/KeirMeDear)\
**Replies:** 2\
**Last updated:** [November 5, 2019, 7:16pm UTC](https://discourse.processing.org/t/storing-data-like-a-cookie/15258 "2019-11-05T19:16:25Z")

</div>

How would you go about holding data in a P5 sketch online if someone came back to it later. For example, if I had a piece of code where you can choose the fill color of a rect, how could you make it store that value so …

---

## [Idea: Library that involves drawing and sound](https://discourse.processing.org/t/idea-library-that-involves-drawing-and-sound/13790)

<div class="topic-metadata">

**Author:** [@tanhengyeow](https://discourse.processing.org/u/tanhengyeow)\
**Replies:** 4\
**Last updated:** [October 25, 2019, 2:57am UTC](https://discourse.processing.org/t/idea-library-that-involves-drawing-and-sound/13790 "2019-10-25T02:57:49Z")

</div>

Hi all! My name is Heng Yeow and I’m an open-source enthusiast. I’m interested in K12 education and developing creative learning experiences. I’m thinking of supporting a p5 library that combines audio and drawing on c…

---

## [Bar graphs Customized Library](https://discourse.processing.org/t/bar-graphs-customized-library/14740)

<div class="topic-metadata">

**Author:** [@Zubair231](https://discourse.processing.org/u/Zubair231)\
**Replies:** 3\
**Last updated:** [October 19, 2019, 7:55pm UTC](https://discourse.processing.org/t/bar-graphs-customized-library/14740 "2019-10-19T19:55:53Z")

</div>

Hi , this is Zubair here i want to made a custom library for bar graphs that have filter option against the time stamps and data name on graph visualization. I am new on p5.js so i need a graph visualization customize…

---

## [Working with Parts and arrays/Drawing with sound](https://discourse.processing.org/t/working-with-parts-and-arrays-drawing-with-sound/14499)

<div class="topic-metadata">

**Author:** [@leobrooks](https://discourse.processing.org/u/leobrooks)\
**Replies:** 0\
**Last updated:** [October 7, 2019, 4:52pm UTC](https://discourse.processing.org/t/working-with-parts-and-arrays-drawing-with-sound/14499 "2019-10-07T16:52:52Z")

</div>

Hello, I am fairly new to coding in general and p5.js in particular, so please bear with me as I try to explain my question. I am trying to create a program that plays music based on reading arrays of ones and zeroes. …

---

## [Full Page Canvas for Album Art Project](https://discourse.processing.org/t/full-page-canvas-for-album-art-project/14328)

<div class="topic-metadata">

**Author:** [@bradley](https://discourse.processing.org/u/bradley)\
**Replies:** 2\
**Last updated:** [October 2, 2019, 4:31am UTC](https://discourse.processing.org/t/full-page-canvas-for-album-art-project/14328 "2019-10-02T04:31:52Z")

</div>

I have an idea to make a website for an album my friends and I made that does some interactive stuff with photos that a user would upload and then with p5 various effects and stuff would happen. I was thinking of just co…

---

## [Helping a teacher with the Web Editor](https://discourse.processing.org/t/helping-a-teacher-with-the-web-editor/13822)

<div class="topic-metadata">

**Author:** [@leonardof131](https://discourse.processing.org/u/leonardof131)\
**Replies:** 2\
**Last updated:** [September 9, 2019, 12:29pm UTC](https://discourse.processing.org/t/helping-a-teacher-with-the-web-editor/13822 "2019-09-09T12:29:48Z")

</div>

Greetings from Brazil! My name is Leo and I’m a teacher for an ONG that focuses in delivering STEAM education to poor children in my local region. We’re planning to do some coding classes with them, and the easy of use…

---

## [Astronomy in p5](https://discourse.processing.org/t/astronomy-in-p5/13234)

<div class="topic-metadata">

**Author:** [@gbenedisgrab](https://discourse.processing.org/u/gbenedisgrab)\
**Replies:** 1\
**Last updated:** [August 10, 2019, 12:46am UTC](https://discourse.processing.org/t/astronomy-in-p5/13234 "2019-08-10T00:46:08Z")

</div>

Hi All, I want to make a p5 app that animates the stars moving in the night sky. I want it to be very similar to this site http://www.etwright.org/astro/plani.html Anyone have advice on what to look at. I found a d3…

---

## [About creating an add on to draw graphs in p5](https://discourse.processing.org/t/about-creating-an-add-on-to-draw-graphs-in-p5/12613)

<div class="topic-metadata">

**Author:** [@Jithin](https://discourse.processing.org/u/Jithin)\
**Replies:** 2\
**Last updated:** [July 10, 2019, 3:27pm UTC](https://discourse.processing.org/t/about-creating-an-add-on-to-draw-graphs-in-p5/12613 "2019-07-10T15:27:58Z")

</div>

I’m thinking of creating a library for drawing graphs in p5 sketch. We may provide options like where the origin is, dimensions of the graph, width of each unit in each axes, labels, function to be plotted etc. A graph w…

---

## [Counting football juggles via webcam (p5js)](https://discourse.processing.org/t/counting-football-juggles-via-webcam-p5js/12430)

<div class="topic-metadata">

**Author:** [@joymkj](https://discourse.processing.org/u/joymkj)\
**Replies:** 6\
**Last updated:** [July 5, 2019, 5:47pm UTC](https://discourse.processing.org/t/counting-football-juggles-via-webcam-p5js/12430 "2019-07-05T17:47:37Z")

</div>

Hi! I want to create an application which can count how many football juggles (feet, knee, head etc.) has been performed through the webcam live feed. I have implemented pose estimation and object tracking but it is too…

---

## [Time line without Flash](https://discourse.processing.org/t/time-line-without-flash/12037)

<div class="topic-metadata">

**Author:** [@Thiru](https://discourse.processing.org/u/Thiru)\
**Replies:** 20\
**Last updated:** [June 29, 2019, 12:24pm UTC](https://discourse.processing.org/t/time-line-without-flash/12037 "2019-06-29T12:24:47Z")

</div>

Hi, I have basic knowledge of programming. After doing a bit of research, it looks like the timeline shown in this link can be done in HTML, Canvas, JS,… (without adobe flash). I would very much appreciate if you wo…

---

## [Are slide pages possible with p5js?](https://discourse.processing.org/t/are-slide-pages-possible-with-p5js/12341)

<div class="topic-metadata">

**Author:** [@umt](https://discourse.processing.org/u/umt)\
**Replies:** 0\
**Last updated:** [June 27, 2019, 2:05pm UTC](https://discourse.processing.org/t/are-slide-pages-possible-with-p5js/12341 "2019-06-27T14:05:28Z")

</div>

Hi guys, I want to make like slide with p5js canvas arrays. If previous and next buttons clicks change the canvas on screen. Finally ı want to export all pages( all canvas) to pdf . Is it possible?

---

## [Creating a grid of toggle buttons](https://discourse.processing.org/t/creating-a-grid-of-toggle-buttons/12162)

<div class="topic-metadata">

**Author:** [@Col\_John\_Matrix](https://discourse.processing.org/u/Col_John_Matrix)\
**Replies:** 4\
**Last updated:** [June 21, 2019, 7:59am UTC](https://discourse.processing.org/t/creating-a-grid-of-toggle-buttons/12162 "2019-06-21T07:59:06Z")

</div>

Hello, I wish to create a GUI to control the ON/OFF state of an 8 by 8 array of LEDs. What I’d like the GUI to look like would be an 8 by 8 array of toggle buttons, one for each LED, to toggle each LED ON/OFF accordingl…

---

## [Code Circular Heat map with P5](https://discourse.processing.org/t/code-circular-heat-map-with-p5/10561)

<div class="topic-metadata">

**Author:** [@bram94](https://discourse.processing.org/u/bram94)\
**Replies:** 6\
**Last updated:** [June 8, 2019, 9:47pm UTC](https://discourse.processing.org/t/code-circular-heat-map-with-p5/10561 "2019-06-08T21:47:52Z")

</div>

Hi all, I am very new to P5 and want to code a circular heatmap inP5 based on data I have Something similar like shown in the figure. I already manage to do it in R, but really need to do it in p5 and already unsuces…

---

## [Switch Between Multiple p5.js Sketches in Single Webpage](https://discourse.processing.org/t/switch-between-multiple-p5-js-sketches-in-single-webpage/9981)

<div class="topic-metadata">

**Author:** [@CalebMarcoux](https://discourse.processing.org/u/CalebMarcoux)\
**Replies:** 4\
**Last updated:** [April 6, 2019, 12:23am UTC](https://discourse.processing.org/t/switch-between-multiple-p5-js-sketches-in-single-webpage/9981 "2019-04-06T00:23:52Z")

</div>

TLDR: Is it better to have lots of instances of p5.js or keep switching the code in the global mode? Is there a way to treat a JS file as a single instance of p5.js without modifying the code inside the file? I have sev…

---

## [Helping Tool for Educators](https://discourse.processing.org/t/helping-tool-for-educators/9321)

<div class="topic-metadata">

**Author:** [@janglee](https://discourse.processing.org/u/janglee)\
**Replies:** 7\
**Last updated:** [March 20, 2019, 4:30pm UTC](https://discourse.processing.org/t/helping-tool-for-educators/9321 "2019-03-20T16:30:47Z")

</div>

Hello you all, p5.js is a library and set of tools that make it easy to use the JavaScript programming language for creative coding and heavily used for teaching purposes. One thing I find missing is that explaining sk…

---

## [Uploading and parsing files](https://discourse.processing.org/t/uploading-and-parsing-files/6999)

<div class="topic-metadata">

**Author:** [@lmccandless](https://discourse.processing.org/u/lmccandless)\
**Replies:** 1\
**Last updated:** [December 30, 2018, 12:09am UTC](https://discourse.processing.org/t/uploading-and-parsing-files/6999 "2018-12-30T00:09:31Z")

</div>

New to webdev. I’ve made a Processing program to open a proprietary game map file, generate a .png preview of the map and extract the meta data like the mapmakers name, map description, dimensions, etc. I want to make …

---

## [Citing p5.js (academic)?](https://discourse.processing.org/t/citing-p5-js-academic/4877)

<div class="topic-metadata">

**Author:** [@j6m8](https://discourse.processing.org/u/j6m8)\
**Replies:** 4\
**Last updated:** [November 5, 2018, 2:57pm UTC](https://discourse.processing.org/t/citing-p5-js-academic/4877 "2018-11-05T14:57:30Z")

</div>

I would like to cite p5.js in an upcoming publication and am not sure where to point; currently we’re just pointing to the homepage (https://p5js.org/) but if there’s a specific document you like us to reference, I’d pre…

---

## [Automatically scraping images/text/content from a website and posting them to Tumblr?](https://discourse.processing.org/t/automatically-scraping-images-text-content-from-a-website-and-posting-them-to-tumblr/5036)

<div class="topic-metadata">

**Author:** [@snacks](https://discourse.processing.org/u/snacks)\
**Replies:** 2\
**Last updated:** [November 1, 2018, 5:44pm UTC](https://discourse.processing.org/t/automatically-scraping-images-text-content-from-a-website-and-posting-them-to-tumblr/5036 "2018-11-01T17:44:59Z")

</div>

Hi all, I’m new to Javascript and to programming code in general. I’m wondering if there’s a way to automatically collect random images and text from a url, and then automatically posting them to a site like Tumblr or Wo…

---

## [Spout for P5.js?](https://discourse.processing.org/t/spout-for-p5-js/3550)

<div class="topic-metadata">

**Author:** [@luxurianttuber](https://discourse.processing.org/u/luxurianttuber)\
**Replies:** 3\
**Last updated:** [September 16, 2018, 10:17pm UTC](https://discourse.processing.org/t/spout-for-p5-js/3550 "2018-09-16T22:17:54Z")

</div>

I every one. I began to learn Processing few weeks ago, Quickly I discover there is something called P5.js. I want to develop tools for interactive and procedural VJing. I would like to know if there is something like …

---

## [Local server: Apache instructions missing. Please revert](https://discourse.processing.org/t/local-server-apache-instructions-missing-please-revert/1397)

<div class="topic-metadata">

**Author:** [@kfrajer](https://discourse.processing.org/u/kfrajer)\
**Replies:** 0\
**Last updated:** [July 1, 2018, 1:31am UTC](https://discourse.processing.org/t/local-server-apache-instructions-missing-please-revert/1397 "2018-07-01T01:31:16Z")

</div>

I am referring to this wiki entry in the Processing|P5.js GitHub’s page under the wiki page tab. The instructions to configure the Apache server were replaced with instructions of how to setup php. These instructions onl…

---

## [How can I segment an image and create many images](https://discourse.processing.org/t/how-can-i-segment-an-image-and-create-many-images/3231)

<div class="topic-metadata">

**Author:** [@donammar](https://discourse.processing.org/u/donammar)\
**Replies:** 1\
**Last updated:** [September 3, 2018, 5:52pm UTC](https://discourse.processing.org/t/how-can-i-segment-an-image-and-create-many-images/3231 "2018-09-03T17:52:39Z")

</div>

How can I segment (crop) an image and create many images ? i don’t find good and easy tutorials on processing.js why ?

---

## [Guidance on releasing new Processing-like library](https://discourse.processing.org/t/guidance-on-releasing-new-processing-like-library/1629)

<div class="topic-metadata">

**Author:** [@Crazyinfin8](https://discourse.processing.org/u/Crazyinfin8)\
**Replies:** 2\
**Last updated:** [July 10, 2018, 1:42am UTC](https://discourse.processing.org/t/guidance-on-releasing-new-processing-like-library/1629 "2018-07-10T01:42:42Z")

</div>

Recently I thought it would be a cool idea to create a library based on Processing for the Haxe programming language. So far its actually going quite smoothly! Anyway… I was wondering what may be the best approach to re…

---

## [External input for microphone record](https://discourse.processing.org/t/external-input-for-microphone-record/1356)

<div class="topic-metadata">

**Author:** [@Adiraek](https://discourse.processing.org/u/Adiraek)\
**Replies:** 7\
**Last updated:** [July 6, 2018, 9:21am UTC](https://discourse.processing.org/t/external-input-for-microphone-record/1356 "2018-07-06T09:21:09Z")

</div>

Hi, I am currently implementing a central raspberry pi 3B that collects acoustic noise data from another device which has a mic via BLE. I am currently using node.js, noble to retreive the data. Currently the sound info…

---

## [Can i use p5.js on my website?](https://discourse.processing.org/t/can-i-use-p5-js-on-my-website/1344)

<div class="topic-metadata">

**Author:** [@matosustak](https://discourse.processing.org/u/matosustak)\
**Replies:** 2\
**Last updated:** [June 28, 2018, 6:27pm UTC](https://discourse.processing.org/t/can-i-use-p5-js-on-my-website/1344 "2018-06-28T18:27:37Z")

</div>

Hello, I have a website where I want to use p5.js but the website has ads on it, and if yes please how I need to correctly credit it? Thanks for every reply.

---

## [Getting raspberry pi sensors to talk to p5.js](https://discourse.processing.org/t/getting-raspberry-pi-sensors-to-talk-to-p5-js/1156)

<div class="topic-metadata">

**Author:** [@alphydan](https://discourse.processing.org/u/alphydan)\
**Replies:** 4\
**Last updated:** [June 25, 2018, 9:29pm UTC](https://discourse.processing.org/t/getting-raspberry-pi-sensors-to-talk-to-p5-js/1156 "2018-06-25T21:29:42Z")

</div>

Question: What is the best way to get real time data from the Raspberry to influence a p5.js drawing? Context: I am running a coding + art project as a school teacher (With students aged 11 - 15). We have a couple of r…

---

## [Best way to implement a screen recording option in a web app](https://discourse.processing.org/t/best-way-to-implement-a-screen-recording-option-in-a-web-app/492)

<div class="topic-metadata">

**Author:** [@Jithin](https://discourse.processing.org/u/Jithin)\
**Replies:** 2\
**Last updated:** [May 30, 2018, 1:45am UTC](https://discourse.processing.org/t/best-way-to-implement-a-screen-recording-option-in-a-web-app/492 "2018-05-30T01:45:12Z")

</div>

I’m developing a web app in which I need to provide a feature for screen recording the webpage (possibly a div) and the audio. What is the best way to implement this?

---

## [Best strategy to run multiple p5 sketches on a page](https://discourse.processing.org/t/best-strategy-to-run-multiple-p5-sketches-on-a-page/216)

<div class="topic-metadata">

**Author:** [@Jithin](https://discourse.processing.org/u/Jithin)\
**Replies:** 5\
**Last updated:** [May 22, 2018, 3:35am UTC](https://discourse.processing.org/t/best-strategy-to-run-multiple-p5-sketches-on-a-page/216 "2018-05-22T03:35:45Z")

</div>

I’m doing a project which is about creating an environment in which teachers can use interactive simulations made with p5.js for teaching. Here is the prototype. http://test.anybodycanlearn.org/ In this, it is only pos…

[Previous page](https://discourse.processing.org/c/p5js/p5js-guidance/23.md?page=2)