Processing Forum

How to program cursor/mousepress to click to remove objects on screen?

[3 Replies]
- 16-Mar-2011 07:35 PM
- Forum: Programming Questions
Okay so first off...I am horrible at programming. Just getting that out now. This is my first semester programming anything...ever. Okay so I have this sketch consisting of 10 bubbles/balls bouncing off each other and off the screen. I wanted to know how I would code it so that when I click on one any the bubbles with my cursor, they just disappear, like i popped them. sounds simple but I have no idea where to start. Here is my code:

PImage img;

ArrayList Bubbles;

void setup()

{

  //Create the size of the sketch

  size(600,400);

  smooth();



Bubbles = new ArrayList();

for(int i=0; i <10; i++)

{

Bubbles.add(new Bubble());

}



  // Load in image file

  img = loadImage("gradient_blue.png");



}

void draw()

{

  //Set the background

  background(255);

  // Display the image

  image(img, 0, 0);



//Check for collisions

for(int i=0; i < Bubbles.size(); i++) {

   Bubble BubbleA = (Bubble) Bubbles.get(i);

   for(int j=0; j < Bubbles.size(); j++) {

   Bubble BubbleB = (Bubble) Bubbles.get(j);

   if(!BubbleA.equals(BubbleB) && BubbleA.pos.dist(BubbleB.pos) < BubbleA.rad + BubbleB.rad){

   bounce(BubbleA,BubbleB);

   }

   }

  }



  for (int i =0; i<Bubbles.size(); i++)

  {

   Bubble theBubble = (Bubble) Bubbles.get (i);

   theBubble.update();

   theBubble.display();

  }

}

Next Tab: Bounce

void bounce(Bubble BubbleA, Bubble BubbleB) {



  // first, if the Bubbles are overlapping,

  // move them away from each other until they're not.

  PVector ab = new PVector();

  ab.set(BubbleA.pos);

  ab.sub(BubbleB.pos);

  ab.normalize();

  while(BubbleA.pos.dist(BubbleB.pos) < BubbleA.rad + BubbleB.rad) {

   BubbleA.pos.add(ab);

  }

  //This section taken from cadjunkie's tutorial

  // based on formulas found here:

  // http://freespace.virgin.net/hugo.elias/models/m_snokr.htm

  PVector impact = new PVector();

  PVector impulse = new PVector();

  float impactSpeed;



  impact.set(BubbleA.pos);

  impact.sub(BubbleB.pos);



  impulse.set(ab);

  impactSpeed = impulse.dot(impact);



  impulse.mult(sqrt(impactSpeed));



  BubbleA.Spd.add(impulse);

  BubbleB.Spd.sub(impulse);



}

Last tab: Bubble

class Bubble

{

  PVector pos = new PVector();

  PVector Spd = new PVector();

  float rad = 30;



Bubble() {

   pos.x = random(0,width);

   pos.y = random(0,height);

   Spd.x = random(0,5);

   Spd.y = random(0,5);



  }



  void update()

  {

//Ellipse hits walls

   if ( pos.y + rad > height ) Spd.y = abs(Spd.y) * -1;

   if ( pos.y - rad < 0 ) Spd.y = abs(Spd.y);

   if ( pos.x + rad > width ) Spd.x = abs(Spd.x) * -1;

   if ( pos.x - rad < 0 ) Spd.x = abs(Spd.x);

//Moving Ellipse

  pos.add(Spd);

  }

  void display(){

  //Create ellipse color

  fill(22,205,240,60);

  //Create ellipse stroke color

  stroke(255);

  //Create ellipse stroke weight (thickness)

  strokeWeight(1);

  //Create ellipse

  ellipseMode(RADIUS);

  ellipse(pos.x,pos.y,rad,rad);

  }

  }

IndexOutOfBoundsException?

[2 Replies]
- 16-Mar-2011 05:59 PM
- Forum: Programming Questions
Can someone help me out with this error? I highlighted it below. Whenever I press the play button this error comes up:

IndexOutOfBoundsException Index 20, Size: 20

PImage img;

ArrayList Bubbles;

void setup()

{

  //Create the size of the sketch

  size(600,400);

  smooth();



Bubbles = new ArrayList();

for (int i=0; i < 20; i++)

{

  Bubbles.add(new Bubble(random(0,width),random(0,height),random(0,5),random(0,5)));

}



  // Load in image file

  img = loadImage("gradient_blue.png");



}

void draw()

{

  //Set the background

  background(255);

  // Display the image

  image(img, 0, 0);



  for(int i=0; 1 < Bubbles.size(); i++)

  {

   Bubble theBubble = (Bubble) Bubbles.get(i);

   theBubble.update();

   theBubble.display();

  }

}

//New Tab - Class Bubble

class Bubble

{

  PVector pos = new PVector();

  PVector Spd = new PVector();



  Bubble (float xPos, float yPos, float xSpd, float ySpd)

  {

   //Center ellipse

   pos.x = xPos;

   pos.y = yPos;

   Spd.x = 1;

   Spd.y = 2;



  }



  void update()

  {

//Moving Ellipse

  pos.add(Spd);

//Ellipse hits walls

  if (pos.y +30 > height || pos.y -30 <0)

  {

   Spd.y *= -1;

  }



  if (pos.x +30 > width || pos.x -30 <0)

  {

   Spd.x *= -1;

  }

  }



  void display()

  {

  //Create ellipse color

  fill(22,205,240,60);

  //Create ellipse stroke color

  stroke(255);

  //Create ellipse stroke weight (thickness)

  strokeWeight(1);

  //Create ellipse

  ellipse(pos.x,pos.y,60,60);

  }

}

How to make gradient for background?

[3 Replies]
- 16-Mar-2011 10:39 AM
- Forum: Programming Questions
I'm just starting to learn processing, taking my first course this semester. Just wanted to know how to make a gradient for the background. I only see tutorials regarding how to make gradients in ellipses, rects, and so on.

Thanks for the help.

Help with sketch(animated bubbles)

[3 Replies]
- 16-Mar-2011 10:38 AM
- Forum: Programming Questions
I'm working on my first interactive sketch, Currently I have an animated bubble moving across the screen and bouncing off the edges. I want to loop them (maybe have about 10?) and randomize them. I also want to be able to grab them with my cursor and move them around. If anyone can help I'd greatly appreciate it. Code is below.

//Define xPos & yPos variables

float xPos;

float yPos;

//Define Speed variables

float xSpd;

float ySpd;

void setup()

{

  //Create the size of the sketch

  size(600,400);

  smooth();



  //Center ellipse



  xPos = width/2;

  yPos = height/2;

  xSpd = 1;

  ySpd = 2;



}

void draw()

{

  background(255,251,170);



  //Moving Ellipse

  xPos = xPos + xSpd;

  yPos = yPos + ySpd;



  //Ellipse hits walls

  if (yPos +30 > height || yPos -30 <0)

  {

   ySpd = ySpd * -1;

  }



  if (xPos +30 > width || xPos -30 <0)

  {

   xSpd = xSpd * -1;

  }



  fill(0,100,200,50);

  stroke(255);

  strokeWeight(1);

  ellipse(xPos,yPos,60,60);

}

Help with drawing app

[1 Reply]
- 16-Mar-2011 10:36 AM
- Forum: Programming Questions
I'm making a simple drawing application, currently I can click and draw lines and i have drawn my color palettes (just ellipses). I want to know how I can get the cursor to click on them so it will change the color of the line accordingly. If anyone can help I'd greatly appreciate it. Code is below.

//Variables

int y = 20;

void setup()

{

  //Set the size of the sketch

  size(500, 500);

  //Set the background color

  background(255);

  smooth();

}

void draw()

{

  //Draw background of toolbar

  fill(150);

  strokeWeight(1);

  rect (-1, -1, 125, 250);





  fill(150);

  strokeWeight(1);

  rect (-1, 249, 125, 251);





  //Draw color selections

  stroke(0);

  strokeWeight(2);

  fill(183,24,24);

  ellipse (20, 20, 25, 25);

  fill(255,13,13);

  ellipse (60, 20, 25, 25);

  fill(240,41,157);

  ellipse (100, 20, 25, 25);

  fill(236,41,240);

  ellipse (20, 60, 25, 25);

  fill(169,41,240);

  ellipse (60, 60, 25, 25);

  fill(116,41,240);

  ellipse (100, 60, 25, 25);

  fill(24,22,240);

  ellipse (20, 100, 25, 25);

  fill(22,194,240);

  ellipse (60, 100, 25, 25);

  fill(22,240,187);

  ellipse (100, 100, 25, 25);

  fill(51,229,52);

  ellipse (20, 140, 25, 25);

  fill(225,245,79);

  ellipse (60, 140, 25, 25);

  fill(255,244,31);

  ellipse (100, 140, 25, 25);

  fill(255,157,52);

  ellipse (20, 180, 25, 25);

  fill(234,210,147);

  ellipse (60, 180, 25, 25);

  fill(131,114,70);

  ellipse (100, 180, 25, 25);

  fill (255);

  ellipse (20, 220, 25, 25);

  fill (175);

  ellipse (60, 220, 25, 25);

  fill (0);

  ellipse (100, 220, 25, 25);



  //Draw line thickness selections

  ellipse (60, 295, 5, 5);

  ellipse (60, 325, 10, 10);

  ellipse (60, 360, 15, 15);

  ellipse (60, 400, 25, 25);

  ellipse (60, 450, 35, 35);





  stroke(0);

  strokeWeight(5);

  if(mousePressed)

  {

   line(mouseX, mouseY, pmouseX, pmouseY);

  }

}

Activity Trend