Week 3: Game Assignment using OOP

 

Description:

This project consisted of creating a game using Object Oriented Programming.

 

Idea:

For this assignment, I first wanted to create an artwork with OOP. However, I later changed my mind to create a game as I thought it would be better for me to understand the concept of OOP. I liked the idea of using cars in the assignment so I decided to recreate a game I had seen before. The game consisted of a car on a road with the objective of avoiding being hit by an obstacle.

 

Challenges:

I had a lot of challenges with this assignment. First, it was very challenging for me to come up with an idea to make the obstacles appear repeatedly. I tried several ways by investigating how an array in Java worked. In the end, I decided to use one obstacle and make it repeatedly appear on the screen. The next challenge was that I had trouble coming up with a way to check if the car was colliding with an obstacle. This was hard to do because I was unaware of the distance function. After the class I had on Monday, I was able to use the dist() function to accomplish what I wanted to do. I also had a big challenge trying to figure out how to use the keys to accomplish the movement of the car. Finally, the last challenge I had was finding a way to make the scene move. The yellow marks in the road make an effect to make it look as if the car is moving. However, calculating the timing and distance of this took me a long time. 

 

Process: 

For this project, I first designed the car with basic shapes so that I could recreate it on Processing using the shape functions. Then I tried to plan what kind of classes I needed and the attributes and methods linked to the class. Then I tried to finish all the methods and make sure they were working properly. At the end, I decided to add a background to make the game seem more interesting. However, I realized that the scene was not really engaging and it looked like the car was not moving. Therefore I decided to implement a way to make the scene more active by creating the road with yellow marks. 

LINK to VIDEO:

Conclusion:

Overall I think I failed to manage my time on this project and I underestimated the difficulty in working with Object-Oriented Programming. As the code gets longer, it gets harder to fix errors that appear. I had a hard time fixing various errors because I didn’t know what they meant by such errors. On the other hand, I think I worked well with the attributes part and avoiding hardcode. Although I hardcoded some numbers throughout this assignment, I think I have improved a lot on this part of the class. Although I am not very proud of the outcome in terms of design, I think I am satisfied with the functionality of the methods. The methods worked exactly as I expected initially.

 

Car car;
Obstacle obs;
Environment env;

void setup(){
  size(600,600);
  car = new Car(color(random(255),random(255), random(255)));
  obs = new Obstacle();
  env = new Environment();
}

void draw(){
  background(255);
  //Environment
  fill(0,255,0); //Green Parts
  rect(0, 0, width, height);
  
  fill(220); //Gray parts
  rect(100, 0, 50, height);
  rect(300, 0, 50, height);
  rect(500, 0, 50, height);
  
  env.drawenv();
  car.drawCar();
  obs.obsdraw();
  
  float distance = dist(car.posX, car.posY, obs.posX, obs.posY);
    if ( distance <= car.carHeight){
      obs.obsnew();
      car.live--;
      car.gameloss();
    }
}

void keyPressed(){
  if(keyCode == RIGHT){
    if(car.roadpos < 1){
      car.changetoright();
    }
  }
  if(keyCode == LEFT){
    if(car.roadpos >= 0){
      car.changetoleft();
    }
  }
}

class Car {
  float posX, posY, roadpos;
  float velocity; 
  float direction;
  color carcolor;
  float carWidth, carHeight;
  float wheelWidth, wheelHeight;
  float positioncarroad;
  float live; //Counter for the lives remaining

  Car(color c) {
    posX = width/2;
    posY = height/2 + height/3;
    roadpos = 0;
    carWidth = 20;
    carHeight = 35;
    wheelWidth = 5;
    wheelHeight = 10;
    carcolor = c;
    live = 3;
  }
    
  void drawCar() {
    advanceposition();
    noStroke();
    rectMode(RADIUS);
    //Wheels
    rect(posX, posY-carHeight*0.5, carWidth*1.4, carHeight*0.05); //Wheel Supporter
    rect(posX, posY+carHeight*0.6, carWidth*1.4, carHeight*0.05); //Wheel Supporter
    fill(0);
    rect(posX-carWidth*1.5, posY-carHeight*0.5, wheelWidth, wheelHeight);
    rect(posX+carWidth*1.5, posY-carHeight*0.5, wheelWidth, wheelHeight);
    rect(posX-carWidth*1.5, posY+carHeight*0.6, wheelWidth, wheelHeight);
    rect(posX+carWidth*1.5, posY+carHeight*0.6, wheelWidth, wheelHeight);
    //Car Body
    fill(carcolor);
    rect(posX, posY, carWidth, carHeight); //Main big rectangle of car
    fill(240);
    rect(posX, posY, carWidth*0.4, carHeight*0.4); //Window inside big rectangle
    fill(230);
    rect(posX, posY+carHeight, carWidth, carHeight*0.2); // Back of the car
    fill(150);
    rect(posX, posY+carHeight*1.2, carWidth*1.5, carHeight*0.2); //back of the Car
    triangle(posX-carWidth, posY-carHeight, posX+carWidth, posY-carHeight, posX, posY-carHeight*1.7); //front triangle of the car
    rect(posX, posY-carHeight*1.35, carWidth*1.4, carHeight*0.15); //Front Rectangle of the Car
  }
  
  void changetoleft(){ //Changing to left with keyboard
    posX -= width*0.33;
    roadpos--;
  }
  
  void changetoright(){ //Changing to right with keyboard
    posX += width*0.33;
    roadpos++;
  }
  
  void advanceposition(){ //Record the position of the car
    positioncarroad += 1;
  }
  
  void gameloss(){
    if(live == 0){
      fill(255);
      rect(0, 0, width, height);
      noLoop();
      textSize(32);
      fill(0);
      textAlign(CENTER);
      text("Game Over", width/2, height/2);
    }
  }
}

class Environment {
  float posY1 = 0;
  float posY2 = 200;
  float posY3 = 400;
  
  void movinglines(){ //Drawing the lines
    fill(255, 239, 0);
    rect(100, posY1, 10, 50);
    rect(300, posY1, 10, 50);
    rect(500, posY1, 10, 50);
    rect(100, posY2, 10, 50);
    rect(300, posY2, 10, 50);
    rect(500, posY2, 10, 50);
    rect(100, posY3, 10, 50);
    rect(300, posY3, 10, 50);
    rect(500, posY3, 10, 50);
  }
    
    
  void movement(){ //Making the lines move
    posY1 += 5;
    posY2 += 5;
    posY3 += 5;
  }
    
    
  void drawenv(){
    movinglines();
    movement();
    if(posY1 > 600){
      posY1 = 0;
    }
    if(posY2 > 600){
      posY2 = 0;
    }
    if(posY3 > 600){
      posY3 = 0;
    }
}

}

class Obstacle{
  float posX, posY;
  float velocity;
  float direction;
  float obsWidth, obsHeight;
  color obscolor;
  
  Obstacle() {
    posX = (width/2)-(width*0.3)-20+int(random(0, 3))*(width/3);
    posY = 0;
    velocity = 5;
    obsWidth = 20;
    obsHeight = 20;
    obscolor = color(255, 0, 0); 
  }
    
  void velocityobs(){ //Update the object Y position
    posY += velocity;
  }
  
  void obsdraw(){
    rect(posX, posY, obsWidth, obsHeight);
    fill(255, 0, 0);
    circle(posX, posY, 30);
    
    velocityobs();
    if(posY > height){
      obsnew();
    }
  }
  void obsnew(){
    posY = 0;
    posX = (width/2)-(width*0.3)-20+int(random(0, 3))*(width/3);  
  }
  
}