Basically, I'm trying to create web-based sound player that, when clicked, plays a randomized playlist of sound files. I'm imagining that to create this, I'll use a variant on this p5 Load and Play Sound code (link). Other stuff I'll need, in addition to the components in the example, (I'm guessing) will be:

• A set of mp3s in a folder.

• Calling these mp3s somehow, maybe with random().

• Either triggering each new mp3 from the end of the previous mp3, or assembling them in order when the player is clicked.

Does that sound right? Any general or specific recommendations about how to make this happen?

Thanks a lot!

    PImage[] myImageArray = new PImage[200];
    float px;
    float py; 
    float pz;

    void setup() {

      size(1920, 1080,P3D);
      frameRate(15);
      background(0);

      for (int i = 0; i < myImageArray.length; ++i) {
        (myImageArray[i] = loadImage("frag_" + i + ".jpg")).resize(0, 45);
      }
    }

    void draw() {

      background(0);
      pushMatrix();
      translate(px, py, pz);
      py+=5; // Glitch skip
      //pz-=5; // For zoom out
      for (int i=-2000; i<width; i+=125) {
        for (int j=-3000; j<3000; j+=95) {
        //for (int j=0; j<3000; j+=25) { // For glitch effect
         imageMode(CENTER);
         image(myImageArray[(int)random(200)], i, j);
         }
      } 
      popMatrix(); 
    }

SOLUTION_A: color c=color(int(random(255)),int(random(255)),int(random(255)));

SOLUTION_B: color c=color(int(random(256)),int(random(256)),int(random(256)));

The difference being that SOLUTION_A uses random(255) and SOLUTION_B uses random(256)

What solution is correct?

I think SOLUTION_B correct but I'm not sure.

I have to create an array of numbers (five element) that have to be unique

int[] numbers = new int[5];
for (int h = 0; h <= 4; h++)
{
 // how to check this random number is unique
    numbers[h] = (int)random(0, 7);
}
printArray(numbers);

Any clue ? Thank in advance SALUD...

(Sorry, noob with code here)

random(ArrayName);
random(ArrayName);

because I would get two different spots. I also can't do

    var rand = int(random(0, 4));
    arrayName[this.rand];

because the syntax doesn't allow it. I hope you get my point and someone knows an answer. Thanks in advance.

stroke(random([0,255]),random([0,255]),random([0,255]));

Now, what I want is to eliminate the possibility of getting stroke(0,0,0) here. I know I can do this with a condition, something like:

if (Stroke.value() == [0,0,0]){...}

but that doesn't exist.

Can someone tell me the correct way to do this?

obviously an old problem. It occurs in different forms.

E.g. in a scrabble game we have to hand out letters to the players. But they are not distributed evenly over the Alphabet, so there are not as many Qs than Es in the game (reflecting the distribution of letters in normal English texts).

Let's therefore assume, I make a char array, where this distribution is reflected, so it's

EEEEEEEEEQAAAAAAMMOO or so.

Now retrieving elements from this list randomly:

When I retrieved a letter I can't retrieve it again. I can replace it with a character that is a stop sign like #.

EEEEE#EEEQAAAAAAMMOO

But then when retrieving a letter later in the game, most slots hold #-signs.

##E################O#

So a typical random like

randomNumberIndex = int(random(listOfLetters.length())); would most times fail, so I would have to repeat it until hitting a letter. Bad.

But what is the most efficient way of solving this? An ArrayList and then shorten the ArrayList ?

Thanks!

Best, Chrisir ;-)

var img = [];
var imgs = [];

function preload() {
  img[0] = loadImage("images/egg1.jpg");
  img[1] = loadImage("images/egg2.jpg");
  img[2] = loadImage("images/egg3.jpg");
}

var i_ = new Imgs(circles[n].x, circles[n].y, img[random(0,2)]);
imgs.push(i_);

function Imgs(x_, y_){
  this.x = x_;
  this.y = y_;
  this.img;

  this.update = function(){
    this.img = imgs[random(0,2)];
    image(this.img, this.x, this.y);
  }
}

So I am trying to display a random Image every time I click on an object. Therefore I created an object which gets the x and y value and the image which it should display (as an array of preloaded images). I tried a lot of different versions of this (without creating an object and an array of images) but every time I try to display a random image, this weird error occures: 18645: Uncaught TypeError: Cannot read property 'elt' of undefined.

(I think) the problem is this part: img[random(0,2)] If i write img[0] the image is normally displayed but if I use a random value or a variable, the error message comes up.

I saw this problem in another post but unfortunately the answers didn't help me. PS: please excuse my bad writing.

In the above code, I get the error Cannot make a static reference to the non-static method random(float, float) from the type PApplet. Why is that so? I wish to keep a list of min and max numbers for all instances of MyNumber, and hope to operate on those values via a static method.

void setStars()
{
  int randX = 10, randY = 10;     // the random X and Y coordinates will be saved in here
  boolean genNew = true;    // determines, if we need to regenerate the set of coordiantes
  for (int i = 0; i < starsCount; i++)   // starsCount is the number of sets I want
  {
    while (genNew)    // while the generated X and Y matches an other set
    {
      randX = (int)random(10, windowWidth-10);    // generate the set
      randY = (int)random(10, windowHeight-10);

      genNew = false;
      for (int j = 0; j < starsX.size(); j++)
      {
        if (randX == starsX.get(j) && randY == starsY.get(j))    // if the generated X and Y matches a set
        {
          genNew = true;         // Generate a new set (basically continue the while loop)
          break;
        }
      }
    }

    starsX.add(randX);     // add the generated random X and Y to the ArrayLists
    starsY.add(randY);
  }
}

I hope that you will help me solve this problem.

regards, TPRammus

EDIT: Thank you all! Now I see my error. I fixed it by adding "genNew = true;" to the beginning of my for(i)-loop.

int verticalNumberLines=20; int horizontalNumberLines=20; int space=5; size(400, 400); background(#99ff66); strokeWeight(2); for (int i=0; i<width; i+=width/verticalNumberLines) { for (int j=0; j<height; j+=space) { point(i, j); } } for (int j=0; j<height; j+=height/horizontalNumberLines) { for (int i=0; i<width; i+=space) { point(i, j); } }

this is what I have now

and this second gray and orange grid is what I am trying to do, now I am very close and I tried in different ways but I don't understand what I should change, where I should use the random function.Could someone help me, please?!

I'm new to processing and coding in general for that matter. I assume this will be a fairly straight forward question for you coding pros.

I have a piece of code with a variable for the x direction of an object. Each time I start the program I would like for that number to be randomly selected to be either 1 or -1, nothing in between. Any idea on how I would do this?

Thanks in advance!

I want to get a random integer so I can upload a random image: // get a random number for image var imgNum; function setup(){ imgNum = random(0, 14); }

How would I go about converting the random number into an int?

thanks!

float stepu = random(-1, 1); //red

And a balanced random distribution from

float stepx = random(3)-1; //blue

Shouldn't these two lines be roughly equivalent in results? Red is clearly weighted negative in the comparison code.

Is this a Processing bug? If not, can someone clarify the difference. Or, what I'm doing that's causing slanted results. Thanks.

int x,y,u,v; 
void setup(){
  size(200,200);
  stroke(0);
  x = width/2;
  y = height/2;
  u = x;
  v = y;
}
void draw(){
  float stepu = random(-1, 1);
  float stepv = random(-1, 1);
  u += stepu;
  v += stepv;
  stroke(255,0,0);
  point(u,v);

  float stepx = random(3)-1;
  float stepy = random(3)-1;
  x += stepx;
  y += stepy;
  stroke(0,0,255);
  point(x,y);
}

• Processing v3.2.1
• Windows 10 64b

PS: I did try to search this issue first. The only one I found was discussion/15492 without a clear answer.

My Missile Command game is starting to look nice, but in trying to get the bombs to drop at helpful (while still slightly random) angles, I am getting some confusing results.

Basically, I have divided the 800 pixels of my game window into quarters.
Bombs fall from random X positions along the top of the screen:
- A bomb from the far left quarter should be assigned a highly positive X change so that it angles to the right.
- X change of bomb from the center-left quarter: slightly negative to moderately positive
- X change of bomb from the center-right quarter: moderately negative to slightly positive
- X change of bomb from the far right quarter: highly negative

I use bombV to hold the X change:

if (bombX < 200) {
  bombV = random(0, .05);}
else if ((200 <= bombX) && (bombX < 400)) {
  bombV = random(-.025, .04);}
else if ((400 <= bombX) && (bombX < 600)) {
  bombV = random(-.04, .025);}
else {
  bombV = random(-.05, 0);}

(Yes, I am really using variables for the dimensions of the quarters, but 200/400/600 seems clearer now.)

Somehow, the bombs are angling incorrectly. I am getting console values like Bombs 5-9 in a burst of 9 bombs:

Bomb 1 bombX = 517.0 , bombV = 0.030513832
Bomb 2 bombX = 638.0 , bombV = -6.9901906E-4
Bomb 3 bombX = 248.0 , bombV = -0.042253446
Bomb 4 bombX = 41.0 , bombV = 0.014684731
Bomb 5 bombX = 148.0 , bombV = -0.010228617
Bomb 6 bombX = 624.0 , bombV = 0.040641826
Bomb 7 bombX = 16.0 , bombV = -0.021269897
Bomb 8 bombX = 720.0 , bombV = 0.016892198
Bomb 9 bombX = 19.0 , bombV = -0.023663083

I'd love to know what I'm doing wrong. Thanks much for any help!

This is the code I have at the moment and as you can see, it is randomly selecting the hue value from 50-250 but is there any way I can set it so it selects from 0-50 and 200-250? So it doesn't select any number between 51-199 and 251-255.

Any advice or help would be greatly appreciated! Thank you!

int amt = 10;

int[] x1 = new int[amt];
int[] x2 = new int[amt];
int[] y1 = new int[amt];
int[] y2 = new int[amt];

color[] c = new color[amt];

color bgcolor;

void setup() {
  size(600,600);
  colorMode(HSB);
  rectMode(CORNERS);
  noStroke();
  bgcolor = color(random(50),100,255);
  background(bgcolor);

  for(int i = 0; i < amt; i++){
    x1[i] = int(random(width)); 
    x2[i] = x1[i] + int(random(80,800));
    y1[i] = int(random(height));
    y2[i] = y1[i] + int(random(50,500));
    c[i] = color(random(50,250),90,255);
  }
}

void draw() {
    for(int i = 0; i < amt; i++){
      fill(c[i]);
      rect(x1[i],y1[i], x2[i], y2[i]);
    }
}

I would like to know how to exclude values in a variable when it takes values in a random () function. For example my variable y takes values randomly between 20 and 780 or y = (random (20,780)) However I do not want the variable y takes values between 300 and 400. Basically I want a function that prohibits y to take value between 300 and 400 but the rest yes. In addition I also search a function to initialize the program at the beginning when I press my mouse with a simple click. Indeed when I click on run, the program starts on a page 1 and when I finished my program, the program shows me on page 2. So on the page 2 when I click with my mouse, it starts again like at the beginning. If it's possible of course.

Thank you.

int xrand = 300;
int yrand = 300;
int py = 0;
int px = 0;
int x;
int y;

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

void draw () {
  if (x<xrand) {
    x = x + 1;
  } else if (x>xrand) {
    x = x - 1;
  } else {
    px = x;
    xrand = (int) random(0,width);
  }
  if (y<yrand) {
    y = y + 1;
  } else if (y>yrand) {
    y = y - 1;
  } else {
    py = y;
    yrand = (int) random(0,height);
  }
  line (px,py,x,y);
}

void mousePressed () {
  println(xrand,yrand,px,py,x,y);
}

The problem is that when the lines are growing they're drawing "every single step" but i only want the straight line. Anyone know how to solve it? Thanks!!

For example, the first shape would be 1, then second shape would be 2 etc. random(1,2,3etc)

  shape[0] = new Cell(4, 0, 35, true);
  shape[1] = new Cell(5, 0, 35, true);

  shape[0] = new Cell(5, 0, 35, true);
  shape[2] = new Cell(5, 1, 35, true);

I'm very new to Processing, and this is my first post! I'm working on a school assignment in which I'm trying to randomly translate rotating images so that when the program runs, they are assigned a random position and rotate in that position for the duration of the program.

I also have other variables that I want to randomize, such as the angle of the images and the speed of the rotations.

Right now when I run the program, any variable that I randomize bounces around the screen, refreshing itself to a new location every frame. I can't seem to figure out how to make the images stay in one location, without pausing the rotations of the images as well.

Here is my code, with currently just the translation of "img1a" improperly randomized. I've included the code for "img1b" as well:

PImage img1a;
PImage img1b;

float rot1a;   // Variable for image rotation
float rot1b;

void setup() {
  size(700, 800, P3D);
  smooth();

   background(255);

  // Load image, initialize variables
  img1a = loadImage("1a.png");
  img1a.resize(300,0);

  img1b = loadImage("1b.png");
  img1b.resize(300,0);

}


void draw() {
  background(255);

  translate(0,150);

  // Image 1a
   pushMatrix();
  background(255);
  translate(random(width),random(height)); // I want to randomize this translate
  rotate(rot1a); 
  rotateY(radians(10)); // I want to randomize this angle
  rotateX(radians(30)); // I want to randomize this angle
  imageMode(CENTER);
  image(img1a,0,0); 
  rot1a += 0.01; // I want to randomize the rotation speed

    popMatrix();


   // Image 1b
    pushMatrix(); 
  translate(350,55); 
  rotate(rot1b); 
  rotateY(radians(35)); 
  rotateX(radians(5)); 
  imageMode(CENTER);
  image(img1b,0,0); 
  rot1b += 0.005;

    popMatrix();

  }

Eventually, I want the program to loop itself every ten seconds, so that every ten seconds the images have new random variables. That will be the next challenge!

Thank you for your help!

void setup() { size(700,700); }
void draw() {
  background(0);
  randomSeed(42);
  loadPixels();
  for (int x = 0; x < width; x++) {
    for (int y = 0; y < height; y++) {
      float randomValue = random(255);
      pixels[y*width + x] = color(randomValue);
    }
  }
  updatePixels();
}

boolean[] door = new boolean[3];
int choice, next, switchthat, y, yes, no;
void setup() {
  size(500, 500);
  yes = 0;
  y = 0;
}

void draw() {
  background(0);
  pickDoor();
  rect(0, height-(yes*height/(yes+no)), width/2, (yes*height/(yes+no)));
  rect(width/2, height-(no*height/(yes+no)), width/2, no*height/(yes+no));
  text(yes*100/(yes+no), 100, 100);
}

void pickDoor() {
  door[0] = false;
  door[1] = false;
  door[2] = false;
  y = int(random(0, 3));
  door[y] = true;
  pickOne();
}

void pickOne() {
  choice = int(random(0, 3));
  pickNext();
}

void pickNext() {
  next = int(random(0, 3));
  if (next == choice) {
    pickNext();
  } else {
    switchit();
  }
}


void switchit() {
  switchthat = int(random(0, 3));
  if (switchthat == next) {
    switchit();
  } else if (switchthat == choice) {
    switchit();
  } else {
    check();
  }
}

void check() {
  if (door[switchthat]==true) {
    yes++;
  } else {
    no++;
  }
}

I am also new to processing and would be very thankful if someone could help me with the following issue.

With the help of the video library I am trying to play a video that randomly jumps forwards, plays a limited and random amount of time and jumps randomly forward and plays again randomly until it reaches its end and repeats/loops.

Jumping is random inbetween the parameters of 15 and 30 seconds. Playing between 5 and 13 seconds. I only got him jumping but not playing inbetween the jumps … althought the code I can give is without jumping so far:

int clip_duration_max = 13;
int clip_duration_min = 5;
int clip_jump_max = 30;
int clip_jump_min = 15;

import processing.video.*;
Movie sequence;

void setup() {
  //size(displayWidth, displayHeight);
  size(640, 480);
  frameRate(25);
  sequence = new Movie(this, "sequence.mp4");
  sequence.loop();
}

void draw() {
  image(sequence, 0, 0);
  sequence.read(); 
  int sequence_duration = int(sequence.duration()); // get sequence duration
  int sequence_time = int(sequence.time());
  int jumper = int(random(clip_jump_min, clip_jump_max));  
  int sequence_length = int(random(clip_duration_min, clip_duration_max));
  int next_jumping_point = sequence_time + jumper + sequence_length;
}

Can anybody help me guiding to the next steps?

Thank you!

I imagine that I need a piece of code to tell the next audio file to wait until the end of the last before it plays but I am an absolute beginner at coding, so I have no idea how to write it.

I have attached what I have done so far for reference, there is only one audio file in so far as I felt it was best to start simply and then add more audio files as I go.

        import ddf.minim.*;
    
        Minim house;
        AudioPlayer player1;
    
        int christine;
    
        void setup(){
          size(100,100);
        }
    
        void draw(){
      
           house = new Minim(this);
      
          player1 = house.loadFile("u.wav");
      
      
          christine = (int)random(10);
      
          println("christine is "  + christine);
        player1.play();
        player1.isPlaying();
        for (int =
        }
    

For example, x = random(0,50) will give me a number between 0 and 50. What if I want it to give me either 0 or 50, but not the numbers in between??