Fruit Runner

{"name":"Explorer Control 3","description":"Run, jump, and collect fruits in this exciting platformer game!","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-03-25T14:41:49.658198Z","updated_at":"2024-03-25T14:41:49.658201Z","user_id":8,"status":"PUBLIC","parent_id":918,"id":920,"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: 1874, y: 403, size: 50 };\nlet trigger = { x: 1954, y: 524, size: 50 };\nlet inTriggerArea = false;\nlet blackout = false;\nlet fireCooldown = 0; // Cooldown timer\nlet camX = 0, camY = 0;\nlet projectiles = [];\nlet blackoutTimer = 0;\nlet newAreaResetTrigger = { X: 1089, Y: 1123, width: 600, height: 1200 }; // Define separate width and height\nlet inNewTriggerArea = false; // Declare at the top of your script\nlet enemyImg;\nlet enemies = [];\nlet enemySpawnRate = 228; // Number of frames between spawns, adjusted to make spawn rate slower\nlet particles = [];\nlet resetGame = false; // Flag to reset the game\n\nfunction movePlayer() {\n if (keyIsDown(87)) { // W key for moving up\n playerY -= 5;\n }\n if (keyIsDown(83)) { // S key for moving down\n playerY += 5;\n }\n if (keyIsDown(65)) { // A key for moving left\n playerX -= 5;\n }\n if (keyIsDown(68)) { // D key for moving right\n playerX += 5;\n }\n}\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/ce3xc8rtukvlx2nsbvbd?_a=BBECd1AE0'); // Replace with your new background image\n playerImg = loadImage('https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/o92xxzqlrmif0syusrg7?_a=BBECd1AE0');\n enemyImg = loadImage('https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/v5wzkohgivgu2fgwtcpy?_a=BBECd1AE0'); // Adjust the asset name as necessary\n}\n\nfunction setup() {\n createCanvas(2048, 1536);\n playerX = width / 2;\n playerY = height / 2;\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 = 200; // Adjust size as necessary\n this.height = 200; // Adjust size as necessary\n this.hits = 0; // Track the number of 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 // Set background color outside the canvas to white\n background(255);\n\n // Update fire cooldown\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\n let bgImg;\n if (inNewTriggerArea || dist(playerX, playerY, newTrigger.x, newTrigger.y) < newTrigger.size || dist(playerX, playerY, trigger.x, trigger.y) < trigger.size) {\n bgImg = newBackgroundImg;\n } else {\n bgImg = backgroundImg;\n }\n image(bgImg, 0, 0, width, height);\n\n // Check if player is in any trigger area\n inNewTriggerArea = dist(playerX, playerY, newTrigger.x, newTrigger.y) < newTrigger.size || dist(playerX, playerY, trigger.x, trigger.y) < trigger.size;\n\n // Spawn enemies periodically, but not in new background areas\n if (frameCount % enemySpawnRate === 0 && !inNewTriggerArea) {\n enemies.push(new Enemy(504, 123));\n }\n\n // Update and draw enemies, check collisions with projectiles and player\n enemies.forEach((enemy, i) => {\n enemy.update();\n enemy.draw();\n\n // Collision detection between the player and enemies\n if (dist(playerX + 65, playerY + 105, enemy.x + enemy.width / 2, enemy.y + enemy.height / 2) <= (130 / 2 + enemy.width / 2)) {\n // Create particle effect and reset the game\n for (let k = 0; k < 50; k++) {\n particles.push(new Particle(playerX, playerY));\n }\n resetGame = true;\n }\n\n // Remove enemies that move off-screen or enter new background areas\n if (enemy.y > height || enemy.x > width || enemy.y < 0 || enemy.x < 0 || inNewTriggerArea) {\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 enemies.forEach((enemy, j) => {\n if (checkCollision(enemy, projectile)) {\n // Increment enemy hit count\n enemy.hits++;\n\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 // Remove the enemy if it has been hit twice\n if (enemy.hits >= 2) {\n enemies.splice(j, 1);\n }\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 particles.splice(i, 1); // Remove finished particles\n }\n });\n\n // Player movement controls\n movePlayer();\n\n // Draw the player character\n image(playerImg, playerX, playerY, 130, 210);\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 / 2;\n playerY = height / 2;\n }\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":[{"name":"ghoul","cloudinary_id":"v5wzkohgivgu2fgwtcpy","resource_type":"image","id":2291,"project_id":920,"created_at":"2024-03-25T14:41:49.679892Z","deleted":false},{"name":"Old","cloudinary_id":"rfjqwmhy8bruoazjcjgs","resource_type":"image","id":2290,"project_id":920,"created_at":"2024-03-25T14:41:49.678023Z","deleted":false},{"name":"Dwoorf","cloudinary_id":"ce3xc8rtukvlx2nsbvbd","resource_type":"image","id":2289,"project_id":920,"created_at":"2024-03-25T14:41:49.676316Z","deleted":false},{"name":"Dawi","cloudinary_id":"i1aqztac2qqf1bpkw7qn","resource_type":"image","id":2288,"project_id":920,"created_at":"2024-03-25T14:41:49.674296Z","deleted":false},{"name":"Humanarmy.png","cloudinary_id":"ltqejhw0iflbguwc8tbp","resource_type":"image","id":2287,"project_id":920,"created_at":"2024-03-25T14:41:49.672660Z","deleted":false},{"name":"Wizardroom.png","cloudinary_id":"rvonny9rcjkngq1c9fab","resource_type":"image","id":2286,"project_id":920,"created_at":"2024-03-25T14:41:49.670486Z","deleted":false},{"name":"Witchhunter.png","cloudinary_id":"o92xxzqlrmif0syusrg7","resource_type":"image","id":2285,"project_id":920,"created_at":"2024-03-25T14:41:49.668865Z","deleted":false},{"name":"Drakwald.png","cloudinary_id":"jqfcjl8fgyvaydu2hpe2","resource_type":"image","id":2284,"project_id":920,"created_at":"2024-03-25T14:41:49.666758Z","deleted":false},{"name":"Figure.png","cloudinary_id":"mlw0lb4vphk4syz7kx1c","resource_type":"image","id":2283,"project_id":920,"created_at":"2024-03-25T14:41:49.664955Z","deleted":false}],"messages_sent":0,"comments":[],"steps":[]}