Multiple Image Buttons, Images within variables?

Programming Questions

laurel_l2

Multiple Image Buttons, Images within variables?

in Programming Questions • 1 years ago

I'm very new to Processing and programming in general, so bear with me.

For a school project, I'm creating a fortune cookie game, where there are six different cookie images on the screen. When each cookie is clicked, a random fortune message will be taken from an array and be displayed in an area on the screen. Basically, I'm trying to create a class for all of the cookies, since the same function would be applied to all of them. Here is what the final product would look like:

How could I go about having a variable that would allow for varying button images?

Any help would be greatly appreciated!

This is the code that I have thus far:

Note** There are probably other mistakes in the code, given that this is my first time working in Processing.

PFont f;

boolean button = false;

Cookie myCookie1; //cookie objects initialized

Cookie myCookie2;

Cookie myCookie3;

Cookie myCookie4;

Cookie myCookie5;

Cookie myCookie6;

String[] fortunes = {

"Fortune One" ,

"Fortune Two" ,

"Fortune Three",

"Fortune Four",

"Fortune Five",

"Fortune Six",

"Fortune Seven",

"Forutne Eight",

"Fortune Nine",

"Fortune Ten",

};

int index = int(random(fortunes.length));

void setup() {

size(800,600);

f= createFont("Helvetica", 12, true);

fill(255); //font color

PImage cookie1 = loadImage("cookie1.png");

PImage cookie2 = loadImage("cookie2.png");

PImage cookie3 = loadImage("cookie3.png");

PImage cookie4 = loadImage("cookie4.png");

PImage cookie5 = loadImage("cookie5.png");

PImage cookie6 = loadImage("cookie6.png");

myCookie1 = new Cookie(60, 130, 153, 162, PImage cookie1 );

myCookie2 = new Cookie(300, 130, 168, 160, PImage cookie2);

myCookie3 = new Cookie(550, 130, 187, 164, PImage cookie3);

myCookie4 = new Cookie(60, 360, 164,163, PImage cookie4);

myCookie5 = new Cookie(300, 360, 185, 160, PImage cookie5);

myCookie6 = new Cookie(550, 360, 175, 163, PImage cookie6);

}

void draw() {

background(0);

myCookie1.display();

myCookie2.display();

myCookie3.display();

myCookie4.display();

myCookie5.display();

myCookie6.display();

}

class Cookie {//class defined

int x;

int y;

int w;

int h;

PImage i;

Cookie(int xcookie, int ycookie, int cookiewidth, int cookieheight, PImage cookiepic){ //cookie constructor

x = xcookie;

y = ycookie;

w = cookiewidth;

h = cookieheight;

i = cookiepic;

}

void display(){ //Random fortune is taken from "fortunes" array and displayed on screen.

if (button) {

textFont(f, 12);

fill(0);

text(fortunes[index],320, 62);

} else {

background(0);

}

void mousePressed() {

if (mouseX > x && mouseX < x+w && mouseY > y && mouseY < y+h) {

button = !button;

index = int(random(fortunes.length));

}

Replies(5)

laurel_l2

Re: Multiple Image Buttons, Images within variables?

1 year ago

anyone? please?

v.k.

Re: Multiple Image Buttons, Images within variables?

1 year ago

I dont get what u really need. There is nothing in Cookie class that draws the buttons, so there's nothing to be changed yet. Once there is, lets say, a call to image(i, x,y) in the drawButton method, u could just make a changeImage() method that states i = someOtherImage, and that's all. But again I don't know what u r really looking for.

Also there is an approach for checking for mouseOver in non simple shapes. U can see it here:

http://processing.org/discourse/yabb2/YaBB.pl?num=1225716735

good luck

laurel_l2

Re: Multiple Image Buttons, Images within variables?

1 year ago

Thank you for your response. I guess my main question is how would I go about making a variable to call different images to each instance of the myCookie class?

I'm confused syntax-wise how this could work.

v.k.

Re: Multiple Image Buttons, Images within variables?

1 year ago

You have done so already.

" Cookie(int xcookie, int ycookie, int cookiewidth, int cookieheight, PImage cookiepic){ //cookie constructor

x = xcookie;

y = ycookie;

w = cookiewidth;

h = cookieheight;

i = cookiepic;

}

cookiepic is your image. One for each instance.

I have not tried your code cause of the images, but i think what is missing is a method to draw the buttons.

In your display method u just care about drawing the fortune phrase. You need to make a call to the image like

void displayButton()

{

image(i,x,y);

}

Then call it from the main draw as u did with display();

Is this that u need?

laurel_l2

Re: Multiple Image Buttons, Images within variables?

1 year ago

That helps a lot, thank you!

Top Reply