Fruit Runner

{"name":"Explorer Control 9","description":"Run, jump, and collect fruits in this exciting platformer game!","photo":null,"view_count":0,"fork_count":0,"expires_at":null,"created_at":"2024-03-28T14:25:14.780178Z","updated_at":"2024-03-28T14:25:14.780180Z","user_id":8,"status":"PUBLIC","parent_id":929,"id":948,"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: 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 = 228; // 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 < backgroundImg.height - 262) { // 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 < backgroundImg.width - 262) { // D key for moving right\n playerX += 5;\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/xrxsbqgqtwnjpsqyabdr?_a=BBECd1AE0'); // Replace with your new background image\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'); // Adjust the asset name as necessary\n spiderImg = loadImage('https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/hsrzbsuwexbv7bjkjzql?_a=BBECd1AE0'); // Use the actual path or name of your spider asset\n}\n\nfunction setup() {\n createCanvas(2048, 1536);\n playerX = width / 5;\n playerY = height / 5;\n}\n\nclass SpiderEnemy {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.width = 120; // Adjust size as necessary\n this.height = 120; // Adjust size as necessary\n this.hits = 0; // Track the number of hits, 1 hit to kill\n this.enemyType = 'spider';\n this.speed = 4; // Make the spider faster\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 }\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 = currentBackground === 'new' ? newBackgroundImg : backgroundImg;\n image(bgImg, 0, 0, width, height);\n\n // Check if player touches the trigger for changing the background\n if (dist(playerX, playerY, newTrigger.x, newTrigger.y) < newTrigger.size || dist(playerX, playerY, trigger.x, trigger.y) < trigger.size) {\n currentBackground = 'new';\n // Set the player's position when entering the new background area\n playerX = 1064;\n playerY = 652.2;\n }\n\n // Spawn a SpiderEnemy in the new background area more frequently\n if (currentBackground === 'new' && frameCount % 180 === 0) { // Adjusted for faster spawn rate\n enemies.push(new SpiderEnemy(1539, 107));\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 spider enemies\n if (enemy.enemyType === 'spider') {\n for (let k = 0; k < 50; k++) {\n particles.push(new Particle(playerX, playerY));\n }\n resetGame = true;\n }\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 // For spider enemies, check if it has been hit once\n if (enemy.enemyType === 'spider') {\n enemies.splice(j, 1); // Remove the spider enemy immediately after one hit\n } else if (enemy.hits >= 2) {\n // For regular enemies, check if they have been hit twice\n enemies.splice(j, 1);\n }\n break; // Break to avoid checking other enemies since the projectile is removed\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":[{"name":"player","cloudinary_id":"kndhwxfj6eyrxzoqehkj","resource_type":"image","id":2530,"project_id":948,"created_at":"2024-03-28T14:25:14.801429Z","deleted":false},{"name":"Figure.png","cloudinary_id":"mlw0lb4vphk4syz7kx1c","resource_type":"image","id":2529,"project_id":948,"created_at":"2024-03-28T14:25:14.800092Z","deleted":false},{"name":"Drakwald.png","cloudinary_id":"jqfcjl8fgyvaydu2hpe2","resource_type":"image","id":2528,"project_id":948,"created_at":"2024-03-28T14:25:14.798963Z","deleted":false},{"name":"Witchhunter.png","cloudinary_id":"o92xxzqlrmif0syusrg7","resource_type":"image","id":2527,"project_id":948,"created_at":"2024-03-28T14:25:14.797749Z","deleted":false},{"name":"Wizardroom.png","cloudinary_id":"rvonny9rcjkngq1c9fab","resource_type":"image","id":2526,"project_id":948,"created_at":"2024-03-28T14:25:14.796097Z","deleted":false},{"name":"Dawi","cloudinary_id":"i1aqztac2qqf1bpkw7qn","resource_type":"image","id":2525,"project_id":948,"created_at":"2024-03-28T14:25:14.794833Z","deleted":false},{"name":"Dwoorf","cloudinary_id":"ce3xc8rtukvlx2nsbvbd","resource_type":"image","id":2524,"project_id":948,"created_at":"2024-03-28T14:25:14.793489Z","deleted":false},{"name":"Old","cloudinary_id":"rfjqwmhy8bruoazjcjgs","resource_type":"image","id":2523,"project_id":948,"created_at":"2024-03-28T14:25:14.792163Z","deleted":false},{"name":"ghoul","cloudinary_id":"v5wzkohgivgu2fgwtcpy","resource_type":"image","id":2522,"project_id":948,"created_at":"2024-03-28T14:25:14.790735Z","deleted":false},{"name":"ghoul2","cloudinary_id":"s2xp640ckb5gktb0n50s","resource_type":"image","id":2521,"project_id":948,"created_at":"2024-03-28T14:25:14.789295Z","deleted":false},{"name":"spooder","cloudinary_id":"xrxsbqgqtwnjpsqyabdr","resource_type":"image","id":2520,"project_id":948,"created_at":"2024-03-28T14:25:14.787865Z","deleted":false},{"name":"Spider","cloudinary_id":"hsrzbsuwexbv7bjkjzql","resource_type":"image","id":2519,"project_id":948,"created_at":"2024-03-28T14:25:14.786146Z","deleted":false}],"messages_sent":0,"comments":[],"steps":[]}