Concept:
My concept this week is to continue building on the “SURVIVE” game I made in week 3. It is an interactive video game in which the player is a triangle located at the cursor and the objective is to avoid incoming projectiles RGB colored projectiles.I have removed the “MISSION ACCOMPLISHED” page as I have opted to make the game Tetris style. That means the game is an endless mode in which the goal is to survive for as long as possible and get a highscore. Instead of counting down the timer counts up and speed of the projectiles get faster based off of the time elapsed. I have also added different menus to help navigate the game. This includes a main menu and game over menu.
Embedded:
Code:
function resetGame() {
rain = [];
range = 400;
size = 30;
health = 3;
ctr = 0;
count = 0;
lost = 0;
win = 0;
speedinc = 0;
starttime = 2;
timer = 0;
for (let i = 0; i < 120; i++) {
rain.push(new raindrop());
}
}
The main change between this new iteration is the ability to reset the game back to its original state without rerunning theb sketch. This is made possible using the resetGame() function. The purpose of this function is to reinitialize all the games attributes back to its baseline.
if (level == 0) {
noCursor();
background(0);
print("lvl 0");
fill(200, 200, 100);
triangle(
mouseX - 10,
mouseY + 5,
mouseX + 10,
mouseY + 5,
mouseX,
mouseY - 10
);
if (frameCount % (5 * 60) == 0) {
print("fdnsjgds");
speedinc = speedinc + 1.25;
}
if (frameCount % 60 == 0) {
timer++;
}
if (timer <= starttime) {
fill(255);
textSize(24);
textAlign(CENTER, CENTER);
text("OBJECTIVE: SURVIVE", width / 2, height / 2);
} else if (timer > starttime) {
displayTimer();
for (let i = 0; i < 120; i++) {
noStroke();
rain[i].draw();
rain[i].move();
rain[i].checkForCollisions();
ctr++;
if (ctr > 2) {
ctr = 0;
}
}
if (win == 1) {
background(0);
fill(255);
textSize(24);
textAlign(CENTER, CENTER);
text("MISSION ACCOMPLISED", width / 2, height / 2);
win = 1;
resetGame();
} else if (health <= 0) {
resetGame();
level = 2;
}
}
}
if (level == 1) {
background(0);
fill(255);
textSize(24);
textAlign(CENTER, CENTER);
text("Main Menu", width / 2, height / 2 - 36);
text("Play", width / 2, height / 2 + 36);
text("Highscores", width / 2, height / 2 + 80);
resetGame();
// push();
fill(0,0,0,1);
rect(width / 2 - 75 ,
height / 2 - 15 + 36 ,
75*2 ,
30)
stroke(0);
// pop();
// stroke(255);
print("lvl 1");
// if (mouseIsPressed) {
if (
mouseX > width / 2 - 75 &&
mouseX < width / 2 + 75 &&
mouseY > height / 2 - 10 + 36 &&
mouseY < height / 2 + 25 + 36
) {
// push();
stroke(255);
// pop();
if (mouseIsPressed){
level = 0;
}
}
}
if (level == 2) {
cursor(CROSS);
background(0);
fill(255);
textSize(24);
textAlign(CENTER, CENTER);
text("GAME OVER", width / 2, height / 2 - 36);
text("Retry", width / 2, height / 2 + 36);
text("Return to main menu", width / 2, height / 2 + 80);
print("lvl 2");
if (mouseIsPressed) {
if (
mouseX > width / 2 - 75 &&
mouseX < width / 2 + 75 &&
mouseY > height / 2 - 25 + 36 &&
mouseY < height / 2 + 25 + 36
) {
level = 0;
}
if (
mouseX > width / 2 - 75 &&
mouseX < width / 2 + 75 &&
mouseY > height / 2 - 25 + 80 &&
mouseY < height / 2 + 25 + 80
) {
resetGame();
level = 1;
}
}
}
if(level == 3){
}
}
Another aspect is navigating between the different menus. The structure that this is done with determines how clean or messy the code would be. I opted to have each menu in a different if statement which checks the current “level”. There are 4 different levels currently. These consist of the game itself, main menu, game over screen, and high scores. Using this structure, the program is only able to access which is made available to the current level variable. This makes developing features in the game much simpler and easier.
Challenges:
I had an issue where when I return to main menu after the Game over screen the buttons would not work, the issue was fixed by temporarily commenting out the level 3 line as it has not been implemented which caused the program to completely halt as it entered level 3 (highscores).
Future Improvements:
The project is halfway completed. The next features to be developed: Add a points system which increases based on the timer, Add a background image and sound effects, Add various power ups and interactable items, complete the Highscore page and make it so that you can enter your name and score into the leaderboard, and finally to add different fonts and sprites. My hope is that the game ends up being a fun and engaging game in which friends can compete in achieving highscores.