xxxxxxxxxx209
let policeCar, robberCar, otherCars = []; // Declare the main cars for the gamelet sirenSound; // Variable to hold the siren soundlet gameStarted = false; // Variable to track if the game has startedfunction preload() { sirenSound = loadSound('/assets/siren.mp3'); // Load the siren sound before setup}function setup() { createCanvas(700, 600); createStartButton(); // Create a button to start the game initializeGame(); // Initialize game elements sirenSound.loop(); // Start the siren sound in a loop}function draw() { background(220); drawRoad(); // Draw the road // Update and display each ordinary car for (let car of otherCars) { car.moveHorizontally(); // Move the car horizontally car.update(); // Update the car's position car.checkCollisions([otherCars, policeCar, robberCar]); // Check for collisions with other cars car.display(); // Display the car } if (!gameStarted) return; // If the game hasn't started, exit the draw function let target = createVector(mouseX, mouseY); // Create a target vector based on mouse position let steering = policeCar.chase(target); // Calculate the steering force for the police car policeCar.applyForce(steering); // Apply the steering force to the police car policeCar.update(); // Update the police car's position policeCar.checkCollisions([otherCars]); // Check for collisions with other cars policeCar.display(); // Display the police car robberCar.pos = target; // Set the robber car's position to the target robberCar.update(); // Update the robber car's position robberCar.checkCollisions([otherCars, policeCar]); // Check for collisions robberCar.display(); // Display the robber car // Check if the police car has caught the robber car if (policeCar.intersects(robberCar)) { noLoop(); // Stop the draw loop sirenSound.stop(); // Stop the siren sound createResetButton('Play again'); // Create a button to restart the game }}function drawRoad() { fill(50); // Set the fill color for the road rect(0, height / 3, width, height / 3); // Draw the road rectangle for (let i = 0; i < width; i += 40) { fill(255); // Set fill color for lane markings rect(i, height / 2 - 5, 20, 10); // Draw lane markings }}class Car { constructor(x, y, color, isPolice = false, isOrdinary = false) { this.pos = createVector(x, y); // Set the car's position this.vel = createVector(0, 0); // Initialize velocity this.acc = createVector(0, 0); // Initialize acceleration this.maxSpeed = isPolice ? 3 : 2; // Set max speed based on car type this.maxForce = 0.1; // Set max steering force this.color = color; // Set the car's color this.isPolice = isPolice; // Boolean to check if it's a police car this.isOrdinary = isOrdinary; // Boolean to check if it's an ordinary car } chase(target) { let force = p5.Vector.sub(target, this.pos); // Calculate direction to the target force.setMag(this.maxSpeed); // Set the force's magnitude to max speed force.sub(this.vel); // Adjust force based on current velocity force.limit(this.maxForce); // Limit the force to max steering return force; // Return the calculated force } applyForce(force) { this.acc.add(force); // Add the force to the car's acceleration } moveHorizontally() { if (this.isOrdinary) { this.vel = createVector(1, 0); // Set horizontal velocity this.pos.add(this.vel); // Update position // Wrap around the screen if (this.pos.x > width) { this.pos.x = -50; // Reset position to the left this.pos.y = random(height / 3, 2 * height / 3); // Randomize vertical position } } } update() { this.vel.add(this.acc); // Update velocity with acceleration this.vel.limit(this.maxSpeed); // Limit velocity to max speed this.pos.add(this.vel); // Update position this.acc.set(0, 0); // Reset acceleration // Bounce back if the car goes off the top or bottom of the road if (this.pos.y < height / 3) { this.pos.y = height / 3; // Set position to the road's top this.vel.y *= -0.5; // Reverse velocity with some damping } if (this.pos.y > 2 * height / 3) { this.pos.y = 2 * height / 3; // Set position to the road's bottom this.vel.y *= -0.5; // Reverse velocity with some damping } } display() { push(); // Save the current drawing state translate(this.pos.x, this.pos.y); // Move to the car's position rotate(this.vel.heading()); // Rotate based on velocity direction fill(this.color); // Set the fill color for the car rectMode(CENTER); // Set rect mode to center rect(0, 0, 60, 30); // Draw the car body fill(200); // Set fill color for the windows rect(0, 0, 40, 15); // Draw the car window fill(0); // Set fill color for the tires rect(-20, -15, 10, 5); // Draw left tire rect(20, -15, 10, 5); // Draw right tire rect(-20, 15, 10, 5); // Draw left rear tire rect(20, 15, 10, 5); // Draw right rear tire // If this car is a police car, add police lights if (this.isPolice) { fill('red'); // Set fill color for lights rect(30, -8, 5, 5); // Draw left light fill('red'); // Set fill color for right light rect(30, 8, 5, 5); // Draw right light } pop(); // Restore the previous drawing state } intersects(other) { let d = dist(this.pos.x, this.pos.y, other.pos.x, other.pos.y); // Calculate distance to another car return d < 50; // Return true if the cars are close enough to intersect } checkCollisions(others) { for (let other of others) { // Check for collisions with other cars if (this !== other && this.intersects(other)) { let overlap = p5.Vector.sub(this.pos, other.pos); // Find overlap vector overlap.setMag(1); // Limit overlap to a small amount this.pos.add(overlap); // Adjust position to avoid overlap this.vel.mult(-0.5); // Reverse velocity with some damping } } }}function initializeGame() { // Create the police and robber cars policeCar = new Car(width / 4, height - 100, 'blue', true); // Blue police car robberCar = new Car(width / 2, height - 50, 'red'); // Red robber car otherCars = []; // Initialize the array of ordinary cars const colors = ['green', 'yellow', 'purple', 'orange', 'pink', 'black']; // Possible colors for ordinary cars // Create random ordinary cars for (let i = 0; i < 5; i++) { let carColor = random(colors); // Choose a random color otherCars.push(new Car(random(50, width - 50), random(height / 3, 2 * height / 3), carColor, false, true)); // Create and add a new car }}function createResetButton(action) { let button = createButton(action); // Create a button with the given action button.position(width / 2 - 50, height / 2); // Position the button in the center button.style('padding', '10px 20px'); // Style the button button.style('font-size', '16px'); button.style('background-color', '#4CAF50'); button.style('color', 'white'); button.style('border', 'none'); button.style('border-radius', '5px'); button.style('cursor', 'pointer'); button.mousePressed(() => { button.remove(); // Remove the button when pressed initializeGame(); // Reset the game elements loop(); // Restart the draw loop sirenSound.loop(); // Restart the siren sound });}function createStartButton() { let button = createButton('Start Game'); // Create a start button button.position(width / 2 - 50, height / 2); // Position the button in the center button.style('padding', '10px 20px'); // Style the button button.style('font-size', '16px'); button.style('background-color', '#4CAF50'); button.style('color', 'white'); button.style('border', 'none'); button.style('border-radius', '5px'); button.style('cursor', 'pointer'); button.mousePressed(() => { button.remove(); // Remove the button when pressed initializeGame(); // Initialize game elements gameStarted = true; // Set the game state to started sirenSound.loop(); // Start the siren sound });}