# p5.js

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

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

**Page:** 114

---

## [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?

---

## [Cannot execute Force Directed Graph](https://discourse.processing.org/t/cannot-execute-force-directed-graph/394)

<div class="topic-metadata">

**Author:** [@shan](https://discourse.processing.org/u/shan)\
**Replies:** 10\
**Last updated:** [May 30, 2018, 12:33am UTC](https://discourse.processing.org/t/cannot-execute-force-directed-graph/394 "2018-05-30T00:33:26Z")

</div>

i have make coding but cannot execute what is the issues. // # Force Directed Graph var VerletPhysics2D = toxi.physics2d.VerletPhysics2D, VerletParticle2D = toxi.physics2d.VerletParticle2D, VerletSpring2D = tox…

---

## [Having trouble getting P5 JS to work in repl.it](https://discourse.processing.org/t/having-trouble-getting-p5-js-to-work-in-repl-it/349)

<div class="topic-metadata">

**Author:** [@ComposerShield](https://discourse.processing.org/u/ComposerShield)\
**Replies:** 1\
**Last updated:** [May 24, 2018, 7:57pm UTC](https://discourse.processing.org/t/having-trouble-getting-p5-js-to-work-in-repl-it/349 "2018-05-24T19:57:12Z")

</div>

Hi there, I’m a newcomer to using P5 JS. I have HTML, CSS, and JS loaded up in repl.it. In the head of the HTML, I added the script src="…/p5.js" thing and the src=“path/to/p5.sound.js” thing (I can’t copy the whole thin…

---

## [Pushing a 7712x960 Binary image to p5.js is Super slow. Is there a better way?](https://discourse.processing.org/t/pushing-a-7712x960-binary-image-to-p5-js-is-super-slow-is-there-a-better-way/371)

<div class="topic-metadata">

**Author:** [@Rosaku](https://discourse.processing.org/u/Rosaku)\
**Replies:** 14\
**Last updated:** [May 29, 2018, 5:00am UTC](https://discourse.processing.org/t/pushing-a-7712x960-binary-image-to-p5-js-is-super-slow-is-there-a-better-way/371 "2018-05-29T05:00:49Z")

</div>

Hi, first of all this is my first post, so go easy on me if i am posting in the wrong place :slight\_smile: So what i am trying to do is render an image that is stored as a raw byte array. I am able to do that but its SU…

---

## [Hello p5 community: Tell me why you love p5js!](https://discourse.processing.org/t/hello-p5-community-tell-me-why-you-love-p5js/471)

<div class="topic-metadata">

**Author:** [@elginskye](https://discourse.processing.org/u/elginskye)\
**Replies:** 0\
**Last updated:** [May 28, 2018, 6:00pm UTC](https://discourse.processing.org/t/hello-p5-community-tell-me-why-you-love-p5js/471 "2018-05-28T18:00:36Z")

</div>

Hi everyone! I’m super excited to be working on a Google Summer of Code project to update the hello.p5js page. This page serves as a short video introduction for p5 (like a movie trailer…but better…because it’s about pr…

---

## [Using Images In Browser with ProcessingJs](https://discourse.processing.org/t/using-images-in-browser-with-processingjs/390)

<div class="topic-metadata">

**Author:** [@CrispyCabot](https://discourse.processing.org/u/CrispyCabot)\
**Replies:** 4\
**Last updated:** [May 26, 2018, 5:33pm UTC](https://discourse.processing.org/t/using-images-in-browser-with-processingjs/390 "2018-05-26T17:33:05Z")

</div>

So I am struggling a lot with processingjs. Not sure why but I just can’t figure out how to get my processing code properly into an html file. I have two problems right now that I need help with. I don’t know how to lo…

---

## [Creating a HSV-Color Cylinder with WEBGL and p5js](https://discourse.processing.org/t/creating-a-hsv-color-cylinder-with-webgl-and-p5js/376)

<div class="topic-metadata">

**Author:** [@johmarjac](https://discourse.processing.org/u/johmarjac)\
**Replies:** 6\
**Last updated:** [May 25, 2018, 10:02pm UTC](https://discourse.processing.org/t/creating-a-hsv-color-cylinder-with-webgl-and-p5js/376 "2018-05-25T22:02:05Z")

</div>

Hi, I found following site on internet: https://programmingdesignsystems.com/color/color-models-and-color-spaces/index.html If you scroll down a little you can see a cylinder where you have 3 sliders and can select the…

---

## [Loops that draws gradient circles across and down the screen](https://discourse.processing.org/t/loops-that-draws-gradient-circles-across-and-down-the-screen/378)

<div class="topic-metadata">

**Author:** [@\_majok1](https://discourse.processing.org/u/_majok1)\
**Replies:** 2\
**Last updated:** [May 25, 2018, 8:16pm UTC](https://discourse.processing.org/t/loops-that-draws-gradient-circles-across-and-down-the-screen/378 "2018-05-25T20:16:35Z")

</div>

Hello, I just started using processing a couple of days ago and started experimenting with loops. I’ve created some coding that would draw a circle within a circle and successively get small. I want to create a loop tha…

---

## [Plane not being lit in scene](https://discourse.processing.org/t/plane-not-being-lit-in-scene/310)

<div class="topic-metadata">

**Author:** [@DirtySocrates](https://discourse.processing.org/u/DirtySocrates)\
**Replies:** 3\
**Last updated:** [May 25, 2018, 3:26am UTC](https://discourse.processing.org/t/plane-not-being-lit-in-scene/310 "2018-05-25T03:26:26Z")

</div>

Hello, When I run the code below the plane generated is not being illuminated by any light source in the scene. Can someone take a look? I am not sure why it is not getting lit by the pointLight like the rotating boxes …

---

## [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…

---

## [Get frequency value](https://discourse.processing.org/t/get-frequency-value/73)

<div class="topic-metadata">

**Author:** [@Strimply](https://discourse.processing.org/u/Strimply)\
**Replies:** 2\
**Last updated:** [May 18, 2018, 10:02pm UTC](https://discourse.processing.org/t/get-frequency-value/73 "2018-05-18T22:02:00Z")

</div>

I’m an italian student, and I’m using p5’s libraries to create a web guitar tuner. I would like to know if there is a way to get the frequency of the microphone input. Thanks

[Previous page](https://discourse.processing.org/c/p5js/10.md?page=112)