xxxxxxxxxx229
let cols, rows;let scl = 50; // Scale of the gridlet w = 2000; // Width of the wave gridlet h = 1800; // Height of the wave gridlet terrain = []; // Array for wave heightslet flying = 0.1; // Wave motionlet timer = 15; // Timer for the gamelet gameState = "start"; // "start", "play", or "end"let leaves = []; // Array to store floating leaveslet boatImage; // Boat imagelet boat = { x: 0, y: 0, size: 200, // Increased boat size speed: 15, // Speed of movement};function preload() { // Load your boat image boatImage = loadImage("boat.png"); // Replace "boat.png" with your image filename}function setup() { createCanvas(800, 600, WEBGL); cols = Math.floor(w / scl); rows = Math.floor(h / scl); initializeTerrain(); // Initialize terrain heights initializeLeaves(7); // Add 7 floating leaves noStroke(); frameRate(60); // Smooth frame rate setInterval(() => { if (gameState === "play" && timer > 0) { timer--; } else if (timer === 0) { gameState = "end"; } }, 1000);}function draw() { background(135, 206, 235); // Light blue sky if (gameState === "start") { displayStartScreen(); } else if (gameState === "play") { flying -= 0.1 + (15 - timer) * 0.005; // Increase ripple speed over time applyLighting(); // Add realistic lighting drawRiver(); // Draw the river with ripples drawBoat(); // Draw the player's boat drawLeaves(); // Draw floating leaves moving downward checkCollisions(); // Check collisions with leaves displayTimerAndScore(); } else if (gameState === "end") { displayEndScreen(); }}// Initialize the terrain arrayfunction initializeTerrain() { terrain = Array.from({ length: cols }, () => Array(rows).fill(0));}// Lighting effectsfunction applyLighting() { ambientLight(200, 200, 250); // Cool blue ambient light directionalLight(100, 100, 255, 0, -1, -1); // Light from above}// Draw the river with ripplesfunction drawRiver() { push(); translate(-w / 2, -h / 2); // Center the terrain grid for (let y = 0; y < rows - 1; y++) { beginShape(TRIANGLE_STRIP); for (let x = 0; x < cols; x++) { let xoff = flying + x * 0.05; let yoff = y * 0.1; let h1 = map(noise(xoff, yoff), 0, 1, -10, 10); // Dynamic ripples let h2 = map(noise(xoff, yoff + 0.1), 0, 1, -10, 10); // Next ripple // Water color based on height let blueShade = map(h1, -10, 10, 100, 200); fill(0, blueShade, 255, 180); // Blue water shades vertex(x * scl, y * scl, h1); vertex(x * scl, (y + 1) * scl, h2); } endShape(); } pop();}// Draw the boatfunction drawBoat() { boat.y = height / 2 - 50; // Fixed position near the bottom of the screen push(); translate(boat.x, boat.y, 0); if (boatImage) { // Draw the boat image texture(boatImage); plane(boat.size, boat.size / 1.5); // Adjusted size for a better aspect ratio } else { // Draw a placeholder rectangle if the image is missing fill(150, 75, 0); rectMode(CENTER); rect(0, 0, boat.size, boat.size / 2); } pop();}// Display the start screen with a timerfunction displayStartScreen() { push(); textSize(30); fill(255); textAlign(CENTER, CENTER); text(`Get Ready!`, 0, -100); textSize(20); text(`Press any key to start`, 0, -50); pop();}// Display the end screenfunction displayEndScreen() { push(); textSize(30); fill(255); textAlign(CENTER, CENTER); text(`Game Over!`, 0, -100); textSize(20); text(`Time's up!`, 0, -50); pop();}// Initialize floating leaves positionsfunction initializeLeaves(count) { for (let i = 0; i < count; i++) { leaves.push({ x: random(-width / 2 + 100, width / 2 - 100), // Random horizontal position y: random(-height / 2, -height), // Start above the screen size: random(40, 70), // Smaller leaves speed: random(2, 4), // Random speed tilt: random(-0.3, 0.3), // Tilt for rotation }); }}// Draw floating leaves with movementfunction drawLeaves() { for (let leaf of leaves) { // Move the leaf downward leaf.y += leaf.speed; // Reset position if it moves off the screen if (leaf.y > height / 2) { leaf.y = random(-height / 2, -height); leaf.x = random(-width / 2 + 100, width / 2 - 100); leaf.size = random(40, 70); } push(); translate(leaf.x, leaf.y, 0); rotateZ(leaf.tilt); // Tilt the leaf for a natural effect // Draw the leaf using ellipse and bezier curves fill(34, 139, 34); // Green for leaves beginShape(); vertex(0, -leaf.size / 2); // Top point bezierVertex( -leaf.size / 2, -leaf.size / 4, // Left control point -leaf.size / 2, leaf.size / 4, // Left bottom control point 0, leaf.size / 2 // Bottom point ); bezierVertex( leaf.size / 2, leaf.size / 4, // Right bottom control point leaf.size / 2, -leaf.size / 4, // Right control point 0, -leaf.size / 2 // Close to top point ); endShape(CLOSE); pop(); }}// Check for collisions with leavesfunction checkCollisions() { for (let leaf of leaves) { let distToBoat = dist(boat.x, boat.y, 0, leaf.x, leaf.y, 0); if (distToBoat < (boat.size / 2 + leaf.size / 2)) { gameState = "end"; // End the game on collision } }}// Display timer and scorefunction displayTimerAndScore() { push(); textSize(20); fill(255); textAlign(LEFT); text(`Time Left: ${timer}s`, -width / 2 + 20, -height / 2 + 40); pop();}// Handle player input for boat movementfunction keyPressed() { if (gameState === "start") { gameState = "play"; } if (gameState === "play") { if (keyCode === LEFT_ARROW) { boat.x -= boat.speed; boat.x = constrain(boat.x, -width / 2 + boat.size / 2, width / 2 - boat.size / 2); } else if (keyCode === RIGHT_ARROW) { boat.x += boat.speed; boat.x = constrain(boat.x, -width / 2 + boat.size / 2, width / 2 - boat.size / 2); } }}