xxxxxxxxxx332
/* Name: Bismark Buernortey Buer Title: Superman Saves*/// Declare global variableslet roadY = 0; // Vertical position of the road markingslet gameState = "INSTRUCTIONS"; // Tracks the current state of the gamelet carImage, backgroundImage, startSound, gameSound, gameOverSound; // Assets: images and soundslet gameOverImage, restartImage, quitImage, gameOverBg, startButtonImage; // UI imageslet countdownSound; // Countdown sound effectlet carX, carY; // Car position coordinateslet lightState = "green"; // Current state of the traffic lightlet strikes = 0; // Counter for traffic violationslet lightTimer = 0; // Timer to track light changeslet isMoving = false; // Boolean flag for car movement (controlled by Arduino)let violationTimer = 0; // Timer to check violationslet countdown = 3; // Countdown value before the game startslet countdownStartTime = 0; // Timer start time for countdownlet countdownActive = false; // Flag for countdown statelet serial; // Serial communication object for Arduinolet gracePeriodActive = false; // Flag for grace period after light changelet graceStartTime = 0; // Timer start for grace period// Preload images and sounds before setupfunction preload() { carImage = loadImage("car.png"); backgroundImage = loadImage("background.jpg"); gameOverImage = loadImage("gameover.png"); restartImage = loadImage("restart.png"); quitImage = loadImage("quit.png"); gameOverBg = loadImage("gameover_bg.jpg"); startButtonImage = loadImage("start.png"); startSound = loadSound("start_sound.mp3"); gameSound = loadSound("gameplay_sound.mp3"); gameOverSound = loadSound("gameover_sound.mp3"); countdownSound = loadSound("countdown_go.mp3");}// Initial setup for the gamefunction setup() { fullscreen(); // Set fullscreen mode createCanvas(windowWidth, windowHeight); // Create a canvas with full window size carX = width / 2; // Set car's horizontal position carY = height - 200; // Set car's vertical position // Initialize serial communication with Arduino serial = new p5.SerialPort(); serial.open("/dev/tty.usbmodem1201"); // serial port serial.on("data", serialEvent); // Define event for incoming serial data startSound.loop(); // Play start sound on loop}// Resize canvas dynamically when the window size changesfunction windowResized() { resizeCanvas(windowWidth, windowHeight);}// Main draw loop: controls the game statefunction draw() { if (gameState === "INSTRUCTIONS") { showInstructions(); // Display instructions screen } else if (gameState === "COUNTDOWN") { showCountdown(); // Display countdown before game starts } else if (gameState === "PLAY") { playGame(); // Main game logic } else if (gameState === "END") { endGame(); // End game screen }}// Display instructions screenfunction showInstructions() { background(backgroundImage); // Set background textAlign(CENTER); textSize(32); fill("black"); text("🚦 Traffic Light Game 🚦", width / 2, height / 6); // Title textSize(24); text("Green: Move | Red: Stop | Yellow: Keep Moving", width / 2, height / 4); text("Press and hold the button to stop the car", width / 2, height / 3); text("React in time to avoid strikes!", width / 2, height / 2.75); image(startButtonImage, width / 2 - 100, height / 2, 200, 100); // Start button // Start game on button press if (mouseIsPressed && mouseX > width / 2 - 100 && mouseX < width / 2 + 100 && mouseY > height / 2 && mouseY < height / 2 + 100) { startSound.stop(); countdownSound.play(); countdownStartTime = millis(); // Start countdown timer countdownActive = true; gameState = "COUNTDOWN"; }}// Show countdown before game startsfunction showCountdown() { let currentTime = millis(); let elapsed = Math.floor((currentTime - countdownStartTime) / 1000); // Time passed let flashColor = frameCount % 20 < 10 ? color(255, 0, 0) : color(255, 255, 0); // Flashing background effect background(flashColor); textAlign(CENTER); textSize(150); fill(255); if (elapsed <= 3) { countdown = 3 - elapsed; text(countdown, width / 2, height / 2); // Show countdown numbers } else { fill(0, 255, 0); text("GO!", width / 2, height / 2); // Show "GO!" when countdown ends if (countdownActive) { countdownActive = false; setTimeout(() => { gameSound.loop(); // Start gameplay sound gameState = "PLAY"; lightTimer = millis(); // Start light timer violationTimer = millis(); // Start violation timer startGracePeriod(); }, 1000); } }}// Main gameplay logicfunction playGame() { background("SkyBlue"); let currentTime = millis(); updateTrafficLight(currentTime); // Update traffic light state updateRoad(); // Draw road drawCar(carX, carY); // Draw car drawTrafficLight(); // Draw traffic light if (isMoving && !gameSound.isPlaying()) gameSound.loop(); // Loop game sound when moving else if (!isMoving && gameSound.isPlaying()) gameSound.stop(); // Stop sound if not moving // Check for violations every 2 seconds if (currentTime - violationTimer >= 2000) { checkViolations(); violationTimer = currentTime; } fill("black"); textSize(24); text(`Strikes: ${strikes}`, 50, 50); // Display strikes // End game after 3 strikes if (strikes >= 3) { gameSound.stop(); gameOverSound.play(); gameState = "END"; }}// Display game over screenfunction endGame() { background(gameOverBg); image(gameOverImage, width / 2 - 150, height / 4, 300, 150); image(restartImage, width / 2 - 220, height / 2, 200, 100); // Restart button image(quitImage, width / 2 + 20, height / 2, 200, 100); // Quit button textAlign(CENTER); textSize(24); fill("black"); text("Choose an option:", width / 2, height / 2 - 50); // Restart or quit game based on mouse position if (mouseIsPressed) { if (mouseX > width / 2 - 220 && mouseX < width / 2 - 20 && mouseY > height / 2 && mouseY < height / 2 + 100) { restartGame(); } if (mouseX > width / 2 + 20 && mouseX < width / 2 + 220 && mouseY > height / 2 && mouseY < height / 2 + 100) { returnToStartPage(); } }}// Function to restart the gamefunction restartGame() { gameState = "COUNTDOWN"; // Set game state to countdown strikes = 0; // Reset strikes lightState = "green"; // Reset traffic light to green lightTimer = millis(); // Reset light timer violationTimer = millis(); // Reset violation timer isMoving = false; // Stop the car movement gameOverSound.stop(); // Stop the game over sound countdownSound.play(); // Play countdown sound countdownStartTime = millis(); // Start countdown timer countdownActive = true; // Activate countdown}// Function to return to the start pagefunction returnToStartPage() { gameState = "INSTRUCTIONS"; // Return to the instructions screen strikes = 0; // Reset strikes isMoving = false; // Stop car movement lightState = "green"; // Reset traffic light to green lightTimer = millis(); // Reset light timer violationTimer = millis(); // Reset violation timer gameOverSound.stop(); // Stop the game over sound startSound.loop(); // Replay the start sound}// Function to update the traffic light based on timefunction updateTrafficLight(currentTime) { if (lightState === "green" && currentTime - lightTimer > 15000) { lightState = "yellow"; // Change to yellow after 15 seconds lightTimer = millis(); // Reset timer } else if (lightState === "yellow" && currentTime - lightTimer > 5000) { lightState = "red"; // Change to red after 5 seconds lightTimer = millis(); // Reset timer startGracePeriod(); // Start grace period for violations } else if (lightState === "red" && currentTime - lightTimer > 8000) { lightState = "green"; // Change back to green after 8 seconds lightTimer = millis(); // Reset timer startGracePeriod(); // Start grace period for green light }}// Function to check for traffic light violationsfunction checkViolations() { let currentTime = millis(); if (gracePeriodActive && currentTime - graceStartTime < 1000) return; // Skip checks during grace period // Add strikes for incorrect actions based on traffic light state if (lightState === "green" && !isMoving) addStrike("Didn't move during green!"); else if (lightState === "red" && isMoving) addStrike("Moved during red!"); else if (lightState === "yellow" && !isMoving) addStrike("Stopped during yellow!");}// Function to handle strikes and send feedback to Arduinofunction addStrike(message) { strikes++; // Increment strikes count console.log(message); // Log the violation message serial.write("BUZZER\n"); // Send a buzzer signal to Arduino}// Function to draw the traffic light on the screenfunction drawTrafficLight() { fill("black"); rect(20, 20, 50, 150, 10); // Draw the traffic light box // Draw the red light fill(lightState === "red" ? "red" : "gray"); ellipse(45, 50, 30, 30); // Draw the yellow light fill(lightState === "yellow" ? "yellow" : "gray"); ellipse(45, 95, 30, 30); // Draw the green light fill(lightState === "green" ? "green" : "gray"); ellipse(45, 140, 30, 30);}// Function to draw the car on the screenfunction drawCar(x, y) { image(carImage, x - 50, y, 100, 150); // Draw the car image centered at (x, y)}// Function to update the road movementfunction updateRoad() { let centerY = height / 2; // Center of the screen vertically let centerX = width / 2; // Center of the screen horizontally let roadUpOffset = 50; // Width of the road at the top let roadDownOffset = 150; // Width of the road at the bottom let markingLength = 40; // Length of road markings roadY += isMoving ? 5 : 0; // Move road markings downward if car is moving if (roadY > markingLength * 2) roadY = 0; // Reset markings position when off-screen // Draw the grass background noStroke(); fill("lime"); rect(0, centerY, width, centerY); // Draw the road as a trapezoid fill("gray"); quad(centerX - roadUpOffset, centerY, centerX + roadUpOffset, centerY, centerX + roadDownOffset, height, centerX - roadDownOffset, height); // Draw dashed road markings stroke(255); strokeWeight(5); for (let i = centerY; i < height; i += markingLength * 2) { let y = i + roadY; // Adjust position with road movement line(centerX, y, centerX, y + markingLength); }}// Event function for receiving data from Arduinofunction serialEvent() { let data = serial.readStringUntil("\n"); // Read serial data line by line if (data.trim() === "MOVE") isMoving = true; // Set car to moving if Arduino sends "MOVE" if (data.trim() === "STOP") isMoving = false; // Stop car if Arduino sends "STOP"}// Function to activate grace period after light changesfunction startGracePeriod() { gracePeriodActive = true; // Activate grace period graceStartTime = millis(); // Set grace period start time}