if i have an expression like: if (dontTint== 2 ) noTint();
i have an array of image that fade out. how can you make multiple numbers to ==. so that i can have the image 2, 6,7,10 noTint.

I'm trying to find the best way to fade an image over time. So far I have played around with tint and mills but I have not been able to make it work properly the images just tent to flash.

i have a small ellipse which bounces around in the space and a large ellipse in the center that does not move. how do i make the little ellipse bounce off the big ellipse when it hits it?


Idea ideas;
int size = 60;       // Width of the shape
float xpos, ypos;    // Starting position of shape   

float xspeed = 2.8;  // Speed of the shape
float yspeed = 2.2;  // Speed of the shape

int xdirection = 1;  // Left or Right
int ydirection = 1;  // Top to Bottom


void setup() {
  size (800, 800);
  smooth ();
  strokeWeight (2);
 

   xpos = width/2;
  ypos = height/2;
 
 
}

// ------------------------------------------------------------------------------ Main methods
void draw () {
  background (100);
  ellipse (width/2, height/2, 400, 400);
  xpos = xpos + ( xspeed * xdirection );
  ypos = ypos + ( yspeed * ydirection );
 
  if (xpos > width-size || xpos < 0) {
    xdirection *= -1;
  }
  if (ypos > height-size || ypos < 0) {
    ydirection *= -1;
  }


  ellipse(xpos+size/2, ypos+size/2, size, size);
 
}

so i have an array of image and a class and cant work out how to make the images work so that when a new image is create it is the next image in the string at the moment it only create image 1 over and over.



Idea [] ideas=new Idea[15];
String[] files = {"arch.jpg","arch1.jpg","arch2.jpg","arch3.jpg"};
 
PImage[] images = new PImage[files.length];
int more=1;

int fade=255;


void setup() {
  size(800, 800);
  imageMode (CENTER);
  //img = loadImage("arch.jpg");
  frameRate(30);
  smooth();
  for(int a = 0; a<files.length; a++)
  { images[a] = loadImage(files[a]); // Load images in string
  }   
  for (int create=0;create<15;create++)
  {
    ideas[create]=new Idea(random(width), random(height),100,0.8);
  }
 
   
}
  void mousePressed() {
  // new image is created every time mouse clicked
  more = (more + 1) % ideas.length;
}
// ------------------------------------------------------------------------------ Main methods
void draw() {
  background(255);
  fill(0, fade);
  ellipse (width/2, height/2, 400, 400);
  for (int display=0;display<more;display++)
  {
    ideas[display].drawIdea();
    ideas[display].move();
  }
}


class Idea
{
  float ideax;
  float ideay;
float change = 1;
int imageIndex=0;

    float movex=random(1, 4);
  float movey=random(1, 4);

  Idea(float x, float y, float speed, float _diameter)
  {
    ideax=x;
    ideay=y;
  }


  void drawIdea()
  {
   
  
    pushMatrix();
    translate(ideax, ideay);//controls the position
 
    image(images [0],20,20);
    //image(img, 20, 20);
    //fill (colour);
    //quad(10,20, 70,50, 60,80, 20,80);
    //ellipse(0, 0, 80, 80); 
    popMatrix();
  }

  void move()
  {
    ideax+=movex;
    ideay+=movey;

    if (ideax+70 > width) {//right
      ideax = width-70;
      movex*=-1;
    }
    else if (ideax-30<0) //left
    {
      ideax = 30;
      movex *= -1;
    }
    if (ideay+70>height)//bottem
    {
      ideay=height-70;
      movey*=-1;
    }
    else if (ideay-30<0)//top
    {
      ideay=30;
      movey*=-1;
    }
  }
}

i'm fairly new to processing and i really need to be able to create these four images from the string in my class Idea. but is there a way to make it so that the images will appear only once the mouse is clicked? at the moment i can only get them to be all created at the same time.

Idea[] ideas=new Idea[4];
String[] files = {"arch.jpg","arch1.jpg","arch2.jpg","arch3.jpg"};
PImage world;

PImage[] images = new PImage[files.length];


int maxIdeas = 4;
int imageIndex =0;
int fade=255;



void setup() {
  size(800, 800);
  imageMode (CENTER);
  //img = loadImage("arch.jpg");
  frameRate(30);
  smooth();
  for (int i = 0; i < images.length; i ++ ) {
    images[i] = loadImage( files[i] );
  }
  
  for (int create=0;create<4;create++)
  {
    ideas[create]=new Idea(width/2, height/2,100,0.8);
  }
}
 


// ------------------------------------------------------------------------------ Main methods
void draw() {
  background(0);
  fill(0, fade);
  world= loadImage ("world.png");
  image(world,width/2,height/2);
  //ellipse (width/2, height/2, 400, 400);
  
 
 
  for (int display=0;display<4;display++)
  {
    ideas[display].drawIdea();
    ideas[display].move();
  }
  }

class Idea
{
  float ideax;
  float ideay;
  float change = 1;
  int imageIndex=0;
  int r;
  int[] changeimage = {1,2,3,4};

  float movex=random(1, 4);
  float movey=random(1, 4);

  Idea(float x, float y, float speed, float _diameter)
  {
    ideax=x;
    ideay=y;
  }
 

  void drawIdea()
  {

    pushMatrix();
    translate(ideax, ideay);//controls the position
    image(images[imageIndex],20,20);
    //image(img, 20, 20);
    //fill (colour);
    //quad(10,20, 70,50, 60,80, 20,80);
    //ellipse(0, 0, 80, 80); 
    popMatrix();
  }

  void move()
  {
    ideax+=movex;
    ideay+=movey;

    if (ideax+70 > width) {//right
      ideax = width-70;
      movex*=-1;
    }
    else if (ideax-30<0) //left
    {
      ideax = 30;
      movex *= -1;
    }
    if (ideay+70>height)//bottem
    {
      ideay=height-70;
      movey*=-1;
    }
    else if (ideay-30<0)//top
    {
      ideay=30;
      movey*=-1;
    }
  }
}