Hey there What do you guys think about the idea of a all-in-one function to set the drawing style. I created such a function as a shortcut and find it very handy. Is there already a similar behavior which i missed? D…
---
## [loadTable in constructor - check data is loaded](https://discourse.processing.org/t/loadtable-in-constructor-check-data-is-loaded/13257)
I know that you should call loadTable in preload, so that the data will will be loaded before setup is called. But I want to call loadTable in a constructor, but make sure it is loaded before continuing. I don’t have E…
---
## [Can't read pixels from capture](https://discourse.processing.org/t/cant-read-pixels-from-capture/13245)
Hi, I’m obviously missing something foundational. But at the moment I’m trying to simply get the pixels array from a video capture. My code sample follows, note this is on up-to-date versions Chrome and MacOS. let capt…
---
## [Processing alternative to inline onclick()](https://discourse.processing.org/t/processing-alternative-to-inline-onclick/13179)
menu = new button({ x:menuxy\[0\]+xx, y:menuxy\[1\]+yy-10, width:190+12, height:30\*10, id:"menu", col:color(255,255,255,20), label:"", onClick: function(){ setups(); } }); This is what I am converting …
---
## [Generating a new color for each circle](https://discourse.processing.org/t/generating-a-new-color-for-each-circle/13163)
Hi. I have been following a tutorial and I came up with the following code. However, it’s not doing what I wanted. I would expect that everything individual circle would change a different color, but instead they’re all …
---
## [Saving image from CreateGraphics doubles resolution](https://discourse.processing.org/t/saving-image-from-creategraphics-doubles-resolution/13160)
Hello! I am working on a bit of code, and have recently put in the createGraphics() function. When saving the image created by createGraphics, my resolution is doubled. print(graphics.width); //gives me 800 - the corre…
---
## [How to light a vertex](https://discourse.processing.org/t/how-to-light-a-vertex/13148)
I’m trying to make little “hills” and was hoping to light them up. I’m using sets of vertexes but cant get light to act on them. I can make light work on a sphere or a box, but not my shapes made with vertexes. I feel l…
---
## [Tank Controls Help](https://discourse.processing.org/t/tank-controls-help/13043)
I’m creating a tank for a game I am making. I want the tank to move in the direction it is facing. How can I do that?
---
## [Translation from Processing to p5 not working](https://discourse.processing.org/t/translation-from-processing-to-p5-not-working/13051)
Hi all, I can’t figure out why this isn’t spinning. Any tips? (It works in Processing). var spin; function setup() { createCanvas(400, 400); background(255); } function draw() { } function mouseDragged() { push…
---
## [3D mode creating an offset](https://discourse.processing.org/t/3d-mode-creating-an-offset/13042)
Hello, I’m wondering if anyone can let me know why the rectangle is offset from the mouse by about 300px in the x and y direction? here’s the code: var angle = 0; function setup() { createCanvas(700, 700, WEBGL); …
---
## [Prevent p5.dom.js input widget generating keyPressed() events](https://discourse.processing.org/t/prevent-p5-dom-js-input-widget-generating-keypressed-events/13019)
Ciao tutti. I’m using a p5.dom.js “input” widget to get some text input, but each character entered generates a call to keyPressed(). I only want to action the input when CR is typed at the end. Example at: https://edito…
---
## [Move inside div and center on div not page](https://discourse.processing.org/t/move-inside-div-and-center-on-div-not-page/13024)
Hi, i know how to move the canvas inside the div with .parent, but i cant seem to position the canvas centered on the div, when i use .position it uses the page coordinates not the div var offsets = document.getElementB…
---
## [Duplicating a canvas and its state](https://discourse.processing.org/t/duplicating-a-canvas-and-its-state/12902)
I’ve been searching for this answer for longer than I care to admit, and after many google searches and many hours of skipping around The Coding Train’s innumerous videos I’ve felt close but have yet to find the answer. …
---
## [Smooth scrollIntoView?](https://discourse.processing.org/t/smooth-scrollintoview/13010)
I want to move slowly in to element view. Code: let testSelect = document.getElementById('gridMarked'); testSelect.scrollIntoView({block: 'center'}); But view moves immediately, additional ‘Smooth’ option not works…
---
## [Sending Values Between Functions](https://discourse.processing.org/t/sending-values-between-functions/12927)
I am trying to use the p5js.gui library to collect a simple text input and then just output that input to the screen. I have tried a number of different approaches but keep running into errors. This is what I have so far…
---
## [How to add a tooltip to a p5.dom.js button](https://discourse.processing.org/t/how-to-add-a-tooltip-to-a-p5-dom-js-button/12758)
Hi all. I’d like to add a “tooltip” to a button in a p5.js code. The button is added with createButton() from the p5.dom.js library. There’s a ton of discussion out there, a lot in Stack Overflow, about tooltips … a typi…
---
## [Loop(), noLoop(), redraw()](https://discourse.processing.org/t/loop-noloop-redraw/12534)
Having read the documentation on the p5.js site, I’m still a little confused as to how to use the redraw() function and the loop function. What I’m trying to achieve is something which allows me to stop the draw function…
---
## [Draw a line from center to mouse with vector](https://discourse.processing.org/t/draw-a-line-from-center-to-mouse-with-vector/12729)
Hi everyone, I’m reading The Nature of Code but I stuck with a stupid question on vector. I tried to make a line drawn from the center of the screen to my mouse with the help of vectors. Here : https://editor.p5js.org…
---
## [Merge/ blend p5.Image or base64 image](https://discourse.processing.org/t/merge-blend-p5-image-or-base64-image/12699)
Hi, im currently working on a paint-like project. right now I have 3 p5.images: \*template // this is kinda of legal notepad \*doodles // a canvas were I draw \*oldDoodles // old doodles that I get from my database is …
---
## [How can i color or texture each faces of a loaded .obj file?](https://discourse.processing.org/t/how-can-i-color-or-texture-each-faces-of-a-loaded-obj-file/12688)
I’m doing a 3D object texturing and coloring website. (For example a kitchen set. I want to change color or texture the kitchen cupboards, marble and fridge.) I’m loading the 3d kitchen set model on website. Customer sho…
---
## [How can I not draw on top of something](https://discourse.processing.org/t/how-can-i-not-draw-on-top-of-something/10793)
I’m trying to program something for my cs class. I want to make a program that I can use to write notes with my Wacom tablet. the problem is that I don’t know how not draw things on top of each other. when I erased so…
---
## [Creating and Populating a Table From Scratch](https://discourse.processing.org/t/creating-and-populating-a-table-from-scratch/12658)
Hello everyone. Completely new to P5JS. I am trying to create a table and populate it with data already collected by the same code.The table will have three columns: name, position\_x, and position\_y. The code below didn…
---
## [Getting a strange error while using shader](https://discourse.processing.org/t/getting-a-strange-error-while-using-shader/12522)
Am getting a very strange error when I use shader in my sketch. Uncaught TypeError: Cannot read property 'isP3D' of undefined (sketch: line 5) and this is the code let img; function preload(){ img = loadImage('htt…
---
## [Make class get all functions of p5.js](https://discourse.processing.org/t/make-class-get-all-functions-of-p5-js/12558)
When creating a class I cannot make it so the class gets all the functions of p5.js library. Can anyone help me? it says fill is not defined code : var game = function(g) { g.setup = function() { g.createCanvas(…
---
## [Coding problem(character Animation Program)](https://discourse.processing.org/t/coding-problem-character-animation-program/12598)
Hello there, i’m facing a some kind of coding problem?!!, the problem is, i’ve loaded some images of a character to animate, i’ve succeeded to animate the first loaded images of the character, but i couldn’t know how to …
---
## [Change Font Weight in p5](https://discourse.processing.org/t/change-font-weight-in-p5/12514)
I want to have a p5 sketch with the same font but multiple weights. In my index.html I have the following line: \ In …
---
## [(p5js) how can i structure an if then statement so that a few but not all conditions are met?](https://discourse.processing.org/t/p5js-how-can-i-structure-an-if-then-statement-so-that-a-few-but-not-all-conditions-are-met/12394)
Imagine you have ten boolean (or otherwise) variables. You want three of the ten variables to be true, but no more than 3, and no less. You do not want to create a complicated nested if-then function that requires writin…
---
## [Strange behavior from a sketch](https://discourse.processing.org/t/strange-behavior-from-a-sketch/12492)
I recently translated this sketch, Dynafractal, to P5.js from another language (Smart Basic, if anyone is familiar with it.) My code runs fine, and the final output looks exactly like it did in Smart Basic, but it doe…
---
## [\[SOLVED\] Ordering items on canvas](https://discourse.processing.org/t/solved-ordering-items-on-canvas/12421)
Hi, I’m having trouble ordering drawn items on canvas, I’m looking to draw the path and the info table on top of the fill, however this is causing some issues. This is the function which draws, the items on canvas, f…
---
## [Zooming in on specific point. (Translate and scale)](https://discourse.processing.org/t/zooming-in-on-specific-point-translate-and-scale/12310)
So I’m fairly new to graphical programming and I’m stuck at something that I’m guessing has a simple solution. I want to make some lines out of points and then translate and scale so that my lines will be visible no mat…
[Previous page](https://discourse.processing.org/c/p5js/p5js-questions/18.md?page=39)
[Next page](https://discourse.processing.org/c/p5js/p5js-questions/18.md?page=41)