# Development

**URL:** https://discourse.processing.org/c/p5js/p5js-development/17.md?page=2

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

**Page:** 3

---

## [How to put github dependencyob p5.js](https://discourse.processing.org/t/how-to-put-github-dependencyob-p5-js/25915)

<div class="topic-metadata">

**Author:** [@jumbleview](https://discourse.processing.org/u/jumbleview)\
**Replies:** 2\
**Last updated:** [December 3, 2020, 8:11pm UTC](https://discourse.processing.org/t/how-to-put-github-dependencyob-p5-js/25915 "2020-12-03T20:11:15Z")

</div>

I am new to p5.js (my experience with JavaScript is very limited as well). I am going to create public guthub repository with sketch and I would like that anybody who clone it will have the ability to run it. That would…

---

## [Projecting several p5.js sketches sequentially](https://discourse.processing.org/t/projecting-several-p5-js-sketches-sequentially/24991)

<div class="topic-metadata">

**Author:** [@isaacmg](https://discourse.processing.org/u/isaacmg)\
**Replies:** 0\
**Last updated:** [October 29, 2020, 12:30am UTC](https://discourse.processing.org/t/projecting-several-p5-js-sketches-sequentially/24991 "2020-10-29T00:30:27Z")

</div>

I think may be interested projecting several p5.js sketches sequentially. If you want to see the submissions of your students with them as a presentation. I think it is interesting for schools. I created a git repo tryi…

---

## [\_decrementPreload and preload](https://discourse.processing.org/t/decrementpreload-and-preload/24618)

<div class="topic-metadata">

**Author:** [@caterpillar](https://discourse.processing.org/u/caterpillar)\
**Replies:** 0\
**Last updated:** [October 15, 2020, 11:36am UTC](https://discourse.processing.org/t/decrementpreload-and-preload/24618 "2020-10-15T11:36:56Z")

</div>

I read libraries tutorial and have a question about Example of async function for callback and preload(). I followed its code and wrote an example. p5.prototype.loadXXX = function(callback) { const ret = {}; …

---

## [Svg library beta testers requested](https://discourse.processing.org/t/svg-library-beta-testers-requested/24551)

<div class="topic-metadata">

**Author:** [@bobcook](https://discourse.processing.org/u/bobcook)\
**Replies:** 3\
**Last updated:** [October 14, 2020, 7:20pm UTC](https://discourse.processing.org/t/svg-library-beta-testers-requested/24551 "2020-10-14T19:20:27Z")

</div>

I have developed an SVG library for P5. It’s unique feature is that it processes any SVG fragment in addition to files. The result is painted on an image with user-specified dimensions. There are numerous examples tog…

---

## [WEBGL get the specific lineVertexes of a shape](https://discourse.processing.org/t/webgl-get-the-specific-linevertexes-of-a-shape/24399)

<div class="topic-metadata">

**Author:** [@SamuelCobb](https://discourse.processing.org/u/SamuelCobb)\
**Replies:** 1\
**Last updated:** [October 8, 2020, 12:11am UTC](https://discourse.processing.org/t/webgl-get-the-specific-linevertexes-of-a-shape/24399 "2020-10-08T00:11:07Z")

</div>

I am trying to make a ray-triangle intersection for a library that I am working on. My problem is not the actual ray-intersection algorithm, since I already have that ready. My issue is that I cannot access the individu…

---

## [Detecting the start of a scroll](https://discourse.processing.org/t/detecting-the-start-of-a-scroll/23681)

<div class="topic-metadata">

**Author:** [@Jithin](https://discourse.processing.org/u/Jithin)\
**Replies:** 1\
**Last updated:** [September 6, 2020, 4:16am UTC](https://discourse.processing.org/t/detecting-the-start-of-a-scroll/23681 "2020-09-06T04:16:46Z")

</div>

Is there any way to detect the start of a scroll in p5? I want just the start of the scroll. The mouseWheel event doesn’t seem to help.

---

## [How to get familiar with the p5.js codebase](https://discourse.processing.org/t/how-to-get-familiar-with-the-p5-js-codebase/23387)

<div class="topic-metadata">

**Author:** [@Swapnil](https://discourse.processing.org/u/Swapnil)\
**Replies:** 1\
**Last updated:** [August 20, 2020, 8:19pm UTC](https://discourse.processing.org/t/how-to-get-familiar-with-the-p5-js-codebase/23387 "2020-08-20T20:19:52Z")

</div>

I’m a beginner in open source contribution and I would love to contribute to the p5.js repository. But the codebase is pretty massive and I don’t really know which is the best place to start. I would thoroughly appreciat…

---

## [Multiple canvas class](https://discourse.processing.org/t/multiple-canvas-class/20889)

<div class="topic-metadata">

**Author:** [@jimbrink](https://discourse.processing.org/u/jimbrink)\
**Replies:** 6\
**Last updated:** [August 3, 2020, 1:56am UTC](https://discourse.processing.org/t/multiple-canvas-class/20889 "2020-08-03T01:56:43Z")

</div>

I started using p5.js about half year ago. I wanted two canvases in the first major project I attempted was disappointed to read createCanvas should only be used once. Before learning there were already a couple of way…

---

## [Library creation help](https://discourse.processing.org/t/library-creation-help/22923)

<div class="topic-metadata">

**Author:** [@SamuelCobb](https://discourse.processing.org/u/SamuelCobb)\
**Replies:** 6\
**Last updated:** [August 1, 2020, 1:32pm UTC](https://discourse.processing.org/t/library-creation-help/22923 "2020-08-01T13:32:40Z")

</div>

Hey guys, So, I am not the most experienced p5 user but I am trying to write a “Picking” library for a specific project of mine. In the picking library, I need to create a “buffer” which is basically a hidden canvas whi…

---

## [P5.collide2d vector input feature discussion (please help us figure out the implementation of this new feature!)](https://discourse.processing.org/t/p5-collide2d-vector-input-feature-discussion-please-help-us-figure-out-the-implementation-of-this-new-feature/22028)

<div class="topic-metadata">

**Author:** [@bmoren](https://discourse.processing.org/u/bmoren)\
**Replies:** 0\
**Last updated:** [June 20, 2020, 3:49pm UTC](https://discourse.processing.org/t/p5-collide2d-vector-input-feature-discussion-please-help-us-figure-out-the-implementation-of-this-new-feature/22028 "2020-06-20T15:49:26Z")

</div>

Hi folks! We’re working on some updates to the p5.collide2d library to support vector inputs and I’d love to hear some other people’s thoughts on the best way to implement these new features. If you’re familiar with the …

---

## [Adding event handlers to sketch](https://discourse.processing.org/t/adding-event-handlers-to-sketch/21863)

<div class="topic-metadata">

**Author:** [@Jithin](https://discourse.processing.org/u/Jithin)\
**Replies:** 3\
**Last updated:** [June 19, 2020, 8:06am UTC](https://discourse.processing.org/t/adding-event-handlers-to-sketch/21863 "2020-06-19T08:06:18Z")

</div>

Hi I’m trying to create a library that extends p5. I want to add event handlers to the sketch. I tried to use \_onmousedown event present in p5 prototype, but its giving me an errror. How can I achieve this? I could just…

---

## [Anybody here use a linter for coding in p5.js?](https://discourse.processing.org/t/anybody-here-use-a-linter-for-coding-in-p5-js/20853)

<div class="topic-metadata">

**Author:** [@Bassam](https://discourse.processing.org/u/Bassam)\
**Replies:** 9\
**Last updated:** [May 19, 2020, 3:19am UTC](https://discourse.processing.org/t/anybody-here-use-a-linter-for-coding-in-p5-js/20853 "2020-05-19T03:19:01Z")

</div>

If so, what editor do you use (atom, vscode…). What linter do you use? I’m having trouble telling telling ESLint to ignore undefined variables. It doesn’t realize window, height, setup() are built into p5.js.

---

## [Contributing to p5.js - where to put function?](https://discourse.processing.org/t/contributing-to-p5-js-where-to-put-function/20213)

<div class="topic-metadata">

**Author:** [@rizz0s](https://discourse.processing.org/u/rizz0s)\
**Replies:** 3\
**Last updated:** [April 29, 2020, 6:32pm UTC](https://discourse.processing.org/t/contributing-to-p5-js-where-to-put-function/20213 "2020-04-29T18:32:05Z")

</div>

Hey folks! Beginner dev here. I’m a big fan of Processing and have used p5.js in personal projects. I wanted to try contributing to open source code to get some practice so I thought, why not p5? Anyway, I watched The …

---

## [Fixed navigation menu](https://discourse.processing.org/t/fixed-navigation-menu/19766)

<div class="topic-metadata">

**Author:** [@Rahulm2310](https://discourse.processing.org/u/Rahulm2310)\
**Replies:** 4\
**Last updated:** [April 15, 2020, 7:25am UTC](https://discourse.processing.org/t/fixed-navigation-menu/19766 "2020-04-15T07:25:16Z")

</div>

I propose this feature to have a fixed menu on the p5.js website. This will surely increase the accessibility and ease navigation on website. The menu should fix after little scroll and the webpage content should be scr…

---

## [GSOC ideasList p5.js-sound](https://discourse.processing.org/t/gsoc-ideaslist-p5-js-sound/18961)

<div class="topic-metadata">

**Author:** [@endurance21](https://discourse.processing.org/u/endurance21)\
**Replies:** 4\
**Last updated:** [March 29, 2020, 3:01pm UTC](https://discourse.processing.org/t/gsoc-ideaslist-p5-js-sound/18961 "2020-03-29T15:01:58Z")

</div>

i have few question regarding this idea , in the Expected outcomes section , the last point that is Tests run on every pull request in a headless browser is it about Travis bot or we have to use Jenkins explicitly…

---

## [Pull request review request on P5.js-sound](https://discourse.processing.org/t/pull-request-review-request-on-p5-js-sound/18593)

<div class="topic-metadata">

**Author:** [@endurance21](https://discourse.processing.org/u/endurance21)\
**Replies:** 1\
**Last updated:** [March 25, 2020, 10:13pm UTC](https://discourse.processing.org/t/pull-request-review-request-on-p5-js-sound/18593 "2020-03-25T22:13:40Z")

</div>

some PR’s on p5.js-sound like #420 #419 have not been reviewed for a long time , its hindering the development of p5.js-sound please review them . :smiley: thank you ! :smiley:

---

## [Build error in p5.js grunt script](https://discourse.processing.org/t/build-error-in-p5-js-grunt-script/18833)

<div class="topic-metadata">

**Author:** [@eswaraprasad](https://discourse.processing.org/u/eswaraprasad)\
**Replies:** 1\
**Last updated:** [March 25, 2020, 8:32pm UTC](https://discourse.processing.org/t/build-error-in-p5-js-grunt-script/18833 "2020-03-25T20:32:49Z")

</div>

I get the error when running npm run grunt.

---

## [Development of a new design and user-interface for the website](https://discourse.processing.org/t/development-of-a-new-design-and-user-interface-for-the-website/18688)

<div class="topic-metadata">

**Author:** [@codengame](https://discourse.processing.org/u/codengame)\
**Replies:** 0\
**Last updated:** [March 15, 2020, 7:23pm UTC](https://discourse.processing.org/t/development-of-a-new-design-and-user-interface-for-the-website/18688 "2020-03-15T19:23:17Z")

</div>

I was planning to try out some Bootstrap features to improve the appearance of the pages. The showcase page can be modified to match the type of content it holds. I can work on a new design of the specific pages to impr…

---

## [Unable to find the Language buttons handlebar](https://discourse.processing.org/t/unable-to-find-the-language-buttons-handlebar/18673)

<div class="topic-metadata">

**Author:** [@codengame](https://discourse.processing.org/u/codengame)\
**Replies:** 0\
**Last updated:** [March 15, 2020, 9:45am UTC](https://discourse.processing.org/t/unable-to-find-the-language-buttons-handlebar/18673 "2020-03-15T09:45:57Z")

</div>

I want to edit the Language buttons to make a drop-down menu but I am unable to find the HTML code for the language buttons on Github. In default.hsb there is a handlebar call {{\>i18n}} which calls the language buttons.…

---

## [K12 Education Support](https://discourse.processing.org/t/k12-education-support/14486)

<div class="topic-metadata">

**Author:** [@tanhengyeow](https://discourse.processing.org/u/tanhengyeow)\
**Replies:** 1\
**Last updated:** [March 11, 2020, 6:45pm UTC](https://discourse.processing.org/t/k12-education-support/14486 "2020-03-11T18:45:11Z")

</div>

Hi everyone! I read the developer roadmap here, https://github.com/processing/p5.js/blob/master/developer\_docs/roadmap.md and realized there are some initiatives planned for K12 support. K12 education and empowering ki…

---

## [Shared library for simple functions](https://discourse.processing.org/t/shared-library-for-simple-functions/18374)

<div class="topic-metadata">

**Author:** [@podryna](https://discourse.processing.org/u/podryna)\
**Replies:** 13\
**Last updated:** [March 6, 2020, 7:17pm UTC](https://discourse.processing.org/t/shared-library-for-simple-functions/18374 "2020-03-06T19:17:40Z")

</div>

Hi, I’m trying to create a simple library of functions that can be used by elementary school students to do some coding. The first function is one that draws a grid on the canvas with simple coordinate labels. These stud…

---

## [Translation contribution](https://discourse.processing.org/t/translation-contribution/18261)

<div class="topic-metadata">

**Author:** [@phe0](https://discourse.processing.org/u/phe0)\
**Replies:** 1\
**Last updated:** [March 1, 2020, 2:00am UTC](https://discourse.processing.org/t/translation-contribution/18261 "2020-03-01T02:00:41Z")

</div>

Hello, I’ve been working on the translation of the p5.js website to portuguese, but I did not understand how to the reference section should work, it doesn’t have an english json file, but it has an es.json file, the pa…

---

## [PR review (p5-web-editor)](https://discourse.processing.org/t/pr-review-p5-web-editor/18104)

<div class="topic-metadata">

**Author:** [@mynk](https://discourse.processing.org/u/mynk)\
**Replies:** 2\
**Last updated:** [February 27, 2020, 1:42am UTC](https://discourse.processing.org/t/pr-review-p5-web-editor/18104 "2020-02-27T01:42:16Z")

</div>

Hi guys, any p5-web-editor dev here… I would request you to please review the pr that I made few days ago, I don’t know If the issue was relevant, or my solution was accurate . Sorry if this was not the right place to po…

---

## [Contributing to P5.js](https://discourse.processing.org/t/contributing-to-p5-js/17792)

<div class="topic-metadata">

**Author:** [@Deepansharora27](https://discourse.processing.org/u/Deepansharora27)\
**Replies:** 0\
**Last updated:** [February 13, 2020, 2:13pm UTC](https://discourse.processing.org/t/contributing-to-p5-js/17792 "2020-02-13T14:13:33Z")

</div>

Hello Everyone , I am Deepanshu Arora , A second year Computer Science Undergrad Student currently in my Second Year in Manav Rachna International University,India . I am a Passionate about Web Development , and more s…

---

## [Can't run Grunt server](https://discourse.processing.org/t/cant-run-grunt-server/17016)

<div class="topic-metadata">

**Author:** [@teddysphotos](https://discourse.processing.org/u/teddysphotos)\
**Replies:** 4\
**Last updated:** [January 30, 2020, 6:34pm UTC](https://discourse.processing.org/t/cant-run-grunt-server/17016 "2020-01-30T18:34:48Z")

</div>

Every time I run npm run watch, the server doesn’t run, it does not open the p5js.org website on my system. Instead, it shows the following error in the terminal. npm ERR! code ELIFECYCLE npm ERR! errno 3 npm ERR! p5…

---

## [Query regarding to start contribution](https://discourse.processing.org/t/query-regarding-to-start-contribution/17094)

<div class="topic-metadata">

**Author:** [@SimranAggarwal](https://discourse.processing.org/u/SimranAggarwal)\
**Replies:** 2\
**Last updated:** [January 17, 2020, 7:46am UTC](https://discourse.processing.org/t/query-regarding-to-start-contribution/17094 "2020-01-17T07:46:49Z")

</div>

Hey! I am new to open source and want to contribute to processing foundation. Please guide me where to start from. Also please guide me which repository to start from. I would like to work upon Javascript.

---

## [Error in installing](https://discourse.processing.org/t/error-in-installing/16660)

<div class="topic-metadata">

**Author:** [@artemp28](https://discourse.processing.org/u/artemp28)\
**Replies:** 5\
**Last updated:** [December 28, 2019, 2:19pm UTC](https://discourse.processing.org/t/error-in-installing/16660 "2019-12-28T14:19:17Z")

</div>

Why am i getting this error? How to solve it?

---

## [Problem with installation](https://discourse.processing.org/t/problem-with-installation/16529)

<div class="topic-metadata">

**Author:** [@niravasher](https://discourse.processing.org/u/niravasher)\
**Replies:** 2\
**Last updated:** [December 28, 2019, 2:17pm UTC](https://discourse.processing.org/t/problem-with-installation/16529 "2019-12-28T14:17:13Z")

</div>

Hi! my name is Nirav Asher, I am from Mumbai, India. I am trying to contribute to processing/p5.js. I am working on Ubuntu 19.04. I will be trying for GSOC 2020. When I run npm run grunt, I get the following warning a l…

---

## [Help with my first contribution](https://discourse.processing.org/t/help-with-my-first-contribution/16305)

<div class="topic-metadata">

**Author:** [@teddysphotos](https://discourse.processing.org/u/teddysphotos)\
**Replies:** 5\
**Last updated:** [December 21, 2019, 3:46am UTC](https://discourse.processing.org/t/help-with-my-first-contribution/16305 "2019-12-21T03:46:12Z")

</div>

I came across the p5.js library 3 weeks ago and I have been hooked since then. I learned the basics of p5.js from The Coding Train on YouTube. Now I want to do a little more complex/open-source projects to enhance my kno…

---

## [Axidraw p5 clean webusb interface](https://discourse.processing.org/t/axidraw-p5-clean-webusb-interface/5689)

<div class="topic-metadata">

**Author:** [@TiborUdvari](https://discourse.processing.org/u/TiborUdvari)\
**Replies:** 1\
**Last updated:** [December 8, 2019, 9:08pm UTC](https://discourse.processing.org/t/axidraw-p5-clean-webusb-interface/5689 "2019-12-08T21:08:10Z")

</div>

I’m looking to create an API to control my axidraw through WebUSB (currently only working on Chrome) with p5. The communication works by sending simple serial messages. My idea is to have the usual functions like line , e…

[Previous page](https://discourse.processing.org/c/p5js/p5js-development/17.md?page=1)

[Next page](https://discourse.processing.org/c/p5js/p5js-development/17.md?page=3)