moving the checker board pieces. Need help asap

Programming Questions

puma123

moving the checker board pieces. Need help asap

in Programming Questions • 1 years ago

I have a checker board that i would like to the following. I just stuck and i don't wanna spend more time thinking about. I would appreciate any help.

a. Make the cells toggle between moving and not as the user clicks. First click = move; second click = stop; third click = move; fourth click = stop; etc.
b. Make the cells bounce off the edges of the canvas instead of sailing off into infinity.
c. Note that some cells never move. Fix that, so that all cells move.

here is the code

// ----------------------------------------------------------------------
// CUSTOM CLASSES
// ----------------------------------------------------------------------
//CheckerCell is a class that draws a black or white rectangle, or cell
class CheckerCell {
/* properties */
int x; // x-coordinate of the cell
int y; // y-coordinate of the cell
int mySize = 20; //the size of the cell
color fillColor;
color WHITE = color(255); //a constant property
color BLACK = color(0); //a constant property
float xSpeed; //how many pixels and in which direction (positive or negative) the cell will move in the x axis
float ySpeed; //how many pixels and in which direction (positive or negative) the cell will move in the y axis
/* methods */
// constructor: simply sets the speeds to random amounts
public CheckerCell() {
xSpeed = (random(5))*randomPosNeg();
ySpeed = (random(5))*randomPosNeg();
}
//moves the cell based on the values for xSpeed and ySpeed
//does edge checks to 'bounce' the cell off the edge of the canvas
void move() {
x = x + int(xSpeed); //apply proper xSpeed to move in the x axis
y = y + int(ySpeed); //apply proper ySpeed to move in the y axis.
}
// draws the cell
void display() {
fill(fillColor);
//drawing the stroke in contrast makes for better visibility when they start moving
if (fillColor == WHITE) {
stroke(BLACK);
}
else {
stroke(WHITE);
}
rect(x, y, mySize, mySize);
}
//switches the fill from white, if black, and vice-versa
void switchFill(boolean newFill) {
if (newFill) {
fillColor = color(255);
}
else {
fillColor = color(0);
}
}
//set the fillColor property
void set(color newFill) {
fillColor = newFill;
}
}
// ----------------------------------------------------------------------
// GLOBAL VARIABLES
// ----------------------------------------------------------------------
//the size of our cells
int cellSize = 20;
//flags whether the cells are in motion or not
boolean moving = false;
boolean firstClick;
boolean secondClick;
boolean thirdClick;
boolean fourthClick;
//A 2-dimensional array for holding the cells of the checkerboard
CheckerCell[][] cellArray;
// ----------------------------------------------------------------------
// BUILT-IN FUNCTIONS
// ----------------------------------------------------------------------
void setup() {
size(500, 500);
smooth();
noStroke();
//populate our board with cells
initializeBoard();
}
void mousePressed() {
//turn on the cell movement
// moving = true;
}
void draw() {
//refresh the background; this is an animation, after all
background(0);
//loop through the array, drawing the CheckerCells
//first, walk across the columns...
for (int column = 0; column < cellArray.length; column++) {
//...for each column, walk down the rows
for (int row = 0; row < cellArray[0].length; row++) {
//tell each cell to draw itself
cellArray[column][row].display();
if (moving) {
//if moving, tell each cell to move
cellArray[column][row].move();
}
}
}
}
// ----------------------------------------------------------------------
// CUSTOM FUNCTIONS
// ----------------------------------------------------------------------
//Walk through the 2-D cellArray, filling it with CheckerCell objects with the correct fill to make a
//checkerboard pattern
void initializeBoard() {
boolean whiteColor = true; //if true, then fill = white; if false, fill = black
boolean startColor = true; //used to track the starting fill value for each column
int numColumns = width/cellSize; //the number of columns is a function of the width of the canvas & the size of each cell
int numRows = height/cellSize; //the number of rows is a function of the height of the canvas & the size of each cell
//initialize the 2 dimensional array for holding all the cells
cellArray = new CheckerCell[numColumns][numRows];
//first, walk across the columns...
for (int column = 0; column < cellArray.length; column++) {
//...for each column, walk down the rows
for (int row = 0; row < cellArray[column].length; row++) {
cellArray[column][row] = new CheckerCell(); //make a new CheckerCell object
cellArray[column][row].x = column*cellSize; //the x position of each cell is a function of which column it is in and the cell size
cellArray[column][row].y = row*cellSize; //the x position of each cell is a function of which column it is in and the cell size
cellArray[column][row].switchFill(whiteColor);
whiteColor = !whiteColor;//alternate the fill color between white and black
}
//at bottom of column, flip the value of startColor to make sure the next colum
//is filled with the opposite fill of the current column
startColor = !startColor;
//then set our fill color to that value
whiteColor = startColor;
}
}
int randomPosNeg() {
float temp = random(0,1);
if (temp > 0.5) {
return 1;
} else {
return -1;
}
}

Replies(33)

Chrisir

Re: moving the checker board pieces. Need help asap

1 years ago

hello,

I added some keys to use :

void keyPressed() {
switch(key) {
case 'b':
// bouncing on / off
boolIsBouncing=!boolIsBouncing;
break;
case 'h':
// bouncing RIGHT on / off
boolIsBouncingRight=!boolIsBouncingRight;
break;
case 'n':
// reset values
moving=false;
boolIsBouncing=true;
//populate our board with cells
initializeBoard();
break;
case 't':
if (BorderTop==110) {
BorderTop=0;
}
else
{
BorderTop=110;
}
break;
default:
boolIsBouncing=!boolIsBouncing;
break;
}
}

And I fixed the Code:

// ----------------------------------------------------------------------
// CUSTOM CLASSES
// ----------------------------------------------------------------------

//CheckerCell is a class that draws a black or white rectangle, or cell
class CheckerCell {

/* properties */
int x;    // x-coordinate of the cell
int y;    // y-coordinate of the cell
int mySize = 20; //the size of the cell
color fillColor;
color WHITE = color(255); //a constant property
color BLACK = color(0); //a constant property
float xSpeed; //how many pixels and in which direction (positive or negative) the cell will move in the x axis
float ySpeed; //how many pixels and in which direction (positive or negative) the cell will move in the y axis

/* methods */
// constructor: simply sets the speeds to random amounts
public CheckerCell() {
    xSpeed = (random(-5, 5)); // *randomPosNeg();
    ySpeed = (random(-5, 5)); // *randomPosNeg();
    int intWhile1=0;
    while ( (int (xSpeed) == 0) && (intWhile1 < 26) ) {
      xSpeed = (random(-5, 5)); //      *randomPosNeg();
      intWhile1++;
    }
    intWhile1=0;
    while ( (int (ySpeed) == 0) && (intWhile1 < 26)) {
      ySpeed = (random(-5, 5)); // *randomPosNeg();
      intWhile1++;
    }
}
//moves the cell based on the values for xSpeed and ySpeed
//does edge checks to 'bounce' the cell off the edge of the canvas
void move() {
    x = x + int(xSpeed); //apply proper xSpeed to move in the x axis
    y = y + int(ySpeed); //apply proper ySpeed to move in the y axis.
    if (boolIsBouncingRight) {
      if (x>width-cellSize) {
        xSpeed=-abs(xSpeed);
      }
    }
    if (boolIsBouncing) {
      if (x<0) {
        xSpeed=abs(xSpeed);
      }
      if (x>width-cellSize) {
        //xSpeed=-abs(xSpeed);
      }
      if (y<BorderTop) {
        ySpeed=abs(ySpeed);
      }
      if (y>height-cellSize) {
        ySpeed=-abs(ySpeed);
      }
    }
}

// draws the cell
void display() {
    fill(fillColor);
    //drawing the stroke in contrast makes for better visibility when they start moving
    if (fillColor == WHITE) {
      stroke(BLACK);
    }
    else {
      stroke(WHITE);
    }
    rect(x, y, mySize, mySize);
}

// switches the fill from white, if black, and vice-versa
void switchFill(boolean newFill) {
    if (newFill) {
      fillColor = color(255);
    }
    else {
      fillColor = color(0);
    }
}

//set the fillColor property
void set(color newFill) {
    fillColor = newFill;
}
}

// ----------------------------------------------------------------------
// GLOBAL VARIABLES
// ----------------------------------------------------------------------
//the size of our cells
int cellSize = 20;
//flags whether the cells are in motion or not
boolean moving = false;

/*boolean firstClick;
boolean secondClick;
boolean thirdClick;
boolean fourthClick;*/

boolean boolIsBouncing=true;
boolean boolIsBouncingRight=true;

int BorderTop=110;

//A 2-dimensional array for holding the cells of the checkerboard
CheckerCell[][] cellArray;

// ----------------------------------------------------------------------
// BUILT-IN FUNCTIONS
// ----------------------------------------------------------------------
void setup() {
size(500, 500);
frameRate(42);
//smooth();
//noStroke();
//populate our board with cells
initializeBoard();
}
void mousePressed() {
//turn on the cell movement
moving = !moving;
/* if (firstClick) {
   moving = true;
   }
   if (secondClick) {
   moving = true;
   }
   if (thirdClick) {
   moving = true;
   }
   if (fourthClick) {
   moving = true;
   }*/
}

void keyPressed() {
switch(key) {
case 'b':
    // bouncing on / off
    boolIsBouncing=!boolIsBouncing;
    break;
case 'h':
    // bouncing RIGHT on / off
    boolIsBouncingRight=!boolIsBouncingRight;
    break;
case 'n':
    // reset values
    moving=false;
    boolIsBouncing=true;
    //populate our board with cells
    initializeBoard();
    break;
case 't':
    if (BorderTop==110) {
      BorderTop=0;
    }
    else
    {
      BorderTop=110;
    }
    break;
default:
    boolIsBouncing=!boolIsBouncing;
    break;
}
}

void draw() {
//refresh the background; this is an animation, after all
background(0);
//loop through the array, drawing the CheckerCells
//first, walk across the columns...
for (int column = 0; column < cellArray.length; column++) {
    //...for each column, walk down the rows
    for (int row = 0; row < cellArray[column].length; row++) {
      //tell each cell to draw itself
      cellArray[column][row].display();
      if (moving) {
        //if moving, tell each cell to move
        cellArray[column][row].move();
      }
    }
}
}
// ----------------------------------------------------------------------
// CUSTOM FUNCTIONS
// ----------------------------------------------------------------------
//Walk through the 2-D cellArray, filling it with CheckerCell objects with the correct fill to make a
//checkerboard pattern
void initializeBoard() {
boolean whiteColor = true; //if true, then fill = white; if false, fill = black
boolean startColor = true; //used to track the starting fill value for each column
int numColumns = width/cellSize; //the number of columns is a function of the width of the canvas & the size of each cell
int numRows = height/cellSize; //the number of rows is a function of the height of the canvas & the size of each cell
//initialize the 2 dimensional array for holding all the cells
cellArray = new CheckerCell[numColumns][numRows];
//first, walk across the columns...
for (int column = 0; column < cellArray.length; column++) {
    //...for each column, walk down the rows
    for (int row = 0; row < cellArray[column].length; row++) {
      cellArray[column][row] = new CheckerCell(); //make a new CheckerCell object
      cellArray[column][row].x = column*cellSize; //the x position of each cell is a function of which column it is in and the cell size
      cellArray[column][row].y = row*cellSize; //the x position of each cell is a function of which column it is in and the cell size
      cellArray[column][row].switchFill(whiteColor);
      whiteColor = !whiteColor;//alternate the fill color between white and black
    }
    //at bottom of column, flip the value of startColor to make sure the next colum
    //is filled with the opposite fill of the current column
    startColor = !startColor;
    //then set our fill color to that value
    whiteColor = startColor;
}
}

/*
int randomPosNeg() {
float temp = random(0, 1);
if (temp > 0.5) {
return 1;
}
else {
return -1;
}
}
*/

Greetings,

Chrisir

puma123

Re: Re: moving the checker board pieces. Need help asap

1 years ago

OMG CHEERS MATE I THOUGHT I WOULD NEVER FINISH THIS. CHEERS A MILLIONS. U JUST SAVED MY LIFE.
ONE QUESTION THOUGH
why the checker board shifts down half way through the canvas?

second question i have another thing which i am doing, which is creating pulses, but i have to draw an infinite pulse that draws continuously. my code works but it draws the first time and then there is gap and then it starts drawing. is there a way to fix? the code for this is below

// ----------------------------------------------------------------------
// CUSTOM CLASSES
// ----------------------------------------------------------------------
//Pulse is a class that draws a pulsing dot on the screen
class Pulse {
/* properties */
int SCALE = 50;
int x; // x-coordinate of the pulse
int y; // y-coordinate of the pulse
float s; // size of the pulse
color myColor = color(255, 255, 255); //default color
/* methods */
// constructor 1
public Pulse(int pulseX, int pulseY) {
x = pulseX;
y = pulseY;
s = 5;
}
// constructor 2
public Pulse(int pulseX, int pulseY, int pulseScale) {
x = pulseX;
y = pulseY;
SCALE = pulseScale;
s = 0;
}
// constructor 3
public Pulse() {
x = 0;
y = 0;
s = 0;
}
// constructor 4
public Pulse(int pulseX, int pulseY, int pulseScale, color newColor) {
x = pulseX;
y = pulseY;
SCALE = pulseScale;
s = 0;
myColor = newColor;
}
// moves the pulse to the given position
void move(int newX, int newY) {
x = newX;
y = newY;
}
// draws the pulse and updates its size
void display() {
fill(myColor);
stroke(0);
ellipse(x, y, sin(s)*SCALE, sin(s)*SCALE);
s += 0.1;
}
}
// ----------------------------------------------------------------------
// GLOBAL VARIABLES
// ----------------------------------------------------------------------
int numPulses = 100;
//counter tracking how many pulse objects have been istantiated
int pulseArrayCounter = 0;
//create of any array type pulse pulse array with 1000 elements
Pulse[] pulseArray = new Pulse[numPulses];
int xPos, yPos; // x and y coordinates
// boolean to check when the array is full,set its index to "0" and redraws the pulse.
boolean arrayIsFull = false;
// ----------------------------------------------------------------------
// BUILT-IN FUNCTIONS
// ----------------------------------------------------------------------
void setup() {
size(400, 400);
smooth();
color tempColor = color(random(255), random(255), random(255));
}
void draw() {
background(0);
// draw the pulse
for (int index = 0; index < pulseArrayCounter; index++) {
pulseArray[index].display();
}
}
void mouseDragged() {
stopMessage();
}
void mousePressed() {
stopMessage();
}
void stopMessage() {
color tempColor = color(random(255), random(255), random(255));
int newScale = int(random(100));
// initialize a new pulse object
if (pulseArrayCounter < pulseArray.length) {
pulseArray[pulseArrayCounter] = new Pulse(mouseX, mouseY, newScale, tempColor);
pulseArrayCounter++;
}
else {
arrayIsFull = true;
pulseArrayCounter = 0;
}
}

Also i am trying to bounce an pimage in my code on x axis and when the user uses mouse or click anywhere on the canvas it follows the mouse?i comment out my method for the logo because i was using pimage before but i decide to make the logo and use the method or function to call it. but when i call the method in draw it doesn't do anything and neither it follows the mouse or whenever i click. the code for this is as follows:

//define a square class for animation
class Square {
/*----------properties-------*/
float x; //x location
float y; //y location
float speed; // speed of movement
int squareSize; // size of the square
color fillColor = color (255, 0, 0); // color of square
color strokeColor = fillColor;
boolean xRight = true; // where true = to the right and false = to the left
/*------------contructor--------------*/
public Square(float newX, float newY, int newSize, float mySpeed) {
x = newX;
y = newY;
squareSize = newSize;
speed = mySpeed;
}
/*------------Methods--------------*/
public void move (int newX, int newY) {
if (xRight) { // if moving to the right
// if the x position has gone off the screen then we reset the square to the left had side of the screen
if (x + squareSize > width) {
// switch directions
xRight = false;
}
else {
x+=speed; // update the x position - x = x + 1;
}
}
else {
if (x < 0) {
// switch directions
xRight = true;
}
else {
x-=speed; // update the x position - x = x + 1;
}
}
}
// ----------------------------------------------------------------------
// METHODS
// ----------------------------------------------------------------------
public void display() {
rectMode(CENTER);
fill(fillColor);
stroke(strokeColor);
rect(x, y, squareSize, squareSize);
}
}
//public void customLogo(int x, int y, int squareSize ) {
//
//
// color fillColor = color (255, 0, 0); // color of square
// color strokeColor = fillColor;
//
// rectMode(CENTER);
// fill(fillColor);
// stroke(strokeColor);
// rect(x, y, squareSize, squareSize);
// textAlign(CENTER);
// fill(255);
// text("U", 200, 200);
//}
// ----------------------------------------------------------------------
// GLOBAL VARIABLES
// ----------------------------------------------------------------------
Square firstSquare;
int genericSize = 40;
// ----------------------------------------------------------------------
// BUILT-IN FUNCTIONS
// ----------------------------------------------------------------------
void setup() {
size(400, 400);
background(0);
int centerX = width/2;
int centerY = height/2-genericSize;
firstSquare = new Square(0, random(centerX, centerY), genericSize, random(0, 10));
}
void mouseDragged () {
firstSquare.move(mouseX, mouseY);
}
void mousePressed () {
firstSquare.move(mouseX, mouseY);
}
void draw() {
background(0);
//draw the square
firstSquare.display();
//move the square
firstSquare.move(mouseX, mouseY);
}

Chrisir

Re: moving the checker board pieces. Need help asap

1 years ago

regarding your first question:
change this with key t

case 't':
if (BorderTop==110) {
BorderTop=0;
}
else
{
BorderTop=110;
}

puma123

Re: Re: moving the checker board pieces. Need help asap

1 years ago

it's already t in the code u fixed.

puma123

Re: Re: moving the checker board pieces. Need help asap

1 years ago

ok i think i fixed the checkerbox shifting downs. I just changed the value from 110 to a much a lower value. If that make sense?

Chrisir

Re: moving the checker board pieces. Need help asap

1 years ago

yeah I know; I wanted to show you how to toggle the upper frame: with "t".

Or under Variables:
instead of

int BorderTop=110;

put

int BorderTop=0;

Chrisir

Re: moving the checker board pieces. Need help asap

1 years ago

Regarding the pulsing thing:
Not exactly sure what you mean.
Do you mean this:

// ----------------------------------------------------------------------
// CUSTOM CLASSES
// ----------------------------------------------------------------------
//Pulse is a class that draws a pulsing dot on the screen
class Pulse {
/* properties */
int SCALE = 50;
int x;    // x-coordinate of the pulse
int y;    // y-coordinate of the pulse
float s; // size of the pulse
color myColor = color(255, 255, 255); //default color
/* methods */
// constructor 1
/* public Pulse(int pulseX, int pulseY) {
    x = pulseX;
    y = pulseY;
    s = 5;
}*/
// constructor 2
/* public Pulse(int pulseX, int pulseY, int pulseScale) {
    x = pulseX;
    y = pulseY;
    SCALE = pulseScale;
    s = 0;
}*/
// constructor 3
/* public Pulse() {
    x = 0;
    y = 0;
    s = 0;
}*/
// constructor 4
public Pulse(int pulseX, int pulseY, int pulseScale, color newColor) {
    x = pulseX;
    y = pulseY;
    SCALE = pulseScale;
    s = 0;
    myColor = newColor;
}
// moves the pulse to the given position
void move(int newX, int newY) {
    x = newX;
    y = newY;
}
// draws the pulse and updates its size
void display() {
    fill(myColor);
    stroke(0);
    ellipse(x, y, sin(s)*SCALE, sin(s)*SCALE);
    s += 0.1;
}
}
// ----------------------------------------------------------------------
// GLOBAL VARIABLES
// ----------------------------------------------------------------------
int numPulses = 100;
//counter tracking how many pulse objects have been istantiated
int pulseArrayCounter = 0;
//create of any array type pulse pulse array with 1000 elements
Pulse[] pulseArray = new Pulse[numPulses];
int xPos, yPos; // x and y coordinates
// boolean to check when the array is full,set its index to "0" and redraws the pulse.
boolean arrayIsFull = false;

// ----------------------------------------------------------------------
// BUILT-IN FUNCTIONS
// ----------------------------------------------------------------------
void setup() {
size(400, 400);
smooth();
color tempColor = color(random(255), random(255), random(255));
}
void draw() {
background(0);
// draw the pulse
for (int index = 0; index < pulseArrayCounter; index++) {
    pulseArray[index].display();
}
}

void mouseDragged() {
stopMessage();
}

/*
void mousePressed() {
stopMessage();
}*/

// ----------------------------------------------------------------------
// USER FUNCTIONS
// ----------------------------------------------------------------------

void stopMessage() {
color tempColor = color(random(255), random(255), random(255));
int newScale = int(random(100));
// initialize a new pulse object
if (pulseArrayCounter < pulseArray.length) {
    pulseArray[pulseArrayCounter] = new Pulse(mouseX, mouseY, newScale, tempColor);
    pulseArrayCounter++;
}
else {
    arrayIsFull = true;
    pulseArrayCounter = 0;
}
}

Greetings, Chrisir

puma123

Re: Re: moving the checker board pieces. Need help asap

1 years ago

for the pulse i meant it's not drawing continuously or seemless without breaking. If you see my pulse size is 100 and after drawing 100 pulses it breaks and start drawing again. It shouldn't break. I want to draw the pulse continuously. You may have noticed it break after making 100 pulse and then starts drawing again. It don't want it to break. it should keep looping as i am drawing the pulse. I hope i made it clear.

Chrisir

Re: moving the checker board pieces. Need help asap

1 years ago

// ----------------------------------------------------------------------
// GLOBAL VARIABLES
// ----------------------------------------------------------------------
int numPulses = 100000; // very high number

or use ArrayList instead, when you don't know how many pulses you'll have.

Chrisir

Re: moving the checker board pieces. Need help asap

1 years ago

Regarding the THIRD question - the red square - mouse - thing.

Not sure what you want.

// ------------------------------------------------
//define a square class for animation
class Square {
/*----------properties-------*/
float x; //x location
float y; //y location
float speed; // speed of movement
int squareSize; // size of the square
color fillColor = color (255, 0, 0); // color of square
color strokeColor = fillColor;
boolean xRight = true; // where true = to the right and false = to the left
/*------------constructor--------------*/
public Square(float newX, float newY, int newSize, float mySpeed) {
    x = newX;
    y = newY;
    squareSize = newSize;
    speed = mySpeed;
}
/*------------Methods--------------*/
public void moveLeftAndRight (int newX, int newY) {
    if (xRight) { // if moving to the right
      // if the x position has gone off the screen then we reset the square to the left had side of the screen
      if (x + squareSize > width) {
        // switch directions
        xRight = false;
      }
      else {
        x+=speed; // update the x position - x = x + 1;
      }
    }
    else {
      if (x < 0) {
        // switch directions
        xRight = true;
      }
      else {
        x-=speed; // update the x position - x = x + 1;
      }
    }
}
public void move (int newX, int newY) {
    x= newX;
    y= newY;
}
// ----------------------------------------------------------------------
//        METHODS
// ----------------------------------------------------------------------
public void display() {
    rectMode(CENTER);
    fill(fillColor);
    stroke(strokeColor);
    rect(x, y, squareSize, squareSize);
}
} // CLASS

//public void customLogo(int x, int y, int squareSize ) {
//
//
// color fillColor = color (255, 0, 0); // color of square
// color strokeColor = fillColor;
//
// rectMode(CENTER);
// fill(fillColor);
// stroke(strokeColor);
// rect(x, y, squareSize, squareSize);
// textAlign(CENTER);
// fill(255);
// text("U", 200, 200);
//}
// ----------------------------------------------------------------------
//        GLOBAL VARIABLES
// ----------------------------------------------------------------------
Square firstSquare;
int genericSize = 40;
// ----------------------------------------------------------------------
//        BUILT-IN FUNCTIONS
// ----------------------------------------------------------------------
void setup() {
size(400, 400);
background(0);
int centerX = width/2;
int centerY = height/2-genericSize;
firstSquare = new Square(0, random(centerX, centerY), genericSize, random(0, 10));
}
void mouseDragged () {
firstSquare.move(mouseX, mouseY);
}

void mousePressed () {
//move the square
firstSquare.move(mouseX, mouseY);
}

void draw() {
background(0);
//draw the square
firstSquare.display();
//move the square
firstSquare.moveLeftAndRight(mouseX, mouseY);
}

Greetings, Chrisir

puma123

Re: Re: moving the checker board pieces. Need help asap

1 years ago

for the square one i made a logo function which i want to use instead of using a simple rect.I am gonna break it down into 3 steps so you easily understand.

a. Animate the logo in place of rect.
b. Have it move back and forth across the screen.
c. Have it move to the mouse position.

I hope it's more clear now.

Chrisir

Re: moving the checker board pieces. Need help asap

1 years ago

hmmm.....

// ------------------------------------------------
//define a square class for animation
class Square {
/*----------properties-------*/
float x; //x location
float y; //y location
float speed; // speed of movement
int squareSize; // size of the square
color fillColor = color (255, 0, 0); // color of square
color strokeColor = fillColor;
boolean xRight = true; // where true = to the right and false = to the left
/*------------constructor--------------*/
public Square(float newX, float newY, int newSize, float mySpeed) {
    x = newX;
    y = newY;
    squareSize = newSize;
    speed = mySpeed;
}
/*------------Methods--------------*/
public void moveLeftAndRight (int newX, int newY) {
    // for general right and left movement
    if (xRight) { // if moving to the right
      // if the x position has gone off the screen then we reset the square to the left had side of the screen
      if (x + squareSize > width) {
        // switch directions
        xRight = false;
      }
      else {
        x+=speed; // update the x position - x = x + 1;
      }
    }
    else {
      if (x < 0) {
        // switch directions
        xRight = true;
      }
      else {
        x-=speed; // update the x position - x = x + 1;
      }
    }
}
public void move (int newX, int newY) {
    // for mouse (consder make different functions when mousePressed() or mouseDragged())
    x= newX;
    y= newY;
}
// ----------------------------------------------------------------------
//        METHODS
// ----------------------------------------------------------------------
public void display() {
    rectMode(CENTER);
    fill(fillColor);
    stroke(strokeColor);
    // rect(x, y, squareSize, squareSize);
    customLogo(x, y, squareSize);
} // function

public void customLogo(float x, float y, int squareSize ) {

    color fillColor = color (255, 0, 0); // color of square
    color strokeColor = fillColor;

    rectMode(CENTER);
    fill(fillColor);
    stroke(strokeColor);
    rect(x, y, squareSize, squareSize);
    textAlign(CENTER);
    fill(255);
    text("U", x, y);
} // function
} // CLASS

// ----------------------------------------------------------------------
//        GLOBAL VARIABLES
// ----------------------------------------------------------------------
Square firstSquare;
int genericSize = 40;
// ----------------------------------------------------------------------
//        BUILT-IN FUNCTIONS
// ----------------------------------------------------------------------
void setup() {
size(400, 400);
background(0);
int centerX = width/2;
int centerY = height/2-genericSize;
firstSquare = new Square(0, random(centerX, centerY), genericSize, random(0, 10));
}
void mouseDragged () {
firstSquare.move(mouseX, mouseY);
}

void mousePressed () {
//move the square
firstSquare.move(mouseX, mouseY);
}

void draw() {
background(0);
//draw the square
firstSquare.display();
//move the square
firstSquare.moveLeftAndRight(mouseX, mouseY);
}

puma123

Re: Re: moving the checker board pieces. Need help asap

1 years ago

i think that's what i want. BTW is there a way to increase the size of U and also is there a way i could stop the animation when i click or drag? Also for the arraylist you mentioned before, do i have to declare a size for arraylist. like in my previous code i was doing below and asigning the size into the array. Do i have to do the same with arraylist?
int numPulse = 100;
Pulse[] pulseArray = new Pulse[numPulse];

Chrisir

Re: moving the checker board pieces. Need help asap

1 years ago

regarding 1st question:
read: http://www.processing.org/reference/ArrayList.html
I don't think you have to tell the size.
You just add continously.

puma123

Re: Re: moving the checker board pieces. Need help asap

1 years ago

I dunno anything about arraylist and how it's used but i will try to understand it's functions. Then i'll let you know if i am having problem with it. Cheers for the help mate. You are my new mate from now on :)

Chrisir

Re: moving the checker board pieces. Need help asap

1 years ago

Regarding the 2nd - Logo thing.

// ------------------------------------------------
// CLASS
// ------------------------------------------------
//define a square class for animation
class Square {
/*----------properties-------*/
float x; //x location
float y; //y location
float speed; // speed of movement
int squareSize; // size of the square
color fillColor = color (255, 0, 0); // color of square
color strokeColor = fillColor;
boolean xRight = true; // where true = to the right and false = to the left
/*------------constructor--------------*/
public Square(float newX, float newY, int newSize, float mySpeed) {
    x = newX;
    y = newY;
    squareSize = newSize;
    speed = mySpeed;
}
/*------------Methods--------------*/
public void moveLeftAndRight (int newX, int newY) {
    // for general right and left movement
    if (xRight) { // if moving to the right
      // if the x position has gone off the screen then we reset the square to the left had side of the screen
      if (x + squareSize > width) {
        // switch directions
        xRight = false;
      }
      else {
        x+=speed; // update the x position - x = x + 1;
      }
    }
    else {
      if (x < 0) {
        // switch directions
        xRight = true;
      }
      else {
        x-=speed; // update the x position - x = x + 1;
      }
    }
}
public void move (int newX, int newY) {
    // for mouse (consder make different functions when mousePressed() or mouseDragged())
    x= newX;
    y= newY;
}
// ----------------------------------------------------------------------
//        METHODS
// ----------------------------------------------------------------------
public void display() {
    rectMode(CENTER);
    fill(fillColor);
    stroke(strokeColor);
    // rect(x, y, squareSize, squareSize);
    customLogo(x, y, squareSize);
} // function

public void customLogo(float x, float y, int squareSize ) {

    color fillColor = color (255, 0, 0); // color of square
    color strokeColor = fillColor;

    rectMode(CENTER);
    fill(fillColor);
    stroke(strokeColor);
    rect(x, y, squareSize, squareSize);
    textAlign(CENTER);
    fill(255);
    text("U", x, y+16);
} // function
} // CLASS

// ----------------------------------------------------------------------
//        GLOBAL VARIABLES
// ----------------------------------------------------------------------
Square firstSquare;
int genericSize = 40;
boolean boolStop= false;
PFont myFont;
// ----------------------------------------------------------------------
//        BUILT-IN FUNCTIONS
// ----------------------------------------------------------------------
void setup() {
size(400, 400);
background(0);

PFont myFont = createFont("FFScala", 42);
textFont(myFont);

int centerX = width/2;
int centerY = height/2-genericSize;
firstSquare = new Square(0, random(centerX, centerY), genericSize, random(0, 10));
}

void mouseDragged () {
firstSquare.move(mouseX, mouseY);
boolStop= true;
}

void mousePressed () {
//move the square
firstSquare.move(mouseX, mouseY);
boolStop= true;
}

void draw() {
background(0);
//draw the square
firstSquare.display();
//move the square
if (!boolStop) {
    firstSquare.moveLeftAndRight(mouseX, mouseY);
}
}

// ----------------------------------------------------------------------

puma123

Re: Re: moving the checker board pieces. Need help asap

1 years ago

i wanna increase the size of the font by doing y+16 it's changing the value of the Y axis.I tried processing examples to see how to increase the size of the text. It doesn't mentioned anything about text size.? Do you know any other means? cheers :)

Chrisir

Re: moving the checker board pieces. Need help asap

1 years ago

for arrayList see the statment of igoumeninja here:

https://forum.processing.org/topic/array-list-balls

------------------------

fix the text size in setup please:

PFont myFont = createFont("FFScala", 42);
textFont(myFont);

instead of 42 put 62 or so

Cheers!

Chrisir

puma123

Re: Re: moving the checker board pieces. Need help asap

1 years ago

cheers mate much obliged.

Chrisir

Re: moving the checker board pieces. Need help asap

1 years ago

Cheers

puma123

Re: moving the checker board pieces. Need help asap

1 years ago

i send you a private message for the problem here my the code

// ----------------------------------------------------------------------
// CUSTOM CLASSES
// ----------------------------------------------------------------------
//Pulse is a class that draws a pulsing dot on the screen
class Pulse {
/* properties */
int SCALE = 50;
int x; // x-coordinate of the pulse
int y; // y-coordinate of the pulse
float s; // size of the pulse
color myColor = color(255, 255, 255); //default color
/* methods */
// constructor 1
/* public Pulse(int pulseX, int pulseY) {
x = pulseX;
y = pulseY;
s = 5;
}*/
// constructor 2
/* public Pulse(int pulseX, int pulseY, int pulseScale) {
x = pulseX;
y = pulseY;
SCALE = pulseScale;
s = 0;
}*/
// constructor 3
/* public Pulse() {
x = 0;
y = 0;
s = 0;
}*/
// constructor 4
public Pulse(int pulseX, int pulseY, int pulseScale, color newColor) {
x = pulseX;
y = pulseY;
SCALE = pulseScale;
s = 0;
myColor = newColor;
}
// moves the pulse to the given position
void move(int newX, int newY) {
x = newX;
y = newY;
}
// draws the pulse and updates its size
void display() {
fill(myColor);
stroke(0);
ellipse(x, y, sin(s)*SCALE, sin(s)*SCALE);
s += 0.1;
}
}
// ----------------------------------------------------------------------
// GLOBAL VARIABLES
// ----------------------------------------------------------------------
int numPulses = 100;
//counter tracking how many pulse objects have been istantiated
int pulseArrayCounter = 0;
//create of any array type pulse pulse array with 1000 elements
Pulse[] pulseArray = new Pulse[numPulses];
int xPos, yPos; // x and y coordinates
// boolean to check when the array is full,set its index to "0" and redraws the pulse.
boolean arrayIsFull = false;
// ----------------------------------------------------------------------
// BUILT-IN FUNCTIONS
// ----------------------------------------------------------------------
void setup() {
size(400, 400);
smooth();
color tempColor = color(random(255), random(255), random(255));
}
void draw() {
background(0);
// draw the pulse
for (int index = 0; index < pulseArrayCounter; index++) {
pulseArray[index].display();
}
}
void mouseDragged() {
stopMessage();
}
/*
void mousePressed() {
stopMessage();
}*/
// ----------------------------------------------------------------------
// USER FUNCTIONS
// ----------------------------------------------------------------------
void stopMessage() {
color tempColor = color(random(255), random(255), random(255));
int newScale = int(random(100));
// initialize a new pulse object
if (pulseArrayCounter < pulseArray.length) {
pulseArray[pulseArrayCounter] = new Pulse(mouseX, mouseY, newScale, tempColor);
pulseArrayCounter++;
}
else {
arrayIsFull = true;
pulseArrayCounter = 0;
}
}

Chrisir

Re: moving the checker board pieces. Need help asap

1 years ago

hello,

I can't answer all your questions. Please ask the whole forum not me alone.

When you attend a class you should be able to do the homework on your own. This is even more necessary when there is a sat exam in the future, when you have to do it on your own anyway.

For your question: store the mouse position of a pulse in a PVector and that in a ArrayList.

When drawing a line, read this list with a for loop. Use different for loops for the different taks.

How to build a key evaluation I've shown in one of my answers.

Please ask again when you got this far.

Greetings,

Chrisir

puma123

Re: moving the checker board pieces. Need help asap

1 years ago

I understand where you are coming from but i was only asking you on how would i go by connecting lines with the pulse. That's all. I am sorry if I've offended you in anyway. Won't happen again the future.

Cheers for the tip though.

puma123

Re: moving the checker board pieces. Need help asap

1 years ago

Chrisir

Re: moving the checker board pieces. Need help asap

1 years ago

Don't worry, mate.
Don't take it to harsh.
I just don't have time to work on this.
But if you have written your program and have specific questions, please ask in the forum. Somebody or myself is going to answer.

Greetings, Chrisir

puma123

Re: moving the checker board pieces. Need help asap

1 years ago

none taken. I did it though. :)

Chrisir

Re: moving the checker board pieces. Need help asap

1 years ago

you solved it?
Congratulations!

puma123

Re: moving the checker board pieces. Need help asap

1 years ago

yeah but my pulse still don't draw continuously. the rest is ok

Chrisir

Re: moving the checker board pieces. Need help asap

1 years ago

did you try this with the pulses:

puma123

Re: moving the checker board pieces. Need help asap

1 years ago

my teacher told me not to use this. this is what i did

// ----------------------------------------------------------------------
// CUSTOM CLASSES
// ----------------------------------------------------------------------

//Pulse is a class that draws a pulsing dot on the screen
class Pulse {
  /* properties */
  int SCALE = 50;
  int x;    // x-coordinate of the pulse
  int y;    // y-coordinate of the pulse
  float s;  // size of the pulse
  color myColor = color(255, 255, 255); //default color

  /* methods */
  // constructor 1
  public Pulse(int pulseX, int pulseY) {
    x = pulseX;
    y = pulseY;
    s = 5;
  }

  // constructor 2
  public Pulse(int pulseX, int pulseY, int pulseScale) {
    x = pulseX;
    y = pulseY;
    SCALE = pulseScale;
    s = 0;
  }

  // constructor 3
  public Pulse() {
    x = 0;
    y = 0;
    s = 0;
  }

  // constructor 4
  public Pulse(int pulseX, int pulseY, int pulseScale, color newColor) {
    x = pulseX;
    y = pulseY;
    SCALE = pulseScale;
    s = 0;
    myColor = newColor;
  }

  // moves the pulse to the given position
  void move(int newX, int newY) {
    x = newX;
    y = newY;
  }

  // draws the pulse and updates its size
  void display() {
    fill(myColor);
    stroke(0);
    ellipse(x, y, sin(s)*SCALE, sin(s)*SCALE);
    s += 0.1;
  }
}


// ----------------------------------------------------------------------
// GLOBAL VARIABLES
// ----------------------------------------------------------------------

int numPulses = 200;
//counter tracking how many pulse objects have been istantiated
int pulseArrayCounter = 0;
//create of any array type pulse pulse array with 1000 elements
Pulse[] pulseArray = new Pulse[numPulses]; 
int xPos, yPos; // x and y coordinates
// boolean to check when the array is full,set its index to "0" and redraws the pulse. 
boolean arrayIsFull = false; 
//boolean to check if the lines are connected 
boolean connectTheLines = false;
//number of pulses in an array
int pulseSize = 0;
// ----------------------------------------------------------------------
// BUILT-IN FUNCTIONS
// ----------------------------------------------------------------------
void setup() {
  size(400, 400);
  smooth();
  color tempColor = color(random(255), random(255), random(255));
}

void draw() {
  background(0);

  // draw the pulse
  for (int index = 0; index < pulseArrayCounter; index++) {
    if(connectTheLines &&(index >0)){
      connectPulses(index);
    }
      pulseArray[index].display();
  }
  //checks if array is full
  if(!arrayIsFull){
    pulseSize = pulseArrayCounter - 1;
  }
}

void mouseDragged() {
  stopMessage();
}

void mousePressed() {

  stopMessage();
}


void stopMessage() {
  color tempColor = color(random(255), random(255), random(255));
  int newScale = int(random(100));
  // initialize a new pulse object
  if (pulseArrayCounter < pulseArray.length) {
    pulseArray[pulseArrayCounter] = new Pulse(mouseX, mouseY, newScale, tempColor);
    pulseArrayCounter++;
  }
  else {
    arrayIsFull = true;
    pulseArrayCounter = 0;
  }
}
void keyPressed() {
  // if key pressed connect the pulses
  if (key == 'd') {
    // turns connectLines as a false statement
    connectTheLines = !connectTheLines;
  }
  // if space bar is pressed, resets canvas
  if (key == ' ') {
    arrayIsFull = false;
    pulseArrayCounter = 0;
  }
}
// alternate function to connect pulses with a line
void connectPulses(int c) {
  stroke(255);
  strokeWeight(pulseArrayCounter - c);
  line(pulseArray[c].x, pulseArray[c].y, pulseArray[c-1].x, pulseArray[c-1].y);
}

Chrisir

Re: moving the checker board pieces. Need help asap

1 years ago

As suggested before, use ArrayList to draw continuously.

Here it is:

// ----------------------------------------------------------------------
// CUSTOM CLASSES
// ----------------------------------------------------------------------

//Pulse is a class that draws a pulsing dot on the screen
class Pulse {
/* properties */
int SCALE = 50;
int x;    // x-coordinate of the pulse
int y;    // y-coordinate of the pulse
float s; // size of the pulse
color myColor = color(255, 255, 255); //default color

/* methods */
// constructor 1
public Pulse(int pulseX, int pulseY) {
    x = pulseX;
    y = pulseY;
    s = 5;
}

// constructor 2
public Pulse(int pulseX, int pulseY, int pulseScale) {
    x = pulseX;
    y = pulseY;
    SCALE = pulseScale;
    s = 0;
}

// constructor 3
public Pulse() {
    x = 0;
    y = 0;
    s = 0;
}

// constructor 4
public Pulse(int pulseX, int pulseY, int pulseScale, color newColor) {
    x = pulseX;
    y = pulseY;
    SCALE = pulseScale;
    s = 0;
    myColor = newColor;
}

// moves the pulse to the given position
void move(int newX, int newY) {
    x = newX;
    y = newY;
}

// draws the pulse and updates its size
void display() {
    fill(myColor);
    stroke(0);
    ellipse(x, y, sin(s)*SCALE, sin(s)*SCALE);
    s += 0.1;
}
}

// ----------------------------------------------------------------------
// GLOBAL VARIABLES
// ----------------------------------------------------------------------

//int numPulses = 200;
//counter tracking how many pulse objects have been istantiated
//int pulseArrayCounter = 0;
// create of any array type pulse pulse array with 1000 elements
// Pulse[] pulseArray = new Pulse[numPulses];
ArrayList pulseArray ;
int xPos, yPos; // x and y coordinates
// boolean to check when the array is full,set its index to "0" and redraws the pulse.
//boolean arrayIsFull = false;
//boolean to check if the lines are connected
boolean connectTheLines = false;
//number of pulses in an array
int pulseSize = 0;
// ----------------------------------------------------------------------
// BUILT-IN FUNCTIONS
// ----------------------------------------------------------------------

void setup() {
size(400, 400);
smooth();
color tempColor = color(random(255), random(255), random(255));
pulseArray = new ArrayList();
}

void draw() {
background(0);

// draw the pulse
for (int index = 0; index < pulseArray.size(); index++) {
    if (connectTheLines &&(index >0)) {
      connectPulses(index);
    }
    // An ArrayList doesn't know what it is storing so we have
    // to cast the object coming out
    Pulse myPulse1 = (Pulse) pulseArray.get(index);
    myPulse1.display();
}
//checks if array is full
/* if (!arrayIsFull) {
   pulseSize = pulseArrayCounter - 1;
   }*/
}

void mouseDragged() {
stopMessage();
}

void mousePressed() {

stopMessage();
}

void stopMessage() {
color tempColor = color(random(255), random(255), random(255));
int newScale = int(random(100));
// initialize a new pulse object
//if (pulseArrayCounter < pulseArray.size()) {
// pulseArray[pulseArrayCounter] = new Pulse(mouseX, mouseY, newScale, tempColor);
pulseArray.add (new Pulse(mouseX, mouseY, newScale, tempColor));
//pulseArrayCounter++;
//}
/*else {
   arrayIsFull = true;
   pulseArrayCounter = 0;
   }*/
}
void keyPressed() {
// if key pressed connect the pulses
if (key == 'd') {
    // turns connectLines as a false statement
    connectTheLines = !connectTheLines;
}
// if space bar is pressed, resets canvas
if (key == ' ') {
    //arrayIsFull = false;
    //pulseArrayCounter = 0;
    pulseArray.clear();
}
}

// alternate function to connect pulses with a line
void connectPulses(int c) {
stroke(255);
strokeWeight(pulseArray.size() - c);
//line(pulseArray[c].x, pulseArray[c].y, pulseArray[c-1].x, pulseArray[c-1].y);
}

connectPulses is dead at the moment.

Greetings, Chrisir

puma123

Re: moving the checker board pieces. Need help asap

1 years ago

i guess this seems to work. I was more worried about connecting lines than the continuous pulse because for me connecting lines was difficult. But cheers again. I hope u are not mad anymore lol

Chrisir

Re: moving the checker board pieces. Need help asap

1 years ago

I am fine!

Top Reply