For example, the rectangle moves to any direction for each second. And when the rectangle meets the border line, the rectangle should be removed.

For now, I overdrew background-colored-object on the object. But, if I do this way, the memory would be gained, so the program would be heavy.

So, I'm looking forward about removing the objects. But even I googled the method, there wasn't any method about the above.

If anyone has good idea, please give it to me. Thanks for reading. :)

`class Point { float x, y; Point (float a, float b) { x = a; y = b; } Point() { x = 0; y = 0; } }

class Ball { float rad; Point center; Point contact_point; color col; Point speed;

int[][] ballColor = { {255, 255, 255}, // 0 = cue ball {255, 255, 0}, //1 ball, 9 ball {0, 0, 255}, //2 ball, 10 ball {255, 0, 0}, //3 ball, 11 ball {128, 0, 128}, //4 ball, 12 ball {255, 165, 0}, //5 ball, 13 ball {0, 150, 0}, //6 ball, 14 ball {153, 76, 0}, //7 ball, 15 ball {50, 50, 50} //8 ball };

Ball (float x, float y, float r, int i) { speed = new Point(); center = new Point (x, y); contact_point = new Point (mouseX, mouseY); rad = r; col = color (ballColor[i][0], ballColor[i][1], ballColor[i][2]); } void circle() { ellipse(0, 0, rad, rad); } }

class Stick { Point start_p; Point end_p; color col; int length; float distance;

Stick (float x1, float y1, float x2, float y2, int R, int G, int B, int L) { length = L; start_p = new Point (x1, y1); end_p = new Point (x2, y2); col = color(R, G, B); distance = 0; } }

class Table { Ball [] b_arr; Ball [] stripe_arr; Ball cue_ball; Stick st; Ball eightBall;

Table() { cue_ball = new Ball (500, 500, 15, 0); eightBall = new Ball (1060, 500, 15, 8);

float [][] position = 
  {
  {1000, 500}, 
  {1030, 484}, 
  {1030, 516}, 
  {1060, 469}, 
  //{1060, 500},
  {1060, 531}, 
  {1090, 484}, 
  {1090, 516}, 
};

b_arr = new Ball [7];
for (int i = 0; i < b_arr.length; i++)
{
  b_arr[i] = new Ball (position[i][0], position[i][1], 15, i+1);
  //println(b_arr[i]);
}

//stripe_arr =
st = new Stick (cue_ball.center.x, cue_ball.center.y, mouseX, mouseY, 0, 0, 0, 50);

} }

PImage floor, background; float deceleration = 0.89; int power, gamemode = 0; Table table = new Table(); boolean ballInHole = false, ballWall = false, cueBall = false;

import ddf.minim.*; AudioSnippet wall, cue, ballBounce; Minim minim;

void setup() { size(1500, 1000); floor = loadImage("floor.jpg"); ellipseMode(CENTER); frameRate(24);

minim = new Minim(this); wall = minim.loadSnippet("sport_miniture_snooker_pool_ball_hit_table_wall.mp3"); cue = minim.loadSnippet("sport_pool_snooker_cue_strike_ball.mp3"); }

void draw() { if (gamemode == 0) { background(255); fill(0); textSize(200); text("BILLIARDS", 100, 300); textSize(24); text("INSTRUCTIONS", 100, 400); text("Press arrow keys to change power of shot", 100, 450); text("Press Shift in order to choose the direction of shot", 100, 500); text("Click to shoot", 100, 550); textSize(50); text("Click anywhere to continue", 400, 900); }

if (gamemode == 2) { image(floor, 0, 0); table.st.end_p.x = mouseX; table.st.end_p.y = mouseY; poolTable(); drawCueBall(); tempBall(0); //drawBalls(); //drawEightBall(); drawPole(); checkBall(); //checkBallCollision(table.b_arr, table.cue_ball); checkCueBallCollision (table.b_arr);

power = powerControl(power);
DisplayPower();

if (ballWall == true)
{
  wall.rewind();
  wall.play();
  ballWall = false;
}

if (cueBall == true)
{
  cue.rewind();
  cue.play();
  cueBall = false;
}

}

if (gamemode == 3) { background(255); textSize(200); fill(0); text("GAME OVER", 200, 500); textSize(50); text("The cue ball went into the pocket!", 300, 750); //text("Click Anywhere to continue", 400, 900); } }

void mousePressed() { if (gamemode == 0) gamemode = 1; if (gamemode == 1) gamemode = 2; if (gamemode == 3) { gamemode = 0; ballInHole = false; } }

void drawCueBall() { stroke(0); strokeWeight(1); fill(table.cue_ball.col); ellipse(table.cue_ball.center.x, table.cue_ball.center.y, table.cue_ball.rad2, table.cue_ball.rad2); table.cue_ball.center.x += table.cue_ball.speed.x; table.st.start_p.x += table.cue_ball.speed.x; table.cue_ball.center.y += table.cue_ball.speed.y; table.st.start_p.y += table.cue_ball.speed.y; table.cue_ball.speed.x *= deceleration; table.cue_ball.speed.y *= deceleration;

if (ballInHole == false) checkBoundaryCollision(table.cue_ball);

if (abs(table.cue_ball.speed.x) < 0.1) { table.cue_ball.speed.x = 0; } if (abs(table.cue_ball.speed.y) < 0.1) { table.cue_ball.speed.y = 0; } }

void drawEightBall() { stroke(0); strokeWeight(1); fill(table.eightBall.col); ellipse(table.eightBall.center.x, table.eightBall.center.y, table.eightBall.rad2, table.eightBall.rad2); }

void tempBall (int i) { stroke(0); strokeWeight(1); fill(table.b_arr[i].col); ellipse(table.b_arr[i].center.x, table.b_arr[i].center.y, table.b_arr[i].rad2, table.b_arr[i].rad2);

table.b_arr[i].center.x += table.b_arr[i].speed.x; table.b_arr[i].center.y += table.b_arr[i].speed.y; table.b_arr[i].speed.x *= deceleration; table.b_arr[i].speed.y *= deceleration;

checkBoundaryCollision(table.b_arr[i]);

if (abs(table.b_arr[i].speed.x) < 0.1) table.b_arr[i].speed.x = 0; if (abs(table.b_arr[i].speed.y) < 0.1) table.b_arr[i].speed.y = 0; }

void drawBalls() { stroke(0); strokeWeight(1); for (int i = 0; i < table.b_arr.length; i++) { fill(table.b_arr[i].col); ellipse(table.b_arr[i].center.x, table.b_arr[i].center.y, table.b_arr[i].rad2, table.b_arr[i].rad2); } }

void drawPole() { if (keyCode == SHIFT && table.cue_ball.speed.x == 0 && table.cue_ball.speed.y == 0) { PVector mouse = new PVector (mouseX, mouseY); PVector center = new PVector (table.cue_ball.center.x, table.cue_ball.center.y); mouse.sub(center); mouse.normalize(); mouse.mult(150); translate (center.x, center.y); stroke(table.st.col); line(0, 0, mouse.x, mouse.y); mouse.mult(0.067); stroke(255); strokeWeight(5); line(0, 0, mouse.x, mouse.y); } }

void mouseClicked() { if (table.cue_ball.speed.x == 0 && table.cue_ball.speed.y == 0) { PVector mouse = new PVector(mouseX, mouseY); PVector center = new PVector(table.cue_ball.center.x, table.cue_ball.center.y); mouse.sub(center); println(mouse); //temporary mouse.normalize(); mouse.mult(power); table.cue_ball.speed.x = -mouse.x; table.cue_ball.speed.y = -mouse.y; if (table.cue_ball.speed.x != 0 || table.cue_ball.speed.y != 0) cueBall = true; } }

int powerControl (int power) { if (keyCode == UP) { if (power <= 95) { power += 5; } keyCode = LEFT; } if (keyCode == DOWN) { if (power >= 5) { power -= 5; } keyCode = LEFT; } return power; }

void DisplayPower() { textSize(24); fill(0); text("Power", 750, 32); text(power, 750, 64); }

void poolTable() { int a = 1000, b = a/2, c = width/2, d = height/2; rectMode(CENTER);

fill(102, 51, 0); rect(c, d, a+125, b+125, 32, 32, 32, 32);

fill(0, 200, 0); rect(c, d, a, b);

fill(255); for (int i = 0; i <= a; i += (a/8)) { if (i != a/2 && 1 != 0 && i != a) { ellipse((c-b) + i, (d/2)-23, 10, 10); ellipse((c-b) + i, (d+(d/2))+23, 10, 10); } } for (int j = 0; j <= b; j += (b/4)) { if (j != 0 && j != b) { ellipse((c-b)-23, (d/2)+j, 10, 10); ellipse((c+b)+23, (d/2)+j, 10, 10); } }

fill(0); for (int k = 0; k <= a; k += (a/2)) { ellipse((c-b) + k, d/2, 64, 64); ellipse((c-b) + k, d+(d/2), 64, 64); } }

void checkBoundaryCollision(Ball ball) { if (ball.center.x > 1250-ball.rad) { ball.center.x = 1250-ball.rad; ball.speed.x *= -1;
ballWall = true; } else if (table.cue_ball.center.x < 250+table.cue_ball.rad) { ball.center.x = 250+ball.rad; ball.speed.x *=-1; ballWall = true; } else if (table.cue_ball.center.y > 750-table.cue_ball.rad) { ball.center.y = 750-ball.rad; ball.speed.y *= -1; ballWall = true; } else if (table.cue_ball.center.y < 250+table.cue_ball.rad) { ball.center.y = 250+ball.rad; ball.speed.y *= -1; ballWall = true; } }

void checkBall() { if (table.cue_ball.center.x < 250+24 && table.cue_ball.center.y < 250+24) { ballInHole = true; if (ballInHole == true) { table.cue_ball.speed.x = 0; table.cue_ball.speed.y = 0; table.cue_ball.center.x = 250; table.cue_ball.center.y = 250; gamemode = 3; } } if ((table.cue_ball.center.x > 750-24 && table.cue_ball.center.x < 750+24) && table.cue_ball.center.y < 250+24) { ballInHole = true; if (ballInHole == true) { table.cue_ball.speed.x = 0; table.cue_ball.speed.y = 0; table.cue_ball.center.x = 750; table.cue_ball.center.y = 250; gamemode = 3; } } if (table.cue_ball.center.x > 1250-24 && table.cue_ball.center.y < 250+24) { ballInHole = true; if (ballInHole == true) { table.cue_ball.speed.x = 0; table.cue_ball.speed.y = 0; table.cue_ball.center.x = 1250; table.cue_ball.center.y = 250; gamemode = 3; } } if (table.cue_ball.center.x < 250+24 && table.cue_ball.center.y > 750-24) { ballInHole = true; if (ballInHole == true) { table.cue_ball.speed.x = 0; table.cue_ball.speed.y = 0; table.cue_ball.center.x = 250; table.cue_ball.center.y = 750; gamemode = 3; } } if ((table.cue_ball.center.x > 750-24 && table.cue_ball.center.x < 750+24) && table.cue_ball.center.y > 750-24) { ballInHole = true; if (ballInHole == true) { table.cue_ball.speed.x = 0; table.cue_ball.speed.y = 0; table.cue_ball.center.x = 750; table.cue_ball.center.y = 750; gamemode = 3; } } if (table.cue_ball.center.x > 1250-24 && table.cue_ball.center.y > 750-24) { ballInHole = true; if (ballInHole == true) { table.cue_ball.speed.x = 0; table.cue_ball.speed.y = 0; table.cue_ball.center.x = 1250; table.cue_ball.center.y = 750; gamemode = 3; } } }

float distance (float a, float b) { float temp = sqrt(sq(a)+sq(b)); return temp; }

void checkCueBallCollision(Ball[] ball) { for (int i = 0; i < ball.length; i++) { float difx = ball[i].center.x - table.cue_ball.center.x; float dify = ball[i].center.y - table.cue_ball.center.y; float totalDistance = distance (difx, dify); if (table.cue_ball.speed.x == 0 && table.cue_ball.speed.y == 0) println(totalDistance);

if (totalDistance <= table.cue_ball.rad*2+ball[i].rad*2)
{
  float knum = ((table.cue_ball.speed.x-ball[i].speed.x)*(table.cue_ball.center.x-ball[i].center.x))+((table.cue_ball.speed.y-ball[i].speed.y)*(table.cue_ball.center.y-ball[i].center.y));
  float kden = sq(table.cue_ball.center.x-ball[i].center.x)+sq(table.cue_ball.center.y-ball[i].center.y);
  float k = knum/kden;
  float x = table.cue_ball.center.x-ball[i].center.x;
  float y = table.cue_ball.center.y-ball[i].center.y;

  table.cue_ball.speed.x -= (k*x);
  table.cue_ball.speed.y -= (k*y);
  ball[i].speed.x += (k*x);
  ball[i].speed.y += (k*y);
}

} }`

On an unrelated note, did I format this code right on this forum?

Is there a way to dynamically change the order in which draw runs? So I could say if object active - run last in draw (so its on top of all other objects etc.

Thanks for the help! (code below - although you would need to replace the mp3 and .mov in lines 22/23 to run this, and I have the video library and minim installed)

import processing.video.*;

import ddf.minim.*;
import ddf.minim.analysis.*;
import ddf.minim.effects.*;
import ddf.minim.signals.*;
import ddf.minim.spi.*;
import ddf.minim.ugens.*;

Minim minim;
AudioSample sample;
Tile[]Tiles = new Tile[10]; 

void setup() {
  fullScreen(2);
  //noCursor();
  imageMode(CENTER);
  minim = new Minim(this);

  for (int i = 0; i< 10; i++){
    Tiles[i]= new Tile(this);
    Tiles[i].setMovie("TORCH_2_1.mov");
    Tiles[i].setAudio(minim, "Paper Rustle_1.mp3");
  }


}

void draw() {
  background(0);

  Tiles[0].presentTile(200, 200);
  Tiles[1].presentTile(225, 200);
  Tiles[2].presentTile(250, 200);
  Tiles[3].presentTile(275, 200);
  Tiles[4].presentTile(300, 200);
  Tiles[5].presentTile(325, 200);

}

class Tile {
  PApplet app;
  Movie movie = null;
  AudioSample sample = null;

  boolean overBox = false;
  boolean canTrigger = true;
  float boxMax = 100;
  float boxMin = 25;
  int boxSize;

  Tile(PApplet papp) {
    app = papp;
    boxSize = 25;
  }

  void setMovie(String fname) {
    movie = new Movie(app, fname);
    movie.loop();
    movie.pause();
  }

  void setAudio(Minim m, String fname) {
    sample = m.loadSample(fname, 512);
  }

  void isOver(float x, float y) {
    overBox = (mouseX > x-(boxSize/2) && mouseX < x +(boxSize/2) &&  
    mouseY > y-(boxSize/2) && mouseY < y+(boxSize/2)); 
  }


  void presentTile(float bx, float by) {

    isOver(bx, by);
    if (movie != null) {
      if (movie.available() == true) 
        movie.read(); 
      if (overBox && (boxSize < boxMax)) {
        image(movie, bx, by, boxSize++, boxSize++);
        movie.loop();
      }
      if (!overBox && boxSize > boxMin ) {
        image(movie, bx, by, boxSize-=1, boxSize-=1);
        movie.pause();

      }
      image(movie, bx, by, boxSize, boxSize);
    }
    if (sample != null) {
      if (canTrigger && overBox) {
        sample.trigger();
        canTrigger = false;
      }
      if (!overBox) {
        sample.stop();
        canTrigger = true;
      }
    }
  }
}

I have a bouncing ball displaying over an image of the hit 90's R&B group, Boyz II Men (eh, I needed an image of anything).

To my ball class, there are several functions assigned. The ball collection array allows for many objects to be loaded as desired. Here, I chose 4 balls... one for each Boyz II Men singers (sure, why not?)

However, when I add in the brightness function to the update display, I only see one object, even though there is more than one object printing coordinates in the console.

//int n = 1000;
PImage img;


//DECALRE
Ball [] ballCollection = new Ball [4];



void setup ()  {
  size(600,600);
  frameRate(30);
  img = loadImage("/assets/Boyz2Men.jpg");
  img.loadPixels();
  loadPixels();
  smooth();

  //INITIALIZE
  for (int i = 0; i < ballCollection.length; i++)  {
  ballCollection[i] =new Ball(random(0,width), random(0,200));
  }


}

void draw()  {
  background(0);
  image(img, 0, 0);
  //CALL FUNCTIONALITY
  for (int i = 0; i < ballCollection.length; i ++)  {
  ballCollection[i].run();
  print(i, "\n");
  //updatePixels();
  }


}



class Ball {
  //GLOBAL VARIABLES
  float x = 0;
  float y = 0;
  float speedX = 4;
  float speedY = 0.5;

  //CONSTRUCTOR - INITIALIZE VARIABLES
  Ball(float _x, float _y) {
    x = _x;
    y = _y;
  }

  //FUNCTIONS - 
  void run() {
    display();
    move();
    bounce();
    gravity();
  }

  void move() {
    x += speedX; 
    y += speedY;
  }

  void bounce() {
    if (x > width) {
      speedX = speedX * -1;
    }
    if (x < 0) {
      speedX = speedX * -1;
    }
    if (y > height) {
      speedY = speedY * -1;
    }
    if (y < 0) {
      speedY = speedY * -1;
    }
  }

  void gravity() {
    speedY += 0.2;
  }


  void display() {
    print("X is ", x, " ", "Y is ", y, "\n");
    for (int x2 = 0; x2 < img.width; x2++) {
      for (int y2 = 0; y2 < img.height; y2++ ) {
        // Calculate the 1D location from a 2D grid
        int loc = x2 + y2*img.width;
        // Get the R,G,B values from image
        float r, g, b;
        r = red (img.pixels[loc]);
        //g = green (img.pixels[loc]);
        //b = blue (img.pixels[loc]);
        // Calculate an amount to change brightness based on proximity to the mouse
        float maxdist = 50;//dist(0,0,width,height);
        float d = dist(x, y, x2, y2);
        //print(d, "\n");
        float adjustbrightness = 255*(maxdist-d)/maxdist;
        r += adjustbrightness;
        //g += adjustbrightness;
        //b += adjustbrightness;
        // Constrain RGB to make sure they are within 0-255 color range
        r = constrain(r, 0, 255);
        //g = constrain(g, 0, 255);
        //b = constrain(b, 0, 255);
        // Make a new color and set pixel in the window
        //color c = color(r, g, b);
        color c = color(r);
        pixels[y2*width + x2] = c;

      }
    }
    updatePixels();
    ellipse(x, y, 20, 20);
  }
}

What is the reason as to why only one ball shows up? If I comment out the last for loop, I can see the picture clearly. Do I need to make another function called void bright()?

Thanks for any suggestions, I am stumped.

-Aaron

PVector location1;
PVector velocity1;
PVector acceleration1;
PVector locationSun;
PVector locationSun2;
PVector distance;
float r;
float r1;
float vSun = 1;

void setup() {
  size(600, 600);

  location1 = new PVector(350, 30);
  velocity1 = new PVector(6, 0);
  acceleration1 = new PVector(0, 0);

  locationSun = new PVector(100, 300);
  locationSun2 = new PVector(500, 300);
}

void draw() {
  background(0);
  r = dist(location1.x, location1.y, locationSun.x+locationSun2.x+100, locationSun.y+locationSun2.y+100);

  if ( r < 50 ) {
    r = 50;
  }

 /* println(acceleration1.x);
  println(locationSun.x);
  println(acceleration1.x);
  println(acceleration1.x);*/

  acceleration1.x = ((locationSun.x - location1.x)*100000/pow(r, 3)) + (locationSun2.x - location1.x)*100000/pow(r, 3);
  acceleration1.y = ((locationSun.y - location1.y)*100000/pow(r, 3)) + (locationSun2.y - location1.y)*100000/pow(r, 3);

  velocity1.add(acceleration1);
  location1.add(velocity1);

  //locationSun.x += vSun;

  if ((locationSun.x >= width) || (locationSun.x <= 0)) {
    vSun *= -1;
  }

  ellipse(locationSun.x, locationSun.y, 50, 50);
  ellipse(locationSun2.x, locationSun2.y, 50, 50);
  ellipse(location1.x, location1.y, 20, 20);

}

Flower[] _flowerArr={};

void setup() {
    size(800, 600);
    smooth();
    drawAll();
    background(255);
}

void draw(){
    // background(255);
    for (int i = 0; i < _flowerArr.length; ++i) {
        _flowerArr[i].drawFlower();
        _flowerArr[i].moveFlower();
        // println(frameCount);
    }
}

void drawAll(){
    for (int i = 0; i < 50; ++i) {
    Flower newFlower = new Flower(random(width));
    _flowerArr=(Flower[])append(_flowerArr, newFlower);
    }
}

//// DEFINE CLASS  /////////////////////////////////////////////////////

class Flower {
    float x1,y1,y2,ang,v;

    Flower(float a){
        x1=a;
        y1=0;
            y2=random(100, 500);
        ang=0;
        v=0;
    }

    void drawFlower(){

        line(x1, y1, x1, y2);

        for (y1 =y1; y1 < y2; y1+=random(2, 8)) { // HOW CAN I MAKE THEM MOVING ????
            float x2 = x1+random(-10, 10);
            line(x1, y1, x2, (y1+v));
            ellipse(x2, (y1+v), 10, 10);
        }
    }

    void moveFlower(){
        v=sin(radians(ang))*50;
        // v=map(sin(radians(ang)), -1, 1, -50, +50);
        ang+=5;
    }
}

Also, if I activate the background in the draw() I get basically an empty canvas, why is that? Thanks for you help.

I'm quite in a rush at the moment but I am trying to create a small game where the player (the mouse pointer) is chased by several enemies.

So far, 5 enemies spawn randomly on the map and start chasing the pointer at a regular speed. However, since they quickly converge towards the same target, the objects tend to overlap until a "single object" is left on the screen. They didn't merge or anything, they simply find themselves in the same position as it's the what the code tells them to do.

Picture below for your reference.

However, by doing that, it looses the goal of having several enemies. Thus my question, how can I make each of the enemies maintain a distance between each other when they come close to one another?

Here is my code without my attempts:

Enemy[] enemies = {};

void setup() {
 size(800, 800);
 background(#2c3e50);

 for (int i = 0; i < 5; i++) {
   Enemy newEnemy = new Enemy(i * random(25,150), i * random(25,150));
   enemies = (Enemy[]) append(enemies, newEnemy);
 }
}

void draw() {
 background(#2c3e50);

  for (int i = 0; i < enemies.length; i++) {
   enemies[i].move();
   enemies[i].display();
  }
}

// ///// Enemy class /////

class Enemy {

  float x;
  float y;

  PVector location;
  PVector speed;
  int enemySize = 20;

  Enemy[] otherEnemies = {};

  Enemy(float x, float y) {
    this.x = x;
    this.y = y;
    location = new PVector(random(800), random(800));
    speed = new PVector(2, -2);
  }

  void move() { //Or void update()
    PVector target = new PVector(mouseX, mouseY);
    PVector movement = PVector.sub(target, location);
    speed.add(movement);
    speed.limit(3);
    //Updating the location of the enemy
    location.add(speed);
  }

  void display() {
    fill(255);
    noStroke();
    ellipse(location.x, location.y, enemySize - 16, enemySize - 16);
    noFill();
    stroke(255, 100);
    strokeWeight(2);
    ellipse(location.x, location.y, enemySize - 10, 10);
    noFill();
    stroke(255, 100);
    strokeWeight(1);
    ellipse(location.x, location.y, 20, 20);
    checkBounds();
  }

  //Function to invert the velocity vector values
  //So that the ball stays within the frame
  void checkBounds() {
    if ((location.x > width) || (location.x < 0)) {
      speed.x = speed.x * -1;
    }

    if ((location.y > height) || (location.y < 0)) {
      speed.y = speed.y * -1;
    }
  }
}

I know there is something I can do with the dist() function and/or arrays, but being new to programming I can't put it down properly. Any hint or advice on how to proceed from there?

Thanks!

P.S.: Spirit, an iOS game - http://iappsin.com/arcade-game-spirit-for-iphone-and-ipad.htm - has been a good source of inspiration. Different types of enemies including green ones that follow the player and never overlap with their peers.

https://www.processing.org/reference/loadShape_.html

Would work to load an obj file? When I export an obj file from tinkercad I cannot load it. Do I need to use the OBJLoader library? Why does the OBJLoader library need to exist when there is a loadShape function? Or why does the loadShape function documentation discuss obj files when it doesn't work?

I suspect that obj files are more complicated than I think, but can't figure it out. Any help would be appreciated.

Thanks!

void mousePressed() {
  
    if (gameState == RUN_GAME) {
    objects.remove(0);
  }
}

When it hits 0 and theres no more objects in the sketch and you mouse press, processing automatically freezes. I've tried something like this (below) but it obviously doesn't work. How could I tell the if statement to change the gameState once the array list of objects hit 0? I hope I'm making sense.

void runGame(){
  
    if (objects.length == 0) {
    gameState == WINNER);
  }
}

So I have this code:

// create an empty array for 10 MovingCircle objects
MovingCircle[] myCircleArray = new MovingCircle[10];

void setup() {
  size(400, 400);
  smooth();




}

void draw() {
     for(int i=0; i<myCircleArray.length; i++) {
    myCircleArray[i] = new MovingCircle(10,10+i*10,10);  
  }
  background(0);

  // iterate through every moving circle
  for(int i=0; i<myCircleArray.length; i++) {

    myCircleArray[i].update();
    myCircleArray[i].drawCircle();


  }


}

void mousePressed() { // if mouse pressed
println("changed");
myCircleArray = new MovingCircle[4]; //create new circles
}


class MovingCircle {

  float x;
  float y;


  float circleSize;

  MovingCircle(float xpos, float ypos, float csize) {
    x = xpos;
    y = ypos;
    circleSize = csize;
  }

  void update() {
  }


  void drawCircle() {

    fill(255);
    ellipse(x, y, circleSize, circleSize);

  }


}

Basically what is does is that it's an object based (I used an example and fitted it to my needs) script, it can generate the amount of circles I put in on the beginning at "new MovingCircle[10];"
I already moved this piece of code

for(int i=0; i<myCircleArray.length; i++) {
myCircleArray[i] = new MovingCircle(10,10+i*10,10);

from setup to draw so it can check it every time.

Im asking for help on the part at void mousePressed(), I figured out how to change the amount of objects but I want it to be one more each time I press the mouse button. Like "++".

I hope you guys understand, im not a native speaker! Thanks for the help, Ruzzle.

I've created an object called Cloud that consists of may circles. The Cloud is animated and moves out of the screen at some point. I want to check if it has left the screen completely so I can remove it from my arrayList. But I don't know how to get to the width and x values of the whole Cloud object. Is there a way to do this?

Thanks very much in advance for your help, best, Danielle.

Display and that is cool, but I was thinking that I'd be able to copy paste the keyPressed() and keyReleased() event functions into the objects method area, I'm not sure whether this is possible or not. Do they have to be global? As in, outside all other { } braces?

The bottom bat works as expected, the top one doesn't. The top one is the object, bottom one the one declared in draw(). I'm not sure how to handle this, here's the code :

Bat bat = new Bat();

float directionX = 1;
float x = 100;
boolean lefting, righting;

void setup() {
  size(700, 500);
  background(0);
}

void draw() {
  background(0);

  if (lefting) {
    directionX -= 7.3;
  }
  if (righting) {
    directionX += 7.3;
  }
  x += directionX;

  rect(x, height-50, 100, 40);

  if ((x>width-100) || (x<0)) {
    directionX *=-1;
  }
  directionX = 0;
  bat.display();
  bat.move();
}

void keyPressed() {
  if (key==CODED) {
    if (keyCode==LEFT) {
      lefting=true;
    } else if (keyCode==RIGHT) {
      righting = true;
    }
  }
}

void keyReleased() {
  if (key==CODED) {
    if (keyCode==LEFT) {
      lefting = false;
    } else if (keyCode==RIGHT) {
      righting=false;
    }
  }
}

class Bat {

  float batDirectionX;
  float batX;
  boolean batLefting, batRighting;


  Bat() {
    batDirectionX = 1;
    batX = 100;
  }

  void display() {
    rect(batX, 100, 100, 100);
  }

  void move() {
    if (lefting) {
      batDirectionX -= 7.3;
    }
    if (righting) {
      batDirectionX += 7.3;
    }
    batX += batDirectionX;
  }

  void keyPressed() {
    if (key==CODED) {
      if (keyCode==LEFT) {
        batLefting=true;
      } else if (keyCode==RIGHT) {
        batRighting = true;
      }
    }
  }

  void keyReleased() {
    if (key==CODED) {
      if (keyCode==LEFT) {
        batLefting = false;
      } else if (keyCode==RIGHT) {
        batRighting=false;
      }
    }
  }
}

void setup() {
  noLoop();

  sizewidth = 100;
  sizeheight = 200;
  s2 = new Size2(sizewidth, sizeheight);

  number = 3;
  aproduct = new Product(number, s2);
  aproduct.multiply();
}

void draw() {
  println(s2.sizewidth);
}

int sizewidth;
int sizeheight;

class Size {
  int sizewidth;
  int sizeheight;
  Size(int w, int h) {
    w = sizewidth;
    h = sizeheight;
  }
}

Size2 s2;

class Size2 extends Size {
  Size2(int w, int h) {
    super(w, h);
  }
}

int number;

Product aproduct;

class Product {
  int number;
  Size2 s2;

  Product(int n, Size2 si2) {
    n = number;
    si2 = s2;
  }

  void multiply() {
    s2.sizewidth *= number;
    s2.sizeheight *= number;
  }
}

I'm going to try to get the gist of my problem across without having to paste a novel. I'm using 2 classes, one called Emitter and one called Particle. Each Emitter emits Particles, instantiating a new Particle and appending it to a Particle ArrayList every n number of frames. Each draw() cycle, the Emitters iterate through all of the Particles and call their .update() and .display() functions.

Everything was working as expected until I tried to make the individual Particles fade out over time. Here are the display and update methods from the Particle class;

  void display() {
    pushMatrix();
    strokeWeight(strokeWeight);
    translate(position.x, position.y);
    stroke(colorVals[0], colorVals[1], colorVals[2], colorVals[3]);
    point(0, 0);
    popMatrix();
    t++;
  }

  void update() {

    colorVals[3] -= 5;
    position.add(velocity);
    if(friction > 0) {
      position.mult(friction);
    }

  }

Unfortunately, when I try to use this in conjunction with an Emitter, I can't get individual Particles to fade out after they've been emitted. Instead, the Emitter just emits particles with a lower and lower alpha value until none of the Particles being emitted are visible. Here's the Emitter.display method that loops through the Emitter's List Array:

void display() {

    if(particles.size() > 0) {

      for(i = 0; i < particles.size() - 1; i++) {

        Particle particle = particles.get(i);

        if(particle.position.x > (width / 2) || particle.position.x < (width / -2)) {
          particles.remove(i);
        }

        if(particle.position.y > (height / 2) || particle.position.y < (height / -2)) {
          particles.remove(i);
        }
        pushMatrix();
        translate(position.x, position.y);
        particle.update();
        particle.oscillate();
        particle.draw();
        popMatrix();
      }

   }

}

Can anyone help me achieve the desired result of each Particle fading out at its own rate after it is emitted? If more code is needed to track down the problem, I'd be happy to provide more. Just didn't want to paste too much code. Thanks in advance!

I've been working with processing for a few months and I've been messing around with progressively more complex 3d systems and I really want to get this working.

My issue is with the behavior of my particles and planets; I want a set of X particles moving around each planet; I've done this before but can't find my old code sheepish shrug. I know I need a nested for loop, calling each planet position and size, then putting that into the constructor for each array of particles, but I'm in over my head and I'm getting nowhere.

I'd be just as happy to be pointed in the right direction as I would to get a line by line solution. Thank you all for your time and your assistance. Loving this stuff more and more every day :)

And again..sorry this is some ugly ugly shit...not offended if everyone's like "nawwwwww"....

  // Star parameters
  int         maxStarSpeed        = 5;
  int         nbMaxStars          = 15000;
  int         depth               = 10;
  Stars[]     stars               = new Stars[nbMaxStars];

  // Planet parameters

  int         maxPlanetSpeed      = 5;
  int         nb2MaxPlanets       = 20;
  int         pdepth              = 10;
  Planets[]   planets             = new Planets[nb2MaxPlanets];

  // Particles parameters

  int         nb3MaxParticles        = 30;   
  Particle [] particles               = new Particle[nb3MaxParticles];

  // Drawing parameters
  int       sizeX = 1920;
  int       sizeY = 1080;
  boolean   clearScreen = true;
  int       tail = 1;
  int       transparency = 255;


  // Rotation variable
  int         rotationMode = 3;
  float       angle = 0;
  float       delta = radians(0.10);

void setup() {

  String strX, strY;
  size(sizeX, sizeY, P3D);
  float fov = PI/3.0;
  float cameraZ = (height/2.0) / tan(fov/2.0);
  perspective(fov, float(width)/float(height), cameraZ/10.0, cameraZ*10.0);
  colorMode(RGB, 255);
  loop();
  strokeWeight(tail);

for(int nb = 0; nb < nbMaxStars; nb++) {
  stars[nb] = new Stars(random(-2*width, 2*width), random (-2*height, 2*height),
                               -random(depth*255), random(1, maxStarSpeed));                     
  } 
pushMatrix();
for (int nb2 = 0; nb2 < nb2MaxPlanets; nb2++) {

  planets[nb2] = new Planets(random(-2*width, 2*width), random (-2*height, 2*height),
                               -random(depth*255), random(1, maxPlanetSpeed));   

/* need particle location based on each planet location, movement area determined by size of planet                             

  particles[nb3] = new Particle(
*/

}
popMatrix();


}



void draw() {
  if(clearScreen == true) {
    background(0);
  }
  //  to do; include easing! 

  translate(width/2+((mouseX-(width/2))*10)/(width/2),
        height/2+((mouseY-(height/2))*10)/(height/2)
        ,0);
  rotateY(-((mouseX-(width/2))*radians(30)) / (width/2));
  rotateX(((mouseY-(height/2))*radians(30)) / (width/2));
  if(rotationMode == 1) {
    angle += delta;
  }
  if(rotationMode == 2) {
    angle -= delta;
  }
  rotateZ(angle);

  for(int nb = 0; nb < nbMaxStars; nb++) {
    stars[nb].position();
    stars[nb].anim();
  }

  for (int nb2 = 0; nb2 < nb2MaxPlanets; nb2++) {
    planets[nb2].position();
    planets[nb2].anim();
  } 
/*  
  for (int nb3 =0; nb3 < nb3MaxParticles; nb3++) {
    particles[nb3].draw;
  }
*/

}



void keyPressed() {
  if (key == 'x') {
    clearScreen = !clearScreen;
  }

  if (key == 'c') {
    if (transparency<255);
    transparency +=5;
  } 

  if (key == 'v') {
    if(transparency>2)
    transparency -= 5;
  }

  if (key == 'b') {
    background(0);
  }

 if (keyCode == UP) {
   translate(0,(angle += (5*delta)),0);
 }

 if (keyCode == DOWN) {
   translate(0, (angle -= (5*delta)),0);
 }

 if(keyCode == RIGHT) {
   translate((angle -= (5*delta)),0,0);
 }

 if(keyCode == LEFT) {
  translate((angle += (5*delta)),0,0);
 }

} 




void mousePressed() {
  if(mouseButton==LEFT)
    rotationMode = 1;
  if(mouseButton==RIGHT)
    rotationMode = 2;
  if(mouseButton==CENTER)
    rotationMode = 3;
}



class Particle {

  PVector pos;
  float movingArea;
  float moveSize;

  PVector tail[];
  int tailPosIndex;
  int tailLength;

  float psize;

  float inc1, inc2, inc3;
  float inc1Increment = random(0.01, 0.05);
  float inc2Increment = random(0.01, 0.05);
  float inc3Increment = random(0.01, 0.05);

  Particle( PVector tempPos, float tempMoveSize) {
    tempMoveSize = moveSize;
    tempPos = pos = new PVector();
    psize = random(0.1, 2.0);

    tailPosIndex = 0;
    tailLength = int(psize * 50);
    tail = new PVector[tailLength];

    inc1 = random(TWO_PI);   
    inc2 = random(TWO_PI);
    inc3 = random(TWO_PI);

    movingArea = moveSize - tailLength;
  }

  void draw() {
    updatePosition();
    drawTail();
  }

  void updatePosition() {
    inc1 += inc1Increment;
    inc2 += inc2Increment;
    inc3 += inc3Increment;

    pos.x = sin(inc1) * movingArea;
    pos.y = cos(inc2) * movingArea;
    pos.z = sin(inc3) * movingArea;
    tail[tailPosIndex] = new PVector(pos.x, pos.y, pos.z);
  }

  void drawTail() {
    float xp, yp, zp;
    float xOff, yOff, zOff;
    int nullPos = 0;   
    beginShape(QUAD_STRIP);
    for (int i = 0; i < tailLength; i++) {
      int index = (i + tailPosIndex + 1) % tailLength;
      if ( i < tailLength - 1 && tail[index] != null) {
        float per = (i - nullPos) / float(tailLength - nullPos);
        xp = tail[index].x;
        yp = tail[index].y;
        zp = tail[index].z;
        int nextIndex = (i + tailPosIndex + 2) % tailLength;
        PVector v0 = PVector.sub(tail[index], tail[nextIndex]);
        PVector v1 = v0.cross(new PVector(0, 1, 0));
        v1.normalize();
        PVector v2 = v0.cross(v1);
        v2.normalize();
        v1 = v0.cross(v2);
        v1.normalize();
        xOff = v1.x * psize * per;
        yOff = v1.y * psize * per;
        zOff = v1.z * psize * per;


        fill(200, 255 * per);

        vertex(xp - xOff, yp - yOff, zp - zOff);
        vertex(xp + xOff, yp + yOff, zp + zOff);
      }
      else nullPos++;
    }
    endShape();

    tailPosIndex++;
    tailPosIndex %= tailLength;
  }
}

class Planets {
  float pX, pY, pZ;
  float dZ;
  float pSize= random(20,60);

  Planets(float tempPX, float tempPY, float tempPZ, float tempDZ) {
    pX = tempPX;
    pY = tempPY;
    pZ = tempPZ;
    dZ = tempDZ;
  }

  void position() {
    pushMatrix();
    translate(pX,pY,pZ);
    noStroke();
    fill(255,255-map(pX,0,width,0,128));
    sphere(pSize);


    popMatrix();  
}


  void anim() {
    pZ = pZ + dZ;
    if(pZ >=0)
    pZ = -1058.0;
  }
 }




class Stars {
  float x,y,z;
  float dZ;

  Stars(float coordX, float coordY, float coordZ, float speedZ) {
    x  = coordX;
    y  = coordY;
    z  = coordZ;
    dZ = speedZ;
  }

  void position() {
    stroke(250+z/depth, transparency);
    point(x,y,z);
  }

  void anim() {
    z = z + dZ;
    if(z >= 0)
       z = -1058.0;
  }
}

Would using object be better in this situation or can i work away around it with the arrays?

i hope this makes sense...

MAIN SKETCH:

//SFD Tree Visualization
//Austin Slominski 2014

Node root;
Node current;
XML data;

void setup(){
    root = new Node();
    data = loadXML("nodes.xml");

    size(750,750);
    smooth(true);
    background(255);

    loadChild(root, data, null);
    current = root;
}

void loadChild(Node node, XML data, Node parent) {
    XML title = data.getChild("title");
    String xmlTitle = title.getContent();
    node.title = xmlTitle;

    XML[] XMLchildren = data.getChildren("child");
    node.children = new Node[XMLchildren.length];

    for(int i=0;i<XMLchildren.length;i++){
      node.children[i] = new Node();
    }

    //DEBUG
        println("Current Node: " + node.title);
      if(parent!=null){
        println("Parent: " + parent.title);
        node.parent = parent;
      }
      if(node.children!=null){
          println("Number of Children:" + XMLchildren.length);
      }
        println("");

    for (int i = 0; i < XMLchildren.length; i++) {
      loadChild(node.children[i], XMLchildren[i], node);
    }
}

void draw(){
    current.display();//starts inactive, null collapsed

    if(current.collapsed == false) {
          for (int i = 0; i < current.children.length; i++) {
        current.children[i].display();
    }
    }

}

void mousePressed(){
    current.clickedActive();

    for (int i = 0; i < current.children.length; i++) {
      current.children[i].clickedActive();
    }
}

NODE CLASS:

/* @pjs font="Junction-light.otf"; */
PFont f;

class Node {

      Node parent;
      Node[] children;
      public String title;

      int x=120;
      int y=140;
      int tWidth;
      int tHeight;
      int titleColor = 0;
      float textSize=70;
      public boolean active = false;
      public boolean collapsed = true;

    Node(){
      f = createFont("Junction-light.otf",100,true);
      textFont(f,textSize);  
    }

    void display(){
      if(parent == null) {
        fill(titleColor);
        text(title,x,y);
        noFill();
      } else {
        if(parent.collapsed == true){
          noFill();
          noStroke();
          text(title,x,y);
        }else{
          fill(titleColor);
          text(title,x,y);
          noFill();
        }
      }


      tHeight = textAscent();
      tWidth  = textWidth(title)+8;
      //rect(x,y-tHeight,tWidth,tHeight);
    }

    void clickedActive(){
      if(mouseX > x && mouseX < x+tWidth && mouseY > y-tHeight && mouseY < y){

         if(active == false){      //if already inactive (default)
           titleColor = 140;       //make gray
           active = true;          //set active
           collapsed = false;
           expandChildren();
         }else if(active == true){ //if already active
           titleColor = 0;         //make black
           active = false;         //set inactive
           collapsed = true;
           collapseChildren();
         }

      }
    }

    void expandChildren(){
       for (int i = 0; i < children.length; i++) {
         //this.children[i].collapsed = false;
         this.children[i].y = y + 150 + 150*i;
         println("expand");
       }
    }

    void collapseChildren(){
       for (int i = 0; i < children.length; i++) {
         //this.children[i].collapsed = true;
         println("collapse");
       }
    }

}

NODES.XML:

<?xml version="1.0" encoding="UTF-8"?>
<root>

    <type></type>
    <title>ROOT</title>
    <description></description>
    <image></image>

    <child>
        <type></type>
        <title>Test Child 1</title>
        <description></description>
        <image></image>

        <child>
            <type></type>
            <title>Test Child 1b</title>
            <description></description>
            <image></image>
        </child>
    </child>

    <child>
        <type></type>
        <title>Test Child 2</title>
        <description></description>
        <image></image>

        <child>
            <type></type>
            <title>Test Child 2b</title>
            <description></description>
            <image></image>
        </child>
    </child>

</root>

int cueBall;
int eightBall;
int mouseClick=0;
void setup(){
background(0,153,0);
  size(600,300);

}

void draw(){
}


void mousePressed() {
  //background(0,153,0);
  mouseClick++;
  if (mouseClick==1) {
    stroke(0);
    fill(255,255,255);
    ellipseMode(CENTER);
    ellipse(mouseX, mouseY, 50,50);
  }

  if (mouseClick==2) {
    stroke(0);
    fill(0,0,0);
    ellipseMode(CENTER);
    ellipse(mouseX, mouseY, 50,50);
  }

  }

I keep getting the error message: The method drawSynapse(float, float) in the type sketch_2D_Circles.Synapse is not applicable for the arguments( )

What am I doing wrong? I couldn't find any reason why...

Synapse syn; //declaring the object syn

void setup(){
  size(500,500);
  background(0);
  smooth();
  ellipseMode(RADIUS);
  syn = new Synapse(10.0, 15.0); // making a new object called syn and passing in the initial variables
}

void draw(){
  syn.drawSynapse();
}

class Synapse { //the class is the blueprint for each Synapse object
  float x;
  float y;
  //float angle;

  Synapse(float tempX, float tempY){ //only add fields here that you want changed for each new synapse. 
    x = tempX;
    y = tempY;
    //angle = tempAngle;
  }

  void drawSynapse(float x, float y){
    ellipse(x, y, 10, 10); 
  }  
}

Create a Survivor class; a survivor will have a name, a location on the screen, an "infected" boolean, an "injured" boolean, and a number of bullets carried (0.5 marks). Add more data if you think it is warranted. Create an array of survivors and draw them on the screen (ellipses with names as labels are sufficient); draw them color coded to indicate whether they are healthy, infected, or injured

You want to know how viable your population of survivors is. Write two functions that take the array of survivors as arguments: ● one that returns a percentage, the proportion of survivors who are completely healthy vs. being sick or injured  ● one that returns the number of bullets in the possession of healthy survivors (1 mark) Write code that calls both of these functions and draws the numbers with appropriate labels along with the survivors 

class Survivor {
  static final int DIAM = 050, RAD = DIAM>>1;

  static final color HEALTHY  = #0000FF;
  static final color INFECTED = #A08000;
  static final color INJURED  = #FF0000;

  static final color LABEL = 0300;

  final String name;

  boolean isInfected = random(1) < .1? true:false;
  boolean isInjured  = random(1) < .3? true:false;

  byte bullets = (byte) random(11);

  short x  = (short) random(RAD, width  - RAD);
  short y  = (short) random(RAD, height - RAD);

  short vx = (short) (random(1, 6)*(random(1) < .5? -1:1));
  short vy = (short) (random(1, 6)*(random(1) < .5? -1:1));

  Survivor(String nick) {
    name = nick;
  }

  void update() {
    if ((x += vx) > width  - RAD | x < RAD)   vx *= -1;
    if ((y += vy) > height - RAD | y < RAD)   vy *= -1;
  }

  void display() {
    fill(whichColor());
    ellipse(x, y, DIAM, DIAM);

    fill(LABEL);
    text(name, x, y);
  }

  private color whichColor() {
    if (isInjured)   return INJURED;
    if (isInfected)  return INFECTED;

    return HEALTHY;
  }
}

void setup() {

  size(500,400);
  background(255);
}

how do i change the spheres into 3d models?

I have an example that works but when I copy the files and lines it doesn't work in my project.

this is where I am at the moment -->

. . . . . .

// we want to use the gsvideo camera support stack

 import codeanticode.gsvideo.*;
// multiple marker tracking
import jp.nyatla.nyar4psg.*;
 // only necessary if you're using the OPENGL renderer (see the size() call in setup())
 import processing.opengl.*;
 // import obj
 import saito.objloader.*;
 import javax.media.opengl.*;





 //activeerd GSCapture
 GSCapture cam;
 //activeerd ar
 NyARMultiBoard nya;
 //importeerd het model
 OBJModel model ;
 float rot = 0.0;
 // importeerd 2 soorten fonts.
 PFont font, font2d;
 //fullscreen shizzle
 import fullscreen.*; 
 FullScreen fs; 







      void setup() {




   // our display is 640x480
   size(640,480,P3D);
     // the same size as the display, which should be 640x480
     // Dit is alleen voor p3d. want hij gaat nu naar fullscreen mode
    fs = new FullScreen(this); 
   // enter fullscreen mode
   fs.enter(); 



   //maakt de fonts aan.
   colorMode(RGB, 100);
    background(20);
   font=createFont("FFScala", 32);
   font2d = createFont("FFScala", 10);


 //start de webcam
   cam=new GSCapture(this,width,height);
   cam.start();


   //PATRONEN:
   // array of pattern file names, these have to be in the data subdir of this sketch
   // patt.hiro =string0 patt.kanji=string1 etc etc. 
   String[] patts = {"patt.hiro", "patt.kanji"};
   // array of corresponding widths in mm
   double[] widths = {80,80};


   // initialise the NyARMultiBoard
   // the camera parameter file is also in the data subdir
   nya=new NyARMultiBoard(this,width,height,"camera_para.dat",patts,widths);
   print(nya.VERSION);



   // marker detection algorithm parameter
   nya.gsThreshold=110;//(0<n<255) default=110
   // a marker has to be detected with a confidence greater than
   // this threshold for it to be considered a true detection
   nya.cfThreshold=0.2;//(0.0<n<1.0) default=0.4
 }







 // draw marker corners and also position in text
 void drawMarkerPos(int[][] pos2d)
 {
   textFont(font,10.0);
   stroke(100,0,0);
   fill(100,0,0);

   // draw ellipses at outside corners of marker
   for(int i=0;i<4;i++){
     ellipse(pos2d[i][0], pos2d[i][1],5,5);
   }

   fill(0,0,0);
   for(int i=0;i<4;i++){
     text("("+pos2d[i][0]+","+pos2d[i][1]+")",pos2d[i][0],pos2d[i][1]);
   }
 }






 // standard processing event handler that's called for display updates
 void draw() {
   // we only do something when the camera input is avail able
   if (cam.available() !=true) {
     return;
   }

   // get an image from the camera
   cam.read();

   // need to put camera image on screen, so temporarily disable depth testing
   hint(DISABLE_DEPTH_TEST);
  // put webcam image on screen
   image(cam,0,0);
   hint(ENABLE_DEPTH_TEST);

   // if *any* markers have been detected this will be true
   if (nya.detect(cam))
   {
     // going to be doing 2D drawing (drawMarkerPos) so temporarily disable depth testing
     hint(DISABLE_DEPTH_TEST);

     // for all detected markers, draw corner points
     for (int i=0; i < nya.markers.length; i++)
     {
       if (nya.markers[i].detected)
       {
         drawMarkerPos(nya.markers[i].pos2d);
       }
     }

     // depth test back on, we're going to draw 3D YEAH!!
     hint(ENABLE_DEPTH_TEST);

     // for all detected markers:
     for (int i=0; i < nya.markers.length; i++)
     {
       if (nya.markers[i].detected)
       {
   // set the model-view transform to that of the marker
   // this will adapt automatically to P3D or OPENGL renderers
   nya.markers[i].beginTransform();

   translate(5,5,0);
   // 5 pixels naar rechts en 5 pixels naar boven. dit bepaald de locatie. 
  // van ALLE afbeeldingen. 

   // ALs het eem hiro marker is(want case is 0), draw a 3D sphere van 40
   switch(i) {
     case 0:
       stroke(255,100,0);
       sphere(40);
     break;  
     // als het een kanji marker is (want case is 1) draw a sphere van 10 
     case 1:
       stroke(5,200,255);
       sphere(10);
     break;  

     default:
       println("maak een case aan");
     break;
   }

   // after drawing marker-relative 3D geometry, we
   // HAVE to end the transform (so now we're back in
   // world space)
   nya.markers[i].endTransform();

  }
}

} else { //geen markers gevonden. } }

it's one of Nature of Code (Forces section) sketches , I just made an array of these Spheres . it works fine with 10 as arraylength but when i make it more than 10 the circles get crazy movements !

the Code :

Sphere[] spheres;

void setup(){
 // frameRate(60);
  size(800,720);
//  smooth();
  spheres = new Sphere[10];
  for (int i=0;i< spheres.length ; i++){
  spheres[i] = new Sphere();
  }
}



void draw(){
  background(255);
  PVector gravity = new PVector(0,0.2);
  PVector wind = new PVector(0.3,0);

  for(Sphere s:spheres){
  gravity.mult(s.mass);

  s.applyForce(gravity);

  if(mousePressed){
  s.applyForce(wind);
  }

  s.update();
  s.display();
  s.checkEdges();

  }  
}

class Sphere {
 PVector location ;
 PVector velocity ;
 PVector acceleration ;
 float mass ;
 color c ;
 float topSpeed ;
 float radius ;


Sphere (){
 location = new PVector (random(width), random(height/2));
 velocity = new PVector (0,0);
 acceleration = new PVector (0,0);
 mass = random (.5 , 4);
 c = color (random(255));
 topSpeed = 3 ;
 radius = mass*30 ;
} 

  void update(){
  velocity.add(acceleration);
  location.add(velocity); 
//  velocity.limit(topSpeed);   
  acceleration.mult(0);
  }

  void display(){
   fill(c);
   strokeWeight(mass);
  // ellipse(location.x,location.y,mass*40,mass*40);
      ellipse(location.x,location.y,radius,radius);
  }

  void applyForce(PVector force){
   PVector  f = PVector.div(force,mass);
   acceleration.add(f);
  }


    void checkEdges() {

    if (location.x > width-(radius/2)) {
      location.x = width-(radius/2);
      velocity.x *= -1;
    } else if (location.x < 0+(radius/2)) {
      velocity.x *= -1;
      location.x = 0+(radius/2);
    }
    if (location.y > height -(radius/2)) {
      velocity.y *= -1;
      location.y = height -(radius/2);
    }
  }

}

If I include the loadimage in the display function, it works:

class Hand {
  int x;
  int y;
  PImage thehand;
  Hand() {
   x=100;
   y=100;
  }
  void display(){
 thehand=loadImage("hand.png"); 
   image(thehand,x,y); 
  }
}

But that's wrong, since the loadimage keeps happening with each cycle through display (as opposed to once when the object is created.)

Putting: thehand=loadImage("hand.png") in

    Hand() {
           x=100;
           y=100;
           thehand=loadImage("hand.png")
          }

leads to an error that the image can't be found with the line: "image(thehand,x,y)" highlighted.

What am I missing?