Fruit Runner

{"name":"Explorer Control 14","description":"Run, jump, and collect fruits in this exciting platformer game!","photo":null,"view_count":3,"fork_count":0,"expires_at":null,"created_at":"2024-04-02T10:13:42.181845Z","updated_at":"2024-04-02T10:13:42.181847Z","user_id":8,"status":"PUBLIC","parent_id":966,"id":1011,"user":{"photo":null,"email":null,"recess_id":"3f5f8324-2a21-d8d3-2d39-c7ba5cf76110","created_at":"2023-12-12T14:12:57.257630Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"baian","id":8,"password_hash":null,"updated_at":"2023-12-12T14:12:57.257633Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let backgroundImg;\nlet newBackgroundImg;\nlet resetTrigger = { x: 579, y: 1108, size: 50 };\nlet playerImg;\nlet playerX, playerY;\nlet newTrigger = { x: 1789.6, y: 417.2, size: 62 };\nlet trigger = { x: 1789, y: 524, size: 50 };\nlet inTriggerArea = false;\nlet fireCooldown = 0; // Cooldown timer\nlet camX = 0, camY = 0;\nlet projectiles = [];\nlet inNewTriggerArea = false; // Declare at the top of your script\nlet enemyImg;\nlet enemies = [];\nlet enemySpawnRate = 152; // Number of frames between spawns, adjusted to make spawn rate slower\nlet particles = [];\nlet resetGame = false; // Flag to reset the game\nlet currentBackground = 'default'; // Possible values: 'default', 'new'\nlet spiderImg;\n\n\nfunction movePlayer() {\n if (keyIsDown(87) && playerY > 0) { // W key for moving up\n playerY -= 5;\n }\n if (keyIsDown(83) && playerY < height - 260) { // S key for moving down\n playerY += 5;\n }\n if (keyIsDown(65) && playerX > 0) { // A key for moving left\n playerX -= 5;\n }\n if (keyIsDown(68) && playerX < width - 260) { // D key for moving right\n playerX += 5;\n }\n}\n\nlet finalBackgroundImg;\n\nfunction preload() {\n backgroundImg = loadImage('https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/i1aqztac2qqf1bpkw7qn?_a=BBECd1AE0');\n newBackgroundImg = loadImage('https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/xrxsbqgqtwnjpsqyabdr?_a=BBECd1AE0');\n playerImg = loadImage('https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/kndhwxfj6eyrxzoqehkj?_a=BBECd1AE0');\n enemyImg = loadImage('https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/s2xp640ckb5gktb0n50s?_a=BBECd1AE0');\n spiderImg = loadImage('https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/hsrzbsuwexbv7bjkjzql?_a=BBECd1AE0');\n finalBackgroundImg = loadImage('https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/bcbimqiqft4hsbkegvyt?_a=BBECd1AE0'); // Load the final background image\n}\n\nfunction setup() {\n createCanvas(2048, 1536);\n playerX = width / 5;\n playerY = height / 5;\n}\n\nclass SpiderEnemy {\n constructor(x, y, width = 120, height = 120, speed = 3.8, hitsRequired = 1) {\n this.x = x;\n this.y = y;\n this.width = width;\n this.height = height;\n this.speed = speed;\n this.hits = 0; // Initialize hits taken\n this.hitsRequired = hitsRequired; // Number of hits required to kill the spider\n this.enemyType = 'spider';\n }\n\n update() {\n // Move towards the player\n let angle = atan2(playerY - this.y, playerX - this.x);\n this.x += cos(angle) * this.speed;\n this.y += sin(angle) * this.speed;\n }\n\n draw() {\n image(spiderImg, this.x, this.y, this.width, this.height);\n }\n}\n\nclass Particle {\n constructor(x, y) {\n this.position = createVector(x, y);\n this.velocity = p5.Vector.random2D();\n this.velocity.mult(random(1.8, 5.4)); // Increase the upper limit for more spread\n this.lifespan = 255;\n }\n\n update() {\n this.position.add(this.velocity);\n this.lifespan -= 26; // Decrease the reduction rate for a longer lifespan\n }\n\n draw() {\n noStroke();\n fill(255, 0, 0, this.lifespan); // Red with decreasing alpha\n ellipse(this.position.x, this.position.y, 7, 6); // Small circles\n }\n\n isFinished() {\n return this.lifespan < 0;\n }\n}\n\nclass Enemy {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.width = 240; // Adjust size as necessary\n this.height = 240; // Adjust size as necessary\n this.hits = 0; // Track the number of hits\n this.enemyType = 'regular';\n // Randomly decide if this enemy takes 2 or 3 hits to kill, with a rare chance for 3\n this.hitsRequired = random() < 0.4 ? 3 : 2; // 10% chance to require 3 hits\n }\n\n update() {\n let angle = atan2(playerY - this.y, playerX - this.x);\n this.x += cos(angle) * 2; // Adjust speed as necessary\n this.y += sin(angle) * 2; // Adjust speed as necessary\n }\n\n draw() {\n image(enemyImg, this.x, this.y, this.width, this.height);\n }\n}\n\nclass Projectile {\n constructor(x, y, targetX, targetY) {\n this.x = x;\n this.y = y;\n let angle = atan2(targetY - y, targetX - x);\n this.speedX = cos(angle) * 5; // Projectile speed\n this.speedY = sin(angle) * 5; // Projectile speed\n }\n\n update() {\n this.x += this.speedX;\n this.y += this.speedY;\n }\n\n draw() {\n fill(255, 255, 0); // Color of the projectile (yellow)\n ellipse(this.x, this.y, 10, 10); // Increased size\n }\n}\n\nfunction checkCollision(enemy, projectile) {\n let distance = dist(enemy.x + enemy.width / 2, enemy.y + enemy.height / 2, projectile.x, projectile.y);\n // Check if the distance between the enemy's center and the projectile is less than half the enemy's width or height\n return distance < (enemy.width / 2) || distance < (enemy.height / 2);\n}\n\nfunction displayPlayerCoordinates() {\n fill(255); // White text\n textSize(16);\n text(`X: ${playerX}, Y: ${playerY}`, playerX - 30, playerY - 30); // Display coordinates above the player avatar\n}\n\nfunction draw() {\n background(255); // Set background color to white\n\n // Decrement the fireCooldown each frame, stopping at 0\n if (fireCooldown > 0) {\n fireCooldown--;\n }\n\n // Camera calculations for following the player\n camX = -playerX + width / 2;\n camY = -playerY + height / 2;\n translate(camX, camY);\n\n // Determine and draw the current background image based on trigger areas\n let bgImg;\n // Check for the specific conditions to switch backgrounds\n if (currentBackground === 'new') {\n bgImg = newBackgroundImg;\n } else if (currentBackground === 'final') {\n bgImg = finalBackgroundImg; // Use the final background if the condition is met\n } else {\n bgImg = backgroundImg; // Default background\n }\n image(bgImg, 0, 0, width, height);\n\n // Check for the transition to the final background condition\n if (dist(playerX, playerY, 1789.6, 892.2) < 50 && currentBackground === 'new') {\n currentBackground = 'final';\n // Despawn all spider enemies upon entering the final background\n enemies = enemies.filter(enemy => enemy.enemyType !== 'spider');\n }\n // Then, check for the new background condition and adjust player position\n else if (dist(playerX, playerY, newTrigger.x, newTrigger.y) < newTrigger.size && currentBackground !== 'new') {\n currentBackground = 'new';\n // Set player position to the specified coordinates upon entering the new background\n playerX = 399.6;\n playerY = 372.2;\n }\n\n // Spawn a SpiderEnemy in the new background area more frequently\n if (currentBackground === 'new' && frameCount % 120 === 0) {\n let spawnX = 1539;\n let spawnY = 107;\n\n // Rare chance to spawn a bigger spider\n if (random() < 0.40) { // Adjust the chance as needed\n let biggerWidth = 180; // Bigger size\n let biggerHeight = 180; // Bigger size\n let slowerSpeed = 3.6; // Make the bigger spider slower\n enemies.push(new SpiderEnemy(spawnX, spawnY, biggerWidth, biggerHeight, slowerSpeed, 2)); // Requires 2 hits to kill\n } else {\n enemies.push(new SpiderEnemy(spawnX, spawnY));\n }\n\n // Loop a set number of times, each with a chance to spawn another SpiderEnemy nearby\n for (let i = 0; i < 5; i++) { // Attempt up to 6 additional spawns\n if (random() < 0.4) { // 40% chance for each additional spawn attempt\n let variance = 96; // Max distance from the original spawn point\n let nearbySpawnX = spawnX + random(-variance, variance);\n let nearbySpawnY = spawnY + random(-variance, variance);\n enemies.push(new SpiderEnemy(nearbySpawnX, nearbySpawnY));\n }\n }\n }\n\n // Spawn regular enemies at a specified rate in the 'default' background\n if (currentBackground === 'default' && frameCount % enemySpawnRate === 0) {\n let fixedSpawnX = 424.6; // Fixed spawn X position\n let fixedSpawnY = 172.2; // Fixed spawn Y position\n enemies.push(new Enemy(fixedSpawnX, fixedSpawnY));\n }\n\n // Update and draw enemies, check collisions with projectiles and player\n for (let i = enemies.length - 1; i >= 0; i--) {\n let enemy = enemies[i];\n enemy.update();\n enemy.draw();\n\n // Collision detection between the player and enemies\n if (dist(playerX + 130, playerY + 130, enemy.x + enemy.width / 2, enemy.y + enemy.height / 2) <= (130 / 2 + enemy.width / 2)) {\n // Create particle effect and reset the game for any enemy type\n for (let k = 0; k < 50; k++) {\n particles.push(new Particle(playerX, playerY));\n }\n resetGame = true;\n }\n\n // Adjusted removal condition\n if (enemy.y > height || enemy.x > width || enemy.y < 0 || enemy.x < 0 || (currentBackground === 'new' && enemy.enemyType !== 'spider')) {\n enemies.splice(i, 1);\n }\n }\n\n // Update and draw each projectile\n projectiles.forEach((projectile, i) => {\n projectile.update();\n projectile.draw();\n\n // Check for collisions with enemies\n for (let j = enemies.length - 1; j >= 0; j--) {\n let enemy = enemies[j];\n if (checkCollision(enemy, projectile)) {\n // Create particle effect on collision\n for (let k = 0; k < 10; k++) {\n particles.push(new Particle(projectile.x, projectile.y));\n }\n\n // Remove the projectile\n projectiles.splice(i, 1);\n\n enemy.hits++; // Increment the hit count\n // Check if the enemy has been hit the required number of times\n if (enemy.hits >= enemy.hitsRequired) {\n enemies.splice(j, 1); // Remove the enemy\n }\n break; // Break the loop to avoid multiple collisions\n }\n }\n\n // Remove projectiles that move off the canvas\n if (projectile.x < 0 || projectile.x > width || projectile.y < 0 || projectile.y > height) {\n projectiles.splice(i, 1);\n }\n });\n\n // Update and draw particles\n particles.forEach((particle, i) => {\n particle.update();\n particle.draw();\n if (particle.isFinished()) {\n // Remove finished particles\n particles.splice(i, 1);\n }\n });\n\n // Player movement controls\n movePlayer();\n\n // Draw the player character\n image(playerImg, playerX, playerY, 260, 260);\n\n // Display player coordinates\n displayPlayerCoordinates();\n\n // Reset the game if the player collided with an enemy\n if (resetGame) {\n resetGame = false;\n enemies = [];\n projectiles = [];\n particles = [];\n playerX = width / 5;\n playerY = height / 5;\n }\n}\nfunction mousePressed() {\n // Check if cooldown has elapsed before firing\n if (fireCooldown <= 0) {\n let spawnX = playerX + 65; // Center on player width\n let spawnY = playerY + 105; // Approximately center on player height\n let correctedMouseX = mouseX - camX;\n let correctedMouseY = mouseY - camY;\n\n // Create and add the projectile\n projectiles.push(new Projectile(spawnX, spawnY, correctedMouseX, correctedMouseY));\n\n fireCooldown = 24; // Reset cooldown timer\n }\n}","style.css":"","index.html":"\n\n\n\n \n \n Fruit Runner\n \n \n\n\n\n \n\n\n"},"chat_history":[],"assets":[{"project_id":1011,"creator":null,"cloudinary_id":"hsrzbsuwexbv7bjkjzql","deleted":false,"id":2698,"created_at":"2024-04-02T10:13:42.201298Z","name":"Spider","resource_type":"image","tags":null},{"project_id":1011,"creator":null,"cloudinary_id":"xrxsbqgqtwnjpsqyabdr","deleted":false,"id":2697,"created_at":"2024-04-02T10:13:42.200038Z","name":"spooder","resource_type":"image","tags":null},{"project_id":1011,"creator":null,"cloudinary_id":"s2xp640ckb5gktb0n50s","deleted":false,"id":2696,"created_at":"2024-04-02T10:13:42.198777Z","name":"ghoul2","resource_type":"image","tags":null},{"project_id":1011,"creator":null,"cloudinary_id":"v5wzkohgivgu2fgwtcpy","deleted":false,"id":2695,"created_at":"2024-04-02T10:13:42.197623Z","name":"ghoul","resource_type":"image","tags":null},{"project_id":1011,"creator":null,"cloudinary_id":"rfjqwmhy8bruoazjcjgs","deleted":false,"id":2694,"created_at":"2024-04-02T10:13:42.196437Z","name":"Old","resource_type":"image","tags":null},{"project_id":1011,"creator":null,"cloudinary_id":"ce3xc8rtukvlx2nsbvbd","deleted":false,"id":2693,"created_at":"2024-04-02T10:13:42.195162Z","name":"Dwoorf","resource_type":"image","tags":null},{"project_id":1011,"creator":null,"cloudinary_id":"i1aqztac2qqf1bpkw7qn","deleted":false,"id":2692,"created_at":"2024-04-02T10:13:42.193762Z","name":"Dawi","resource_type":"image","tags":null},{"project_id":1011,"creator":null,"cloudinary_id":"rvonny9rcjkngq1c9fab","deleted":false,"id":2691,"created_at":"2024-04-02T10:13:42.192361Z","name":"Wizardroom.png","resource_type":"image","tags":null},{"project_id":1011,"creator":null,"cloudinary_id":"jqfcjl8fgyvaydu2hpe2","deleted":false,"id":2690,"created_at":"2024-04-02T10:13:42.190995Z","name":"Drakwald.png","resource_type":"image","tags":null},{"project_id":1011,"creator":null,"cloudinary_id":"kndhwxfj6eyrxzoqehkj","deleted":false,"id":2689,"created_at":"2024-04-02T10:13:42.189729Z","name":"player","resource_type":"image","tags":null},{"project_id":1011,"creator":null,"cloudinary_id":"bcbimqiqft4hsbkegvyt","deleted":false,"id":2688,"created_at":"2024-04-02T10:13:42.188184Z","name":"boss room","resource_type":"image","tags":null}],"messages_sent":0,"comments":[],"steps":[]}