Tagged with ellipsemode() - Processing 2.x and 3.x Forum

Send value to a object

vjjv — Sun, 03 Jun 2018 00:49:55 +0000

Hello everybody. I`ve a problem:

I`ve a array of ellipse Objects. Every object has his variable of size in the constructor. In a second screen, via controlP5, a slider that change the size of every ellipse. What i want is change the size of an ellipse object when isClicked is true, and in that particular object, and store that value. But i cant, and i dont know exaclty why. I think that when i change the size in the constructor every object take the same value.

here the code, sorry for my very bad english, hope you understand:

(in resume: click the object, change it value, store the value. click in another object, and change it value (different of object 1)…etc.)

import controlP5.*;

ArrayLists;
PWindow controller;


void settings() {
  size(500, 500, P3D);
}


void setup() {
  controller = new PWindow();

  s = new ArrayList();
  s.add(new Sphere(new PVector(random(width), random(height)), 255, 50, 0));
}

void draw() {
  background(0);
  pushMatrix();
  select();

  for (Sphere s : s) {
    s.display();
    s.isOver(mouseX, mouseY);
  }
  popMatrix();
}

void select() {
  for (Sphere s : s) {
    if (s.isClick) {
      println(s.id, "HOLA");
      s.c = 25;
      println("");
    }
  }
}

void mousePressed() {

  if (mouseButton==RIGHT) s.add(new Sphere(new PVector(mouseX, mouseY), 255, 50, s.size()+1));

  for (Sphere s : s) {
    if (mouseButton==LEFT && s.over) {
      s.isClick = true;
    } else {
      s.isClick = false;
    }
  }
}

class Sphere {

  float c, size;
  float x, y;
  ArrayList p = new ArrayList();
  boolean over = false;
  boolean isClick = false;
  int id;
  int initialValue = 50;

  Sphere(PVector pos, float _color, float _size, int _id) {
    p.add(pos);
    c = _color;
    size = _size;
    id = _id;
  }

  void display() {
    for (PVector pos : p) {
      pushMatrix();
      translate(pos.x, pos.y);
      fill(c);  
      ellipse(0, 0, size, size);
      popMatrix();
    }
  }

  boolean isOver(float px, float py) {
    ellipseMode(RADIUS);
    for (PVector pos : p) {
      float d = dist(px, py, pos.x, pos.y);
      if (d < size) {
        over = true;
        c = 150;
        return true;
      } else {
        over = false;
        c = 255;
        return false;
      }
    }
    return false;
  }
}
public class PWindow extends PApplet {  

  PWindow() {
    super();
    PApplet.runSketch(new String[] {this.getClass().getSimpleName()}, this);
  }

  ControlP5 cp5;

  int vertices = 50;
  float ss;


  Slider abc;


  void settings() {
    size(500, 250, P2D);
  }

  void setup() {
    cp5 = new ControlP5(this);
    background(0);


    cp5.addSlider("vertices")
      .setPosition(25, 50)
      .setSize(200, 20)
      .setRange(0, 50)
      ;
  }

  void draw() {
    background(0);

    for (int i = s.size()-1; i >= 0; i--) {
      Sphere obj = s.get(i); 
      ss = vertices;

      if (obj.isClick==true) {
        fill(255);
        stroke(255);
        textSize(13);
        text(i, width/2, 150);
        println(i);
        obj.size = vertices;
      }
    }
  }

}

How do zoom relative to mouse?

Vanthex — Sun, 06 May 2018 22:25:47 +0000

Hi,

My sketch basically draws objects from left to right. I implemented a zoom function with the mouse wheel with translation but it doesn't zoom relative to my mouse.

Any ideas how to fix this?

float x = 100;
int y = 200;
int gap = 50;
float scale = 1.0;

ArrayList bodies = new ArrayList();

class Body {

  String name;
  int size;

  Body(String name, int size) {
    this.name = name;
    this.size = size;
  }

  float getSize() {
    return this.size * scale;
  }

  void draw(float x) {
    fill(255);
    noStroke();
    ellipse(x, y - this.getSize() / 2, this.getSize(), this.getSize());
    noFill();
    stroke(255,0,255);
    rect(x, y - this.getSize() / 2, this.getSize(), this.getSize());
  }
}

float getOffset() {
  int offset = 0;
  for (Body body : bodies) {
    offset += body.getSize();
    offset += gap;
  } 
  return offset;
}

void setup() {
  size(1600, 900);
  ellipseMode(CORNER);

  bodies.add(new Body("test", 100));
  bodies.add(new Body("2", 400));
  bodies.add(new Body("big", 1000));
}

void draw() {
  fill(0);
  noStroke();
  rect(0, 0, 1600, 900);

  pushMatrix();
  translate(x, y);

  float drawX = x;
  for (Body body : bodies) {
    body.draw(drawX);
    drawX += (body.getSize() + gap);
    fill(255,255,0);
    noStroke();
    rect(drawX - gap, y - gap / 2, gap, gap);
  }

  popMatrix();
}

void keyPressed() {
  float prevOffset = getOffset();
  if (keyCode == UP) {
    scale *= 1.1;
    float newOffset = getOffset();
    //x -= (newOffset - prevOffset) / 2;
    x -= mouseX * 0.1;
  } else if (keyCode == DOWN) {
    scale *= 0.9;
    float newOffset = getOffset();
    //x += (prevOffset - newOffset) / 2;
    x += mouseX * 0.1;
  } else if (keyCode == LEFT) {
    x += 10;
  } else if (keyCode == RIGHT) {
    x -= 10;
  }
  if (scale < 0) {
    scale = 0;
  }
}

void mouseWheel(MouseEvent event) {
  float e = event.getCount();
  if (e < 0) {
    scale *= 1.1;
  } else if (e > 0) {
    scale *= 0.9;
  }
  x -= event.getCount() * mouseX / 1000;
}

How to zoom Image?

JJJJJJ — Sun, 18 Jun 2017 07:43:19 +0000

int x = 120;
int y = 60;
int radius = 12;

void setup() {
  size(240, 120);
  ellipseMode(RADIUS);
}

void draw() {
  background(204);
  float d = dist(mouseX, mouseY, x, y);
  if (d < radius) {
    radius++;
    fill(0);
  } else {
    fill(255);
  }
  ellipse(x, y, radius, radius);
}

Like this example, how to zoom image?

How would I be able to move a circle in different directions when the mouse is pressed?

harleylapuz — Tue, 21 Mar 2017 01:09:18 +0000

Hey I am creating a simple application to move the a circle in multiple direction when the mouse is pressed. For example, I clicked the lower left part of the circle, so then it would move up going to the right. Same as if I tap the ball on the lower right, it would move the ball going up to the left.

This is my code:

float ballX = 200; float ballY = 0; float h = 50;

float speedY = 2;

void setup() { // fullScreen();

size(400,400);

ellipseMode(CORNER);

}

void draw() { background(0); fill(255);

ellipse(ballX, ballY, h,h);

speedY = speedY + 0.5;

ballY = ballY + speedY;

if (ballY > height - h) { ballY = height - h; // speedY = speedY * -0.9; }

if (ballY <=0) { speedY = -speedY; } }

void mousePressed() { speedY=-10; }

Thanks for any help in advance :D

Does the PDF library only work in ellipseMode(CENTER)? Can you change it somehow

jbounds6 — Mon, 13 Mar 2017 17:39:05 +0000

Hey I am trying to make a program that uses some vectors and I am having troubles using the ellipseMode(RADIUS) with the PDF library it seems to change the draw function back to ellipseMode(CENTER). Or at least it appears to be doing that, any information would be helpful.

import processing.pdf.*;

boolean record;

void setup() {
size(500, 500);
noSmooth();
noFill();
ellipseMode(RADIUS); // I believe this is where my problem is(?)
}

void draw() {
if (record) {
beginRecord(PDF, "NotTheSameImage.pdf");
}

arc(200, 200, 50, 50, 0, 40 * (TAU/64));
arc(200, 200, 20, 20, 40 * (TAU/64), TAU);
rect(10, 10, 400, 400);
ray(200,200,3 * TAU/4,50);

if (record) {
endRecord();
record = false;
}
}

void keyPressed() {
// Use a key press so that it doesn't make a million files
if (key == 'r') {
record = true;
}
}

void ray(float x, float y, float rad, float dist) {
float xx = x + (dist * cos(rad));
float yy = y + (dist * sin(rad));
line(x, y, xx, yy);
}

P.S. I need to re-read the section on posting code sorry about the lack of indentions.

What's wrong with my hue gradient?

appas — Sun, 25 Dec 2016 11:31:00 +0000

Hi, I'm trying to make a gradient around a circle, so that one rotation around the circle would be one lap of the hue wheel. It seems to work fine when I try it out as a linear gradient (the rects in the following code), but I can't get it to wrap around the circle.

    void setup()
    {
      colorMode(HSB, 360, 100, 100);
      background(100, 0, 100);
      ellipseMode(RADIUS);
      noFill();
      frame.setResizable(true);
    }

    void draw()
    {
      float R = 200;
      clear();
      for (int i = 0; i < 360; i++)
      {
        stroke(i, 100, 100);
        rect(5*i, 50, 5, 5);
      }
      pushMatrix();
      translate(width/2, height/2);
      strokeWeight(5);
      int FINE = 360*3;
      for (int i = 0; i < FINE; i++) {
        println(i + ", " + float(i)/FINE*360);
        stroke(float(i)/FINE*360, 100, 100);
        arc(-R/2, 0, R/2, R/2, 0, PI);
        rotate(2*PI*float(i)/FINE);  
      }
      popMatrix();
      //strokes
      strokeWeight(4);
      stroke(0, 0, 0);
      ellipse(width/2, height/2, R, R);
      translate(width/2, height/2);
      arc(-R/2, 0, R/2, R/2, 0, PI);
      rotate(2*PI/3);
      arc(-R/2, 0, R/2, R/2, 0, PI);
      rotate(2*PI/3);
      arc(-R/2, 0, R/2, R/2, 0, PI);

    }

Adding gravity or falling coins to my Connect 4 Game

Dobbo — Wed, 14 Dec 2016 14:33:16 +0000

DELETED

How do I get p5.js to remove certain objects within my program (e.g. button)?

ish2nv — Sun, 30 Oct 2016 15:13:12 +0000

var img; var buttonhover; var buttonhover2; var header = ["Pop the bubble game"] var buttontext = ["START","HELP"]

function preload() { img = loadImage("bubbleimg.png")

} function setup() { createCanvas(600,620)

}

function draw() { image(img,0,0)

img.resize(600,620)

stroke(0) strokeWeight(4); textFont("stencil") fill(255); textSize(46); text(header[0],46,59);

ellipseMode(CENTER); stroke(5,0,0) fill(55,120,260) strokeWeight(5);

var space = dist(mouseX, mouseY,296,194) if (space<100 ) { buttonhover = true;} else { buttonhover = false; }

if (buttonhover === true) {
  fill(0,255,0);}

ellipse(300,200,200,200);
stroke(0)
  textFont("stencil")

strokeWeight(4); fill(255); textSize(45); text(buttontext[0],230,211);

draw2()

}

function draw2() {

ellipseMode(CENTER); stroke(5,0,0) fill(55,120,260) strokeWeight(5);

var space = dist(mouseX, mouseY,296,450) if (space<100 ) { buttonhover2 = true;} else { buttonhover2 = false; }

if (buttonhover2 === true) {
  fill(255,0,0);
}

ellipse(300,450,200,200);

stroke(0)
  textFont("stencil")

strokeWeight(4); fill(255); textSize(45); text(buttontext[1],244,464);

}

function mousePressed() { if (buttonhover == true) { draw3() }

}

function draw3 () { remove() }

fix problems with setting cursor to an image; image pixely, contains colors that it shouldn't

Bodhidharma482 — Sat, 16 Jan 2016 16:29:19 +0000

Heey guys,

My program shows the picture I set the cursor to be, but the picture is pixely, contains colors that aren't in the original picture and gets distorted at times. Since, apparantly the mouse isn't visible when you take a screenshot I don't know how to show you. I thought I would just show you most of the code, since I'm a beginner and might leave stuff out that actually causes the problem.

//Intialize picture aimingpoint
PImage aimingpoint;

//define class object
hare one;

//define boolean for pulling gun
boolean pull;

int width = 600;
int height = 600;

float middleX = width/2;
float middleY = height/2;

//Define values for position and size hunters
float xPosHunter1 = 0;
float yPosHunter1 = 0;
float xPosHunter2 = -200;
float yPosHunter2 = 0;
int radHunter = 10;

int deadlyDistance = 150;

//Define animalspeed
int animalSize = 10;
float hareSpeed = 1;

void setup() {
  size(width, height);
  smooth();
  //Define hare one
  one = new hare(100, 1);
  aimingpoint = loadImage("aimingpoint.png");
}

void draw() {
  //calculate angle between the line that goes fromthe origin to the mouse and postive x-axis
  //I posted a question about this on forum.processing.org: https://forum.processing.org/two/discussion/14433/rotate-line-in-such-a-way-that-one-point-is-in-the-middle-of-the-canvas-and-other-follows-the-mouse#latest

  background(255);

  //Move origing to the middle of the canvas.
  translate(0.5 * width, 0.5 * height);

  //Flip the canvas in the x-axis so that the axis system is like a 'normal' one.
  scale(1, -1);

  //draw mouse as aimingpoint
  //http://stackoverflow.com/questions/12539840/change-mouse-cursor-in-processing
  cursor(aimingpoint, 16, 16);
  //  ellipseMode(CENTER);
  //  ellipse(mouseX, mouseY, 5, 5);
  //  noFill();
  //  ellipse(mouseX, mouseY, 30, 30);

     if ((keyPressed == true && key == 'p' || key == 'P') && mousePressed == true && distanceOriginMouse() <= deadlyDistance){
     background(0, 255, 0);
  } 
    else if ((keyPressed == true && key == 'p' || key == 'P') && mousePressed == true && distanceOriginMouse() > 0.5 * deadlyDistance){
      background(255,0,0);
  }

  //draw gun when p is pressed
  if (keyPressed == true && key == 'p' || key == 'P') {
    pushMatrix();
    rotate(-angleMouse());
    line(0, 0, 40, 0);
    popMatrix();
  }

  ellipseMode(RADIUS);
  //draw deadly
  noFill();
  ellipse(0,0,deadlyDistance, deadlyDistance); 

  fill(255);
  //Draw Hare1
  one.show();
  one.move();

  pushMatrix();
  rotate(radians(135));
  line(0,0,500,0);
  popMatrix();

  stroke(0);
  //Hunter1
  ellipse(xPosHunter1, yPosHunter1, radHunter, radHunter);
  //Hunter2
  ellipse(xPosHunter2, yPosHunter2, radHunter, radHunter);
  //if (mousePressed == true && mouseButton == LEFT && mouseX >=) {
}

The picture is 16 x 16 pixels, so that probably causes the pixelyness, but if I take a larger picture, processing won't show the entire picture anymore.

Hope you guys can help out!

-Bodhidharma482

Nullpointer exception Array

shirinmalina — Tue, 19 Apr 2016 20:00:44 +0000

Hello everybody, I am pretty new to processing, and just ran into the following problem

I am importing values from a json file, and when I run the following code I get a Nullponter Exception error. I googled and tried different things, but unfortunately I cannot solve the problem. I am greatful for any help, here is my code:

JSONObject json;
int max;
void setup() {
  size(841,594);

JSONArray jsonArray = loadJSONArray("january_2016.json");
JSONObject jsonObject = jsonArray.getJSONObject(0); 
JSONObject maxTemperature = json.getJSONObject("Max Temperature");
int max = maxTemperature.getInt("max");

  print(max);
}

void draw(){
//Max Temperature  
  textAlign(CENTER);
  text("Max Temperature",841/4, 594/2+100);

  ellipseMode(RADIUS);
  ellipse(841/4, 594/2, max, max); // max
  ellipse(841/4, 594/2, max, max); //avg
  ellipse(841/4, 594/2, max, max); //min

}

Changing numbers in the text through the use of variables.

74204916 — Tue, 05 Apr 2016 00:26:28 +0000

I try to put a variable in the text () to have a changing number for the scores{}, but the program debugger gives me an error.

Please help.

float lX; float lY; float lW; float lH; float lS; float rX; float rY; float rW; float rH; float rS; boolean up, down; boolean v1, h1; boolean started = true; int mate = 9; int xPos; int yPos; int incDec =4;
int bVal=0; int gVal=0; int rVal=250; int w = 40; int h = 40; int speedx = 2; int speedy = 3;

void setup(){ //I h8 U Java!!! size (600,600); rectMode (CENTER); ellipseMode (CENTER); lX = 30; lY = height/2; lW = 40; lH=100; lS = 5; rX=570; rY = height/2; rW = 40; rH=100; rS=5; xPos = 250; yPos = 250; }

void draw (){ background(0); drawlpad(); drawrpad(); movelpad(); moverpad(); drawball(); moveball(); restrictpaddle(); contactpad(); contactr(); }

void drawlpad(){ fill(0,250,0); rect(lX,lY,lW,lH); }

void drawrpad(){ fill(0,0,250); rect(rX,rY,rW,rH); }

void movelpad(){ if (up){ lY=lY-lS; } if (down){ lY=lY+lS; } }

void moverpad(){ if(v1){ rY=rY-rS; } if(h1){ rY=rY+lS; } }

void drawball(){
fill(rVal,gVal,bVal); ellipse(xPos,yPos,w,h); //bsize }

void moveball(){ xPos = xPos +incDec;

if (xPos >600-w/2){ incDec=-incDec; setup(); } if (xPos<10+w/2){ incDec=-incDec; setup(); } yPos = yPos + mate; if (yPos>600){ mate=-mate;

} if (yPos < 0){ mate=-mate;

}

void restrictpaddle(){ if (lY - lH/2 < 0) { lY = lY + lS; } if (lY + lH/2 > height) { lY= lY - lS; } if (rY - rH/2 < 0) { rY = rY + rS; } if (rY + rH/2 > height) { rY = rY - rS; } }

void contactpad() { if (xPos-w/2 < lX + lW/2 && yPos-h/2 < lY +lH/2 && yPos +lH/2 > lY - lH/2){ if (incDec<0){ incDec = -incDec; } } }

void contactr() { if(xPos+w/2 > rX - rW/2 && yPos-h/2 < rY + rH/2 && yPos+h/2 > rY -rH/2){ if (incDec>0){ incDec = -incDec; } } }

void keyPressed(){ if(started = true){ if (key=='w' || key=='W'){ up=true; } if (key=='s'||key=='S'){ down=true; } if (keyCode==UP){ v1=true; } if(keyCode ==DOWN){ h1=true; } } }

void keyReleased(){ if (key=='w' || key=='W'){ up=false; }

if (key=='s'||key=='S'){ down=false; }

if (keyCode==UP){ v1=false; }

if(keyCode ==DOWN){ h1=false; } }

void mousePressed (){ //for change color int temp; temp=bVal; bVal=gVal; gVal=rVal; rVal=temp; }

/*void scores () { fill(255); text (scorer1, 100, 50); text (scorer, width-100,50); }

rotate an ellipse without rotating code below? (new to this)

gregdaleg — Mon, 01 Feb 2016 18:08:07 +0000

I want to rotate the above ellipse without rotating the ellipse beneath it. I know that i can put the first set of code below the other but there has to be another way right? I know its messy :)

fill(77, 43, 39, 255);
rotate(radians(30));
ellipseMode(CORNER);
ellipse(90, 90, 50, 80);

ellipseMode(CENTER);
fill(225, 206, 183);
arc(200, 160, 200, 200, -PI, 0);

Thanks

cabaks — Wed, 30 Dec 2015 00:37:36 +0000

Thanks

v0.4.20 translate() bug?

schuelaw — Thu, 24 Dec 2015 02:36:54 +0000

Not sure if you want bug reports here, or if this even is a bug. In the reference for the translate function, it states that translations are cumulative, but that they are reset after each draw(). This is certainly the behavior that I was seeing up until I updated my lib this afternoon to v0.4.20. This simple sketch, indicates that the translations are cumulative even between draw()'s (i.e. the translation is not reset after each draw()).

var i;
function setup() {
 // put setup code here
 createCanvas(600,600);
 ellipseMode(RADIUS);
 i=0;
}

function draw() {
 translate(i,i);
 ellipse(0,0,20,20);
 i+=1;
}

Various subclasses instanciated in an Arraylist?

luxregina — Wed, 25 Nov 2015 12:52:45 +0000

Hello! I'm relatively new to Processing and OOP.

I'm currently developing a shoot'em'up and I'm using Arraylists to 'control' my enemies. So far, everything has been working fine. I'm starting to get problems when I try to mix different sub-classes in the same arraylist. I can access the methods of all my childs, but I keep getting the fields of my parent.

I've done a fair amount of research, but without success: for clarity's sake, instead of posting my code that is quite lengthy, here's an example of what I'm trying to achieve:

ArrayList shapes = new ArrayList();
 
void setup() {
  shapes.add(new Rect());
  shapes.add(new Circle());
 
  for(Shape s : shapes) {
    if(s instanceof Rect) {
      println("type is rect");
      s.show();
      println("my ID is: "+s.ID);
    } 
    else if (s instanceof Circle) {
      println("type is circle");
      s.display();
      println("my ID is: "+s.ID);
    }
  }
}
 
 
class Rect extends Shape {
  String ID="I'm a rectangle";
  void show(){
   rect(5,5,10,10); 
  }
}
 
class Circle extends Shape {
  String ID="I'm a circle";
  void display(){
   ellipseMode(CORNER);
    ellipse(20,5,10,10); 
  }
}
 
class Shape {
  String ID="I'm nothing";
  void display(){};
  void show(){};
}

So, 2 questions:

1) how can I access the ID value of my subclass? I keep reaching for its parent value? I'm obviously missing something important... 2) I've read that using 'instanceof' is a bad bad thing: can someone explain why, and what I should do instead?

Thanks by advance!

Collision & Colors

Rareware0192 — Thu, 07 May 2015 00:39:20 +0000

I wanted to change the aspects of a previous game I posted on here before but this time I built it again from the ground up (code below) and managed to get classes working this time.

I wanted to have it so that when a ball connects with a colored box, the ball changes to the color of the box (e.g. ball touches blue box, ball becomes blue, then if it touches green box, blue ball becomes green, etc.)

This is the code I have:

Ball b1 = new Ball();
Ball b2 = new Ball();
Ball b3 = new Ball();
Ball b4 = new Ball();

Chamber c1 = new Chamber();
Chamber c2 = new Chamber();
Chamber c3 = new Chamber();
Chamber c4 = new Chamber();
Chamber c5 = new Chamber();
Chamber c6 = new Chamber();

void setup() {
  size(640, 440);
  smooth();
  b2.ballY = 80;
  b2.ballXV = 3;
  b2.ballYV = 5;
  b3.ballX = 100;
  b3.ballY = 150;
  b3.ballYV = 5;
  b4.ballX = 300;
  b4.ballY = 300;
  b4.ballXV = 6;

  //red
  c1.chamberX = 0;
  c1.chamberY = 0;
  //blue
  c2.chamberX = 600;
  c2.chamberY = 0;
  //green
  c3.chamberX = 0;
  c3.chamberY = 400;
  //purple
  c4.chamberX = 600;
  c4.chamberY = 400;
  //yellow
  c5.chamberX = 300;
  c5.chamberY = 0;
  //cyan
  c6.chamberX = 300;
  c6.chamberY = 400;
}

void draw() {
  background(240);
  b1.drawAndMoveBall();
  b2.drawAndMoveBall();
  b3.drawAndMoveBall();
  b4.drawAndMoveBall();
  //red
  c1.drawChamber1();
  //blue
  c2.drawChamber2();
  //green
  c3.drawChamber3();
  //purple
  c4.drawChamber4();
  //yellow
  c5.drawChamber5();
  //cyan
  c6.drawChamber6();
}

class Ball {

  int ballX = 50;
  int ballY = 50;
  int ballXV = 4;
  int ballYV = 2;
  int ballDimension = 25;
  int ballRadius = ballDimension/2;
  color c;

  void drawAndMoveBall() {
    ballX += ballXV;
    ballY += ballYV;

    //checks to see if ball touches edges and bounces back
    if (ballX + ballRadius > width) {
      ballXV = -ballXV;
    }
    if (ballX - ballRadius < 0) {
      ballXV = -ballXV;
    }
    if (ballY + ballRadius > height) {
      ballYV = -ballYV;
    }
    if (ballY - ballRadius < 0) {
      ballYV = -ballYV;
    }

    c = color(255);
    strokeWeight(2);
    fill(c);
    ellipse(ballX, ballY, ballDimension, ballDimension);
  }
}

class Chamber {

  int chamberX = 0;
  int chamberY = 0;

  void drawChamber1() {
    fill(255, 0, 0);
    rect(chamberX, chamberY, 40, 40);
  }

  void drawChamber2() {
    fill(0, 255, 0);
    rect(chamberX, chamberY, 40, 40);
  }

  void drawChamber3() {
    fill(0, 0, 255);
    rect(chamberX, chamberY, 40, 40);
  }

  void drawChamber4() {
    fill(255, 0, 255);
    rect(chamberX, chamberY, 40, 40);
  }

  void drawChamber5() {
    fill(255, 255, 0);
    rect(chamberX, chamberY, 40, 40);
  }

  void drawChamber6() {
    fill(0, 255, 255);
    rect(chamberX, chamberY, 40, 40);
  }
}

HELP ME PLEASE! How to make an array of shapes callable individually?

misty — Wed, 12 Mar 2014 23:34:54 +0000

Hi everyone,

I am trying to create a matrix of circle (5 rows x 9 columns), and I need to make each of this circle callable so that I can interact with each circle individually. The objective of my program is to be able to change the color of the circle based on a certain input. For example when countA =1, I need to be able to change only the grid[0][0] to light yellow, and when count A = 2, I need to be able to change the grid[0][0] to yellow. But when count A = 3 instead of changing grid[0][0], I need to change the grid[0][1] to light yellow, and so on so forth.

My question is: 1. How do I make all these circles callable individually. 2. How do I color all these circles individually.

Below is my code so far:

    class Bubbles{
      int x, y, d;

      Bubbles(int tempX, int tempY, int tempD){
        x = tempX;
        y = tempY;
        d = tempD;
      }

      void display(){
        ellipse(x,y,d,d);
        ellipseMode(CORNER);
      }

      void fColors(int hex){
        fill(hex);
      }
    }

    color[] colors =
    {
      #A2C1C9,
      #0E7796,
      #6FFCCF,
      #FD7169,
      #C95F80

    };

    final int x_axis = 3840/10;
    final int y_axis = 2112/10;
    final int diameter = 340/10;
    final int gap = 75/10;

    Bubbles[][] grid;

    int cols = 9;
    int rows = 5;

    void setup() {
      size(x_axis, y_axis);
      background(255);
      grid = new Bubbles[cols][rows];
      for (int i = 0; i < cols; i++) {
        for (int j = 0; j < rows; j++) {
          grid[i][j] = new Bubbles(i*(x_axis/cols),j*(y_axis/rows),diameter);
        }
      }
    }

    void draw() {
      for (int i = 0; i < cols; i++) {
        for (int j = 0; j < rows; j++) {
          grid[i][j].display();
        }
      }  
     // grid[0][0].fColors(colors[0]);

    }