Please help!!! Mini Frogger Project for Class

Programming Questions

clarkmahb..

Please help!!! Mini Frogger Project for Class

in Programming Questions • 2 years ago

Hello! I am very new to processing and I have a class project I am struggling with. I am supposed to make a very basic version of Frogger where I have 3 lanes of "cars" moving across the screen, three lanes represented by white lines, and a frog who has to go from one end to the other. So far, I was able to create the "cars" in class, which are just different colored rectangles and I have two .gifs that I am supposed to use for when the frog moves and one for when the frog gets hit by a car. I had a few more parts of code, but unfortunately I misplaced my flash drive. I can post the parts of the code that I have so far and if anyone could help me I would be very grateful.

I have two classes right now, and I think I'm supposed to make a third class for the frog. We were doing something with the if statement, where if frog.x > something there would be a collision with the car, but that's on my flashdrive. Like I said, I'm a complete newbie with this stuff, so I'm sorry if I'm a little vague or what I say is wrong.

EDIT: I figured out how to make the image of the frog appear, now I'm trying to work on movement of the frog, collision with a car, drawing the lanes, and ending the game.

CarAnimation

final int WIDTH = 200;
final int HEIGHT = WIDTH;
final int MIDDLE = WIDTH / 2;
final color BLACK = color(0);
final color RED = color(255, 0, 0);
final color GREEN = color(0, 255, 0);
final color BLUE = color(0, 0, 255);
final int CAR_WIDTH = 30;
final int CAR_HEIGHT = 10;
int frogx = MIDDLE;
int frogy = 170;
PImage frogimg;
Car car1;
Car car2;
Car car3;
Frog frog;
void setup()
{
size(WIDTH, HEIGHT);
rectMode(CENTER);
car1 = new Car(RED, 0, 100, CAR_WIDTH, CAR_HEIGHT, 2);
car2 = new Car(GREEN, 50, 50, CAR_WIDTH, CAR_HEIGHT, 1);
car3 = new Car(BLUE, 150, 150, CAR_WIDTH, CAR_HEIGHT, 2);
frogimg = loadImage("frog.gif");
}
void draw()
{
background(BLACK);
car1.draw(); car1.move();
car2.draw(); car2.move();
car3.draw(); car3.move();
image(frogimg, frogx, frogy, 32, 32);
}

Car

class Car
{
color col;
int x, y, w, h;
int speed;
Car(color c, int x, int y, int w, int h, int s)
{
this.col = c;
this.x = x;
this.y = y;
this.w = w;
this.h = h;
this.speed = s;
}
void draw()
{
noStroke();
fill(this.col);
rect(this.x, this.y, this.w, this.h);
}
void move()
{
this.x += this.speed;
if (this.x > width) {
this.x = 0;
}
}
}

Frog Class

class Frog
{
int x, y, w, h;
Frog(int x, int y, int w, int h)
{
this.x = x;
this.y = y;
this.w = w;
this.h = h;
}
}

Replies(11)

infinityl..

Re: Please help!!! Mini Frogger Project for Class

2 years ago

I have the same project, and this is what I did so far. I just need help with the collision, and the way to end the game. Maybe a display after reaching the end and a restart or something? Here is the code I have so far. If anyone can help me with this as well, that would be awesome. Some of my numbers are a little weird, but play around with them if you want.

final int WIDTH = 200;
final int HEIGHT = WIDTH;
final int MIDDLE = WIDTH / 2;
final color BLACK = color(0);
final color RED = color(255, 0, 0);
final color GREEN = color(0, 255, 0);
final color BLUE = color(0, 0, 255);
final int CAR_WIDTH = 30;
final int CAR_HEIGHT = 10;
int frogx = MIDDLE;
int frogy = 170;
PImage frogimg;
Car car1;
Car car2;
Car car3;
Frog frog;
void setup()
{
size(WIDTH, HEIGHT);
rectMode(CENTER);
car1 = new Car(RED, 0, 100, CAR_WIDTH, CAR_HEIGHT, 2);
car2 = new Car(GREEN, 50, 50, CAR_WIDTH, CAR_HEIGHT, 1);
car3 = new Car(BLUE, 150, 150, CAR_WIDTH, CAR_HEIGHT, 2);
frogimg = loadImage("frog.gif");
}
void draw()
{
background(BLACK);
line(200, 20, 0, 20);
line(200, 180, 0, 180);
for(int i = 10; i < width; i+=17){
noStroke();
fill (190);
rect(i, height/2.6, 10, 4);
}
for(int i = 10; i < width; i+=17){
noStroke();
fill (190);
rect(i, height/1.6, 10, 4);
}
for(int i = 10; i < width; i+=17){
noStroke();
fill(190);
rect(i, height/1.16, 10, 4);
}
for(int i = 10; i < width; i+=17){
noStroke();
fill(190);
rect(i, height/7, 10, 4);
}
car1.draw(); car1.move();
car2.draw(); car2.move();
car3.draw(); car3.move();
image(frogimg, frogx, frogy, 32, 32);
}
void keyPressed(){
if(keyCode == 38){
frogy = frogy - 20;
}
if(keyCode == 40){
frogy = frogy + 20;
}
}

jeff_g

Re: Please help!!! Mini Frogger Project for Class

2 years ago

Ending the game should be pretty easy. Just wrap your draw in something simple like this.

void draw()
{
background(BLACK);
if (frogy < 0) {
//game over
image(frogimg, width/2-16, height/2-16, 32, 32);
text("Game Over - Press Return To Restart", width/2, height/2);
}
else {
//game on
}
}

Then do a key pressed that resets the frogx & frogy when enter is pressed if frogy < 0.
Do a similar if / else statement during your game on. If frogx & frogy (+/- frog width/2) intersects with the car.x & car.y (+/- car.w/2), then the frog is dead. Might also want to adjust your spacing so the frog size is properly jumping between the cars. You'll need to set up a font in your setup if you use text.

void setup() {
font = createFont("Tahoma", 32, true);
textFont(font,32);
textAlign(CENTER);
}

infinityl..

Re: Please help!!! Mini Frogger Project for Class

2 years ago

Sweet! Thanks much, I finished the end of the game, and made it restart with the enter key, now I'm just gonna attempt the if statement for the collision. This is the statement my teacher started but it doesn't work in my code. Thanks for the help, I'm actually understanding this now and it feels pretty good =D

This is the collision code we got. I also have a .gif called frogsplat that I need to display but I can figure that out once I get the collision to work I think

boolean isHit(Car car)
{
int carLeft = car.x - car.w / 2;
int carRight = car.x + car.w / 2;
int carTop = car.y - car.h / 2;
int carBottom = car.y = car.y + car.h / 2;
int frogLeft = this.x;
int frogRight = this.x + this.w;
int frogTop = this.y;
int frogBottom = this.y + this.h;
if (frogLeft > carRight || frogRight < carLeft) return false;
if (frogTop > carBottom || frogBottom < carTop) return false;
return true;
}

infinityl..

Re: Re: Please help!!! Mini Frogger Project for Class

2 years ago

Ok, I moved the collision code I got into the Frogger class instead of in the Frog class, and changed the this.x to frog.x and so on. Now I do not get any errors, but nothing happens when the car collides with the frog. I understand I did not tell the code to do anything when the collision happens (right?) but I'm very stuck at this point. Do I put a code that will display the frogsplat img in a certain part of that or do I add it somewhere else?

jeff_g

Re: Please help!!! Mini Frogger Project for Class

2 years ago

"isHit()" will return "true" if the frog hits the car. So you need to do something like this in your draw. If hit by car1 or car2 or car3, display the frogsplat. You could then set a boolean to indicate the frog was hit.

boolean livefrog = true;
void draw() {
if (livefrog) {
car1.move();
car2.move();
car3.move();
}
car1.draw();
car2.draw();
car3.draw();
if (isHit(car1) || isHit(car2) || isHit(car3)) {
//Frog dies
image(frogsplat, frogx, frogy, 32, 32);
text(font, "Your frog is dead - Hit enter to test another frog's fate", width/2, 20);
livefrog = false;
} else {
//Frog lives
image(frogimg, frogx, frogy, 32, 32);
}
}

The add some code to your keyPressed() enter to also restart if livefrog is false (reset livefrog to true and reset x,y).

jeff_g

Re: Please help!!! Mini Frogger Project for Class

2 years ago

Might also want to add some code for the keyPressed that does not allow the arrow keys to work if (!livefrog || frogy < 0). Can't move a dead frog or one that has already won. Otherwise, you could undue the win or the splat.

infinityl..

Re: Re: Please help!!! Mini Frogger Project for Class

2 years ago

Now I'm getting a nullerpointexception for int frogLeft = frog.x

I'm kind of getting this, but still really confused >.< I'm going to continue working with it and thank you for all of your help so far. If there's anything else you are able to help with, I really appreciate it all!

infinityl..

Re: Please help!!! Mini Frogger Project for Class

2 years ago

I'm still stuck pretty bad...I think I need to create a boolean overlap or something too? I'm totally lost at this point.

jeff_g

Re: Please help!!! Mini Frogger Project for Class

2 years ago

A nullpointer exception on int frogLeft = frog.x means that frog.x or frog has not been defined before the call is made. Frog must be created first, before you can call frogLeft = frog.x.

infinityl..

Re: Re: Please help!!! Mini Frogger Project for Class

2 years ago

I thought that what I did when I stated int though? I've only got about 2 more hours to work on this and I'm still where I was yesterday with the collision. I keep looking for tutorials but so far nothing. Again, thank you so much for continuing to help me, your information has been invaluable.

jeff_g

Re: Please help!!! Mini Frogger Project for Class

2 years ago

I'm not sure what your doing in the frog class, but you need to set int to a value in that class. So define frog in your setup, then define the int in your class, so that when you call it in your draw, it's not null.

Top Reply