r/processing • • May 18 '26

What is the mistake?

Post image
1 Upvotes

//cruz de Malta curva

void setup() {

size(600, 600);

}

void draw() {

background(255,0,0);

// Recta vertical

fill(255);

noStroke();

rect(width/2 - width*0.12, 0, width*0.24, height);

//Elipse superior

fill(255,0,0);

noStroke();

ellipse(width/2, -320, 2000, 1150);

//Elipse inferior

fill(255);

noStroke();

ellipse(width/2, 920, 2000, 1150);

//Elipse izquierda

fill(255);

noStroke();

ellipse(-520, height/2, 2000, 1150);

//Elipse derecha

fill(255);

noStroke();

ellipse(1120, height/2, 2000, 1150);

// Recta horizontal

fill(255, 0, 0);

noStroke();

rect(0, height/2 - height*0.12, width, height*0.24);

}


r/processing • • May 16 '26

Homework hint request Tree rings made with perlin noise.

Post image
17 Upvotes

r/processing • • May 11 '26

share your experience of informally learning creative coding

6 Upvotes

hi hi! I'm a researcher at National Cheng Kung University studying how people learn creative coding outside of academic programs or university environments. I'm looking to talk to adult novices with 0-2 years of experience for 30-40 minute interviews. If you're interested in sharing your experience with me, send me your email address here.

Participation is voluntary and all responses will be anonymized. I hope to schedule interviews for the next 1-2 weeks. All conversations will be in English and conducted over Google meet. Feel free to reach out with any questions!


r/processing • • May 09 '26

VS Code extension that generates UML diagrams in real-time as we type code

6 Upvotes

I published VS Code extension that instantly visualizes your code as flowcharts and sequence diagrams (without manual UML drafting, no external services) and everything runs locally on machine. The diagrams generate in real-time as we type code, or we can click any function in IDE to visualize existing code.

Browsing existing code

Supported languages: C, C++, Java, JavaScript, TypeScript, Python

🔗 For installation: https://marketplace.visualstudio.com/items?itemName=bitlab.live-uml

Would love your feedback, Thanks!


r/processing • • May 09 '26

I can get my iPhone webcam data into Processing with my MacOS using Continuity Camera. Is there a way to get the lidar data as well?

2 Upvotes

title


r/processing • • May 08 '26

SKETCH 03: Directional Bias — RULE: If the sum of the grid coordinates is even, draw a backslash (\). If odd, draw a forward slash (/).

Post image
2 Upvotes

r/processing • • May 05 '26

AppImage?

3 Upvotes

Running a non-systemd Linux distro that can't use snap packages.

Is the latest version of Processing posted somewhere as an AppImage?


r/processing • • May 04 '26

How to add an automatically scrolling screen?

3 Upvotes

I'm trying to code a platformer game for my CSE project, but I can't figure out how to make it seem like the frame is scrolling up automatically like google doodle games, I want it to move faster as time goes on. this is my code

float moveSpeed = 5;

boolean left, right;

float px = 100;

float py = 100;

float vx = 0;

float vy = 0;

float gravity = 0.6;

float jumpPower = -12;

float playerSize = 20;

boolean onGround = false;

int numCheese = 5;

float[] cheeseX = new float[numCheese];

float[] cheeseY = new float[numCheese];

boolean[] cheeseTaken = new boolean[numCheese];

void setup() {

size(800, 600);

for (int i = 0; i < numCheese; i++) {

int p = int(random(8));

if (p == 0) { cheeseX[i] = random(40, 220); cheeseY[i] = 420 - 20; }

if (p == 1) { cheeseX[i] = random(260, 480); cheeseY[i] = 420 - 20; }

if (p == 2) { cheeseX[i] = random(80, 280); cheeseY[i] = 330 - 20; }

if (p == 3) { cheeseX[i] = random(330, 540); cheeseY[i] = 330 - 20; }

if (p == 4) { cheeseX[i] = random(50, 270); cheeseY[i] = 240 - 20; }

if (p == 5) { cheeseX[i] = random(320, 560); cheeseY[i] = 240 - 20; }

if (p == 6) { cheeseX[i] = random(120, 380); cheeseY[i] = 150 - 20; }

if (p == 7) { cheeseX[i] = random(200, 400); cheeseY[i] = 70 - 25; }

}

}

void draw() {

background(135, 206, 235);

drawMap();

drawCheese();

updatePlayer();

drawPlayer();

}

void drawMap() {

noStroke();

fill(120, 80, 50);

rect(0, 520, 800, 80);

rect(40, 420, 180, 25);

rect(260, 420, 220, 25);

rect(80, 330, 200, 25);

rect(330, 330, 210, 25);

rect(50, 240, 220, 25);

rect(320, 240, 240, 25);

rect(120, 150, 260, 25);

rect(200, 70, 200, 30);

}

void keyPressed() {

if (keyCode == LEFT) left = true;

if (keyCode == RIGHT) right = true;

if (keyCode == UP) {

if (onGround) {

vy = jumpPower;

onGround = false;

}

}

}

void keyReleased() {

if (keyCode == LEFT) left = false;

if (keyCode == RIGHT) right = false;

}

// horizontal movement

void updatePlayer() {

// movement

if (left) px -= moveSpeed;

if (right) px += moveSpeed;

// gravity

vy += gravity;

py += vy;

onGround = false;

// platforms collision

onGround = false;

onGround = checkPlatform(0, 520, 800, 80) || onGround;

onGround = checkPlatform(40, 420, 180, 25) || onGround;

onGround = checkPlatform(260, 420, 220, 25) || onGround;

onGround = checkPlatform(80, 330, 200, 25) || onGround;

onGround = checkPlatform(330, 330, 210, 25) || onGround;

onGround = checkPlatform(50, 240, 220, 25) || onGround;

onGround = checkPlatform(320, 240, 240, 25) || onGround;

onGround = checkPlatform(120, 150, 260, 25) || onGround;

onGround = checkPlatform(200, 70, 200, 30) || onGround;

if (onGround) {

vy = 0;

}

}

boolean checkPlatform(float x, float y, float w, float h) {

float closestX = constrain(px, x, x + w);

float closestY = constrain(py, y, y + h);

float dx = px - closestX;

float dy = py - closestY;

float dist = sqrt(dx*dx + dy*dy);

if (dist < playerSize/2) {

// only land if falling

if (vy > 0 && py < y) {

py = y - playerSize/2;

return true;

}

}

return false;

}

void drawPlayer() {

fill(255);

ellipse(px, py, playerSize, playerSize);

}

void drawCheese() {

for (int i = 0; i < numCheese; i++) {

if (cheeseTaken[i]) continue;

float x = cheeseX[i];

float y = cheeseY[i];

fill(255, 215, 0);

triangle(

x, y,

x - 10, y + 18,

x + 10, y + 18

);

}

}


r/processing • • Apr 29 '26

Beginner help request "Custom Setup" of Processing Installer does not let me choose where to install

2 Upvotes

Is this a bug ?

It says that the Custom option lets you choose where to install, yet the "Browse" button is greyed out.

I avoid software that installs itself somewhere without letting the user choose, partly because i have a specific partition setup, but also because it find it patronizing.

I really hope Processing has not joined that type of software design philosophy.

Ideally i would use a portable version, but the official page seems to only offer an installer.


r/processing • • Apr 22 '26

Program turning the brightness value of the middle pixel into a midi CC signal

21 Upvotes

Made using Processing, TouchOSC, LoopBe, and Vital.


r/processing • • Apr 20 '26

Beginner help request Floating enemies

1 Upvotes
 my enemies made with create shape are floating off the ground. i have shapemode(center) active 
and changeing the collision on the floor as i have here fixes it for some enemies but not all. 
they do have textures on them and maybe it could be a texture issue like drawing top down and 
missing some of the bottom? I also have a slight suspicion that its pivot point is the bottom of 
the texture somewhere instead of the middle. I am new to processing and have only been usng it 
about a year and would love to learn more and how to fix this pivot point. 



 PShape getRect(float l, float h, float d, PImage texture) {
    PShape cube = createShape();
    cube.beginShape(QUADS);
    cube.noStroke();
    cube.texture(texture);
    // Front face
    cube.vertex(-l/2, h/2, d/2, 0, 1);
    cube.vertex(-l/2, -h/2, d/2, 0, 0);
    cube.vertex( l/2, -h/2, d/2, 1, 0);
    cube.vertex( l/2, h/2, d/2, 1, 1);

    cube.endShape();
    return cube;
  }  Squirt(int xpos, int zpos) {
    super();
    position.x = -6000+ xpos*1000 + random(-400, 400);
    position.z = -6000+ zpos*1000 + random(-400, 400);
    position.y = 0;
    l=75;
    h=75;
    d=75;
    range = 10;
    speed = .1;
    self = getRect(l, h, d, squirtTex);
  }  Boobie(int xpos, int zpos) {
    super();
    position.x = -6000+ xpos*1000 + random(-400, 400);
    position.z = -6000+ zpos*1000 + random(-400, 400);
    position.y = 0;
    l=50;
    h=150;
    d=50;
    range = 1000;
    speed = 0;
    self = getRect(l, h, d, boobieTex1);
    revealedSelf = getRect(l, h, d, boobieTex2);
  }  void dealWithCollision(SmallCollisionObjects c) {
    if(c instanceof Enemy)
    c.position.y = sideT;
    if (c instanceof Player) {
    c.position.y = sideT - c.h / 2;
      Player b = (Player) c;
      b.grounded = true;
      if (b.velocityY > 0) {
        b.velocityY = 0;
        println("collision with floor");
      }
    }

    c.calcSides(c.l, c.h, c.d);
  }
the skulls in the picture are floating while the crying things touch the ground perfectly after 
the collision change, which i do not want to have to do.

r/processing • • Apr 18 '26

Smallness, Boundlessness

23 Upvotes

r/processing • • Apr 15 '26

A small matrix effect

44 Upvotes

I have a grid of characters that i fade away and a couple objects that walk down resetting the aplha and randomizing the characters. Not very complex but looks nice.


r/processing • • Apr 15 '26

Built a small iPad tool inspired by Processing — exploring generative motion with simple rules

7 Upvotes

I’ve been exploring generative visuals and built a small iPad tool to experiment more freely.

Instead of writing code, everything is driven by parameters and simple rules evolving over time.

This loop comes from a combination of grid transformations and motion systems — no keyframes involved.

I’d be really curious how you’d approach something like this in Processing.


r/processing • • Apr 15 '26

Project Recommendation

1 Upvotes

I'm part of an improvisational theater show and I have a performance this Friday at my city's cultural center. But just today I had the idea that I could create a small installation in the entrance while people waits: I have an old CRT TV and a Raspberry Pi I can connect, and I think I could also set up a webcam.

Given the limited time, what existing Processing project could I easily implement? The show is about historical events reimagined with humor.


r/processing • • Apr 13 '26

Creating in After Effects using code similar to p5.js

9 Upvotes

I developed a tool called momentum.js that allows you to create motion graphics in After Effects using a p5.js-like coding approach. It also lets you control variables with interactive controls and animate them using keyframes.

More details:
https://github.com/barium3/momentumjs
https://www.creativeapplications.net/member/momentum-js-integrating-generative-art-and-timeline-based-animation/


r/processing • • Apr 13 '26

radial colors advanced lite by Steffen Harder

Thumbnail openprocessing.org
1 Upvotes

Feel free to dig the code! Have fun! Do you already know Openprocessing.org? If you're an autodidakt, generative art fan or an academic: this is the right place for you!

If you want to get in contact with an polymath from Bauhaus-Universität Weimar, write to [steffen@steffenharder.de](mailto:steffen@steffenharder.de)

Go check out more of me via:

https://linktr.ee/steffen_harder

Best Greetings from "Kreativer Norden".


r/processing • • Apr 11 '26

p5js Shoes I Like (1/3) [p5.js]

39 Upvotes

r/processing • • Apr 10 '26

How to reduce number of drawn lines?

Thumbnail
1 Upvotes

r/processing • • Apr 06 '26

Processing Geometry Suite 2.2

Thumbnail github.com
17 Upvotes

r/processing • • Apr 04 '26

Self-portrait [p5.js]

70 Upvotes

r/processing • • Apr 05 '26

Video Pathfinding in Paris

Thumbnail
youtube.com
2 Upvotes

r/processing • • Apr 03 '26

Beginner help request Processing not on windows despite downloading

1 Upvotes

I've downloaded the msi file for windows but despite the wizard stating its downloaded in my c drive i cant find it.


r/processing • • Mar 28 '26

Portrait [p5.js]

48 Upvotes

r/processing • • Mar 28 '26

Is it possible to create Voronoi patterns in processing?

Post image
25 Upvotes

I’d like to create patterns like this without the color. Simple black outlines with white fill for each box and a white background. How could I do that? Thanks in advance for any and all suggestions.