Rotating and drawing on a p5.js canvas
I am trying to draw on a rotating p5.js canvas, where the canvas element is being rotated via its transform CSS attribute. The user should be able to draw points on the canvas with the cursor, even …
Tag: processing
Arrow Line Brush in P5.js
I am currently making a brush in p5.js function setup() { createCanvas(400, 400); background(255) } function draw() { if(mouseIsPressed){ stroke(255); fill(0); …
How to create a smooth transition p5.js with key function?
I’m trying to achieve that, everytime you type a different letter key, the lines of the letters ‘merge’ into eachother instead of just ‘jumping’ to the next letter like it’s doing now. I’m looking …
change color of each line in a vertex
I’m drawing each point of a vector as a vertex in P5.js. I would like to change the color of each vertex in a loop separately like a rainbow. The thing is that it changes the color of all the vertex …
Referencing different objects in a class depending on user input
I’m trying to create a very basic physics simulation in p5.js and I am using a class to create multiple instances of the shapes (which are currently all circles), I have a function that checks if the …
3D orienting particles using velocity and position vectors in p5js
I’m currently writting a 3D implementation of the boids algorithm in P5.js but I’m having trouble orienting my boids according to their direction (velocity). Rotations are limited to RotateX(), …
javascript function stops browser’s tab
I have a problem with processing a Javascript function in the code below a simple example when I click the button in that code a Javascript function starts to process that function must change the …
Issues about fade color in fill p5.js
since few days i’m stuck on a problem. I start to introduce myself, I’m Quentin, french student, i also work for onepoint . My problem is that i am on a personal project, learn processing and WebGL …
processing/p5.js — 2D grid is shrinking whenever I increase the number of cells
I am drawing a 17×17 2D grid on canvas using rect(). But whenever I increase the numbers of cells (for example 20×20) the grid on canvas is shrinking. At first I thought that it was a floating point …
rotation & translate value when draw text to line(x1, y1, x2, y2) (use p5.js, processing … atan2)
when I draw text to line, and rotate with theta the text is very far from line. I think, the cause is rely on the translate, but I don’t know how to fix it. this is my code (p5.js) function setup() { …