Rules:

Hello! Currently animating a WASD sprite for a class project. I've reached a point where my program crashes and says "ArrayIndexOutOfBoundsException: Index 3 out of bounds for length 3"

I understand that I am trying to access a nonexistent part of an array somewhere... but I don't see where. Can someone help? Project linked:

https://drive.google.com/drive/folders/1aG3hmvwM3RyHqO-mGtnx5kGQre530Wqu?usp=sharing

I made two versions one for singleplayer and another for multiplayer, there are instructions on how to run them if you're interested :)).

https://preview.redd.it/gqwpzoikd84e1.png?width=996&format=png&auto=webp&s=8643995780ef136db269c345b2be857d3411e083

I have some processing code would like to post but it is 524 lines long. How do I share it? Do I create it as a zip file and post it here like that? Copy paste it in markdown mode?

Hi,

I was looking into exporting below code output (not mine, not a programmer) into SVG.

Is there a simple way to do this?

https://codepen.io/bonobonobo/pen/PwYYGod?editors=1000

Title. I'm using a surface pro 8 and trying to get processing to access my camera. I go through everything right, my code has no syntax errors. I've got the video and OpenCV libraries downloaded. I've even tried reinstalling both processing and Windows 11 on my PC. Still no luck.

Here's the code-

import processing.video.*;

import gab.opencv.*;

Capture cam;

OpenCV opencv;

void setup() {

size(640, 480);

cam = new Capture(this, 640, 480);

opencv = new OpenCV(this, cam.width, cam.height);

cam.start();

}

void draw() {

if (cam.available() == true) {

cam.read();

image(cam, 0, 0);

opencv.loadImage(cam);

// Your OpenCV processing here

}

}

//

Regardless, I always get the same two error messages-

BaseSrc: [ksvideosrc0] : failed to start capture (0x00000020)

BaseSrc: [ksvideosrc0] : Internal data stream error.

Please help me. I've even asked my college professor and even he was unable to find a solution.

I have a 3d shape that is getting drawn into a P3D context, created with:

PShape shape= p.createShape(PShape.GEOMETRY);
shape.beginShape(PConstants.QUADS);
... define vertices with uv values...
shape.endShape();

I have found that shape.setTextureUV() will successfully change the uv values of my defined vertices, but only if called before the shape has ever been drawn using e.g. shape.draw(myPGraphics) or myPGraphics.shape(shape).

Interestingly, shape.setVertex() does work correctly after being drawn.

I was thinking perhaps this is due to the shape data being sent to the graphics card and needing to be updated, but I can't find anything in PShape or PGraphics that would seem to pertain to this (at least in the public interfaces). Am I missing something?

Update: I've found it works only when I call the function between shape.beginTessellation() and shape.endTessellation(), but it's as yet unclear why as that function is poorly documented.

Update2: Additionally, this tesselation step seems to be throwing off the UV numbering after several thousand quads.

Update3: If anyone else comes across this with a similar issue, it does seem to be based on amount of geometry in the PShape, I was able to avoid the UV numbering issue by grouping multiple PShapes together and ensuring each had less than 16383 (0x3FFF) quads, for whatever reason that was the cutoff.

so if i want to re-create the pac-man maze... how can i do that? like whats the easiest way of doing it? (ignoring the speed that a program might take)

https://preview.redd.it/bgxm8z8skl2e1.png?width=1236&format=png&auto=webp&s=3ed1b256ea3d369b7c0b7afbf8f0db4811f75fbe

Got the error in the title of this thread, plus the following:

(process:8245): libsoup-ERROR **: 19:54:03.447: libsoup3 symbols detected. Using libsoup2 and libsoup3 in the same process is not supported.

Running Antix Linux.

How can I get Processing to ignore one of those libraries?

Thanks!

sorry, i'm not a native english speaker, it's kinda hard for me to explain but what i mean is

i'm planning on making an arm here. i'm thinking about using different shapes and have decided to create a wrist with quad. the question is, can i make one side (which connects the wrist with a hand) with no outline?

or the only solution here is to do it with beginShape()+vertex()

https://preview.redd.it/7tscbgtl9i2e1.png?width=261&format=png&auto=webp&s=fc0f87e39abc9fb150c5286cadd24ae7f9a494b5

Hola buenas, llevo bastante rato buscando el error pero no soy capaz de solucionar, agradecería profundamente la ayuda

Hey guys, I am new to processing and have recently started programming as part of my university course.

Currently struggling to find some good material to learn how to properly implement collision detection between two classes... One being a game sprite that stays in the centre of the screen and the other being objects that randomly spawn within the canvas.

not looking for anyone to do it for me just a nudge in the right direction if thats possible!

any help is appreciated :)

Hello! I am an art student who did not think she'd ever again need to code after using Scratch in 6th grade, but I have been assigned a coding project for one of my classes. I've decided to create a sort of gemstone-polishing simulator where you can cover a ruby in circles (foam) and wipe it away with a rectangle (cloth). I finished the ruby. I've got the rectangle to follow my cursor. I'll deal with the circle/rectangle collision later. Right now, I need to know how to create shapes where my cursor is that will then stay at that point instead of following my cursor.

I want to be able to choose where the circles appear on-screen, which is why the circle is bound to my cursor. Also, I've made the circle show up when I press the 'f' key, but once I stop pressing, it disappears. I want it to keep existing, I want to be able to put down multiple circles and of course, I want those circles to stay put instead of following my cursor.

I'll show my work at the bottom of this post, sans the ruby because it takes up 40 lines of code.

If you have an answer or a suggestion, please explain it to me like I'm stupid. I've been on the Processing website for hours, reading about all sorts of things that are probably potential avenues for me to do this, but either they aren't explaining it fully or I'm just not getting it.

The problem child:

void setup() {
  size(500, 450);
}

void draw() {
  background(7, 58, 90);
  noStroke();

  //cloth
  if (mousePressed) {
    fill(242, 240, 220);
    rect(mouseX-25, mouseY-28, 95, 120);
  }

  //foam
  if (keyPressed) {
    if (key == 'f') {
      fill(255);
      circle(mouseX, mouseY, 50);
    }
  }
}

Hi guys, I want to test out the face detection feature using my webcam through processing but I cannot run even the example provided in Processing (my version is 4.3) since it keeps showing:

BaseSrc: [ksvideosrc0] : failed to start capture (0x00000020)

BaseSrc: [ksvideosrc0] : Internal data stream error.

I kept seeing the same error message over and over again for every code I put in: How to fix this? Thank you in advance. This is the code I took in the example of Video Library for Processing 4 (Mirror):

/**

* Mirror

* by Daniel Shiffman.

*

* Each pixel from the video source is drawn as a rectangle with rotation based on brightness.

*/

import processing.video.*;

// Size of each cell in the grid

int cellSize = 20;

// Number of columns and rows in our system

int cols, rows;

// Variable for capture device

Capture video;

void setup() {

size(640, 480);

frameRate(30);

cols = width / cellSize;

rows = height / cellSize;

colorMode(RGB, 255, 255, 255, 100);

// This the default video input, see the GettingStartedCapture

// example if it creates an error

video = new Capture(this, width, height);

// Start capturing the images from the camera

video.start();

background(0);

}

void draw() {

if (video.available()) {

video.read();

video.loadPixels();

// Begin loop for columns

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

// Begin loop for rows

for (int j = 0; j < rows; j++) {

// Where are we, pixel-wise?

int x = i*cellSize;

int y = j*cellSize;

int loc = (video.width - x - 1) + y*video.width; // Reversing x to mirror the image

float r = red(video.pixels[loc]);

float g = green(video.pixels[loc]);

float b = blue(video.pixels[loc]);

// Make a new color with an alpha component

color c = color(r, g, b, 75);

// Code for drawing a single rect

// Using translate in order for rotation to work properly

pushMatrix();

translate(x+cellSize/2, y+cellSize/2);

// Rotation formula based on brightness

rotate((2 * PI * brightness(c) / 255.0));

rectMode(CENTER);

fill(c);

noStroke();

// Rects are larger than the cell for some overlap

rect(0, 0, cellSize+6, cellSize+6);

popMatrix();

}

}

}

}

Hey folks!

I have a question. I have a Python code ( uses thread function) that runs LLM (text geenration and translation) from Hugging Face. I am usually using it via local terminal. But I want the outputs from the code would be displayed as Processing sketches. Is there any way of doing this?

Hi everyone, I’m completely new to processing and trying to recreate a slitscan effect from Amnon from like 10 years ago. I’m following this tutorial on YouTube ( https://youtu.be/NBYPkeqV_SE?si=4EZoc3zgcOMBcgY0 ) but as it’s with a previous processing version it’s not working the same… I don’t know if anyone could help me with that problem, I’m pretty sure it’s not really complicated but as I don’t really know anything about this software it’s kinda hard ahah… Any help would be really appreciated!

cheers 🫶

Hi there! I’m working on what’s essentially a mod of the raindrop game. I’m trying to figure out where to start/how to create a series of pop-ups the player has to click on to close during the game. The idea is that during the game, a box will notify the player it can be clicked on. When it’s clicked on, it opens, and then clicked again, it closes. How would I go about developing a system like this?

Does anyone know what happening with processing, since the news that Ben fry resigned is there any more progress, is anyone else developing it, or is it consider end of life ?

I was attempting to make a boid simulation but I think something is wrong with my algorithm.

My boid simulation. After a few seconds, the boids begin to form concentric circles.

If anyone could help me understand why the boids are exhibiting this kind of behavior, I would appreciate it very much. I also feel like my algorithm isnt doing a good job separating the boids. Below is my code:

public Boid[] boids;

public void setup(){
    size(1280, 720);

    this.boids = new Boid[1000];
    for(int i = 0; i < boids.length; i++) {
        boids[i] = new Boid();
    }

    frameRate(60);
}

public void draw(){
    background(0);

    for(Boid boid : boids) {
        boid.update(boids);
    }
    for(Boid boid : boids) {
        boid.render(10.0);
    }
}

public final PVector[] boidShape = {
    PVector.fromAngle(0),
    PVector.fromAngle(PI - QUARTER_PI),
    PVector.fromAngle(PI).mult(0.5),
    PVector.fromAngle(PI + QUARTER_PI)
};
public final float turnIncrement = PI / 36.0;
public final float boidSpeed = 7.0;

public class Boid {
    public PVector position;
    public PVector velocity;
    public PVector acceleration;
    public float range;

    public Boid() {
        this.position = new PVector(random(width), random(height));
        this.velocity = PVector.random2D().mult(random(boidSpeed) / 2.0);
        this.acceleration = new PVector(0, 0);
        this.range = 100;
    }

    public void update(Boid[] boids) {
        PVector coherence   = this.calculateCoherence   (boids, 2.0, 0.5, 1.0);
        PVector separation  = this.calculateSeparation  (boids, 1.0, 1.0, 1.5);
        PVector alignment   = this.calculateAlignment   (boids, 2.0, 0.5, 1.0);

        this.acceleration.add(coherence);
        this.acceleration.sub(separation);
        this.acceleration.add(alignment);

        if(mousePressed) {
            PVector mousePosition = new PVector(mouseX, mouseY);
            if(this.position.dist(mousePosition) < this.range * 1.0) {
                PVector mouseAttraction = PVector.sub(mousePosition, this.position).mult(0.10);
                if(mouseButton == LEFT) this.acceleration.add(mouseAttraction);
                if(mouseButton == RIGHT) this.acceleration.sub(mouseAttraction);
            }
        }

        PVector edgeRepel = this.calculateEdgeRepel(0.25);
        this.acceleration.add(edgeRepel);

        this.velocity.add(this.acceleration);
        this.velocity.limit(boidSpeed);
        this.position.add(this.velocity);
        // this.screenWrap();
        this.acceleration.mult(0);
    }

    public PVector calculateCoherence(Boid[] boids, float rangeWeight, float speedLimit, float overallWeight) {
        PVector coherencePoint = new PVector(0, 0);
        int boidsInRange = 0;
        for(Boid boid : boids) {
            if(boid != this && this.position.dist(boid.position) < this.range * rangeWeight) {
                coherencePoint.add(boid.position);
                boidsInRange++;
            }
        }
        if(boidsInRange > 0) {
            coherencePoint.div(boidsInRange);
            coherencePoint.sub(this.position);
            coherencePoint.limit(speedLimit);
            coherencePoint.mult(overallWeight);
        }
        return coherencePoint;
    }

    public PVector calculateSeparation(Boid[] boids, float rangeWeight, float speedLimit, float overallWeight) {
        PVector separationPoint = new PVector(0, 0);
        int boidsInRange = 0;
        for(Boid boid : boids) {
            float distance = this.position.dist(boid.position);
            if(boid != this && distance < this.range * rangeWeight) {
                separationPoint.add(PVector.sub(boid.position, this.position).div(distance));
                boidsInRange++;
            }
        }
        if(boidsInRange > 0) {
            separationPoint.div(boidsInRange);
            separationPoint.limit(speedLimit);
            separationPoint.mult(overallWeight);
        }
        return separationPoint;
    }

    public PVector calculateAlignment(Boid[] boids, float rangeWeight, float speedLimit, float overallWeight) {
        PVector averageVelocity = new PVector(0, 0);
        int boidsInRange = 0;
        for(Boid boid : boids) {
            if(boid != this && this.position.dist(boid.position) < this.range * rangeWeight) {
                averageVelocity.add(boid.velocity);
                boidsInRange++;
            }
        }
        if(boidsInRange > 0) {
            averageVelocity.div(boidsInRange);
            averageVelocity.limit(speedLimit);
            averageVelocity.mult(overallWeight);
        }
        return averageVelocity;
    }

    public PVector calculateEdgeRepel(float strength) {
        PVector edge = new PVector(0, 0);
        if(this.position.x < 0) {
            edge.x += boidSpeed * strength;
        }
        if(this.position.x > width) {
            edge.x -= boidSpeed * strength;
        }
        if(this.position.y < 0) {
            edge.y += boidSpeed * strength;
        }
        if(this.position.y > height) {
            edge.y -= boidSpeed * strength;
        }
        return edge;
    }

    public void screenWrap() {
        if(this.position.x < -40) {
            this.position.x += width + 80;
        }
        if(this.position.x > width + 40) {
            this.position.x -= width + 80;
        }
        if(this.position.y < -40) {
            this.position.y += height + 80;
        }
        if(this.position.y > height + 40) {
            this.position.y -= height + 80;
        }
    }

    public void render(float scale) {
        noStroke();
        fill(255, 50);
        beginShape();
        for(PVector point : boidShape) {
            PVector newPoint = point.copy()
                .mult(scale)
                .rotate(this.velocity.heading())
                .add(position);
            vertex(newPoint.x, newPoint.y);
        }
        endShape(CLOSE);
    }
}

Hi, I'm trying to make a program that uses mouseDragged to draw on top of an image, but I've changed the code to draw on top of a rectangle for simplicity/debugging sake. I found that the points drawn only show up under whats within the draw() function. How can I fix this? Thanks!!

    PImage img;
    color currentColor;
    
    void setup() {
      size(750, 650);
    
      currentColor = color(0, 0, 0);
    }
    
    void draw() {
    
      fill(0, 255, 0, 100);  // Semi-transparent green for rectangle
      noStroke();  // No outline
      rect(100, 100, 200, 200);  // Rectangle
    
      // Optional: Some static text or other elements
      fill(0, 0, 0);
      textSize(18);
      text("Draw Points: Click and Drag", 20, height - 30);  

    }
    
    void mouseDragged() {
      // Draw points (or other shapes) on top of image and rectangle
      stroke(currentColor);  // Set stroke color
      strokeWeight(10);  // Set point size
      point(mouseX, mouseY);  // Draw point at current mouse position
    }
    
    void mousePressed() {
      // Change stroke color to random color when the mouse is pressed
      currentColor = color(random(255), random(255), random(255));
    }