Fruit Runner

{"name":"Explorer Control 20","description":"Run, jump, and collect fruits in this exciting platformer game!","photo":null,"view_count":4,"fork_count":0,"expires_at":null,"created_at":"2024-04-04T10:22:41.003288Z","updated_at":"2024-04-04T10:22:41.003292Z","user_id":8,"status":"PUBLIC","parent_id":1013,"id":1036,"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 necromancerSpawned = false;\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;\nlet necromancerImg; // Declare at the top with other images\nlet necromancerDefeated = false;\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 necromancerImg = loadImage('https://res.cloudinary.com/dzv7hjwfn/image/upload/f_auto/q_auto/hgrjxg16k0x1re1fcelw?_a=BBECd1AE0');\n}\n\nfunction setup() {\n createCanvas(2048, 1536);\n playerX = width / 5;\n playerY = height / 5;\n}\n\nclass Necromancer {\n constructor(x, y, width = 330, height = 330, hitsRequired = 12) {\n this.x = x;\n this.y = y;\n this.width = width;\n this.height = height;\n this.hits = 0;\n this.hitsRequired = hitsRequired;\n this.enemyType = 'necromancer';\n this.spawnCooldown = 300; // Increased cooldown for slower spawning\n this.projectileCooldown = 106; // Frames between shots\n this.lastShotTime = 0; // Time of the last shot\n }\n\n update() {\n // Spawn enemies if in the final background and cooldown is up\n if (currentBackground === 'final' && this.spawnCooldown <= 0) {\n // Spawn a normal enemy\n enemies.push(new Enemy(1114.6, 592.2));\n // Spawn a Spider enemy\n enemies.push(new SpiderEnemy(444.59, 592.2));\n this.spawnCooldown = 300; // Reset cooldown to the new, slower rate\n } else if (this.spawnCooldown > 0) {\n this.spawnCooldown--; // Decrement cooldown\n }\n\n // Shoot projectiles\n if (frameCount - this.lastShotTime >= this.projectileCooldown) {\n this.shootProjectile();\n this.lastShotTime = frameCount;\n }\n }\n\n shootProjectile() {\n const projectileX = this.x + this.width / 2;\n const projectileY = this.y + this.height / 2;\n const targetX = playerX + 130; // Target the center of the player\n const targetY = playerY + 130;\n\n projectiles.push(new NecromancerProjectile(projectileX, projectileY, targetX, targetY));\n }\n\n draw() {\n image(necromancerImg, this.x, this.y, this.width, this.height);\n }\n}\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\nclass NecromancerProjectile extends Projectile {\n constructor(x, y, targetX, targetY) {\n super(x, y, targetX, targetY);\n this.size = 20; // Larger size than regular projectiles\n this.speed = 2; // Slower speed than regular projectiles\n this.color = [0, 255, 0]; // Green color\n }\n\n draw() {\n fill(...this.color); // Use the specified color\n ellipse(this.x, this.y, this.size, this.size); // Draw a larger ellipse\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\n // Check if the projectile is an instance of NecromancerProjectile\n if (projectile instanceof NecromancerProjectile) {\n // If the projectile is a NecromancerProjectile, return false for collision with the Necromancer\n // This will prevent the Necromancer from being hit by its own projectiles\n if (enemy instanceof Necromancer) {\n return false;\n }\n }\n\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 if (currentBackground === 'new') {\n bgImg = newBackgroundImg;\n } else if (currentBackground === 'final') {\n bgImg = finalBackgroundImg;\n } else {\n bgImg = backgroundImg;\n }\n image(bgImg, 0, 0, width, height);\n\n // Background transition logic\n if (dist(playerX, playerY, 1789.6, 892.2) < 50 && currentBackground === 'new') {\n currentBackground = 'final';\n enemies = enemies.filter(enemy => enemy.enemyType !== 'spider');\n if (!necromancerSpawned) {\n enemies.push(new Necromancer(874.59, 587.2));\n necromancerSpawned = true;\n }\n } else if (dist(playerX, playerY, newTrigger.x, newTrigger.y) < newTrigger.size && currentBackground !== 'new') {\n currentBackground = 'new';\n playerX = 399.6;\n playerY = 372.2;\n }\n\n // Enemy spawning logic based on currentBackground\n if (currentBackground === 'new' && frameCount % 120 === 0) {\n let spawnX = 1539;\n let spawnY = 107;\n if (random() < 0.2) {\n enemies.push(new SpiderEnemy(spawnX, spawnY, 180, 180, 3.5, 2));\n } else {\n enemies.push(new SpiderEnemy(spawnX, spawnY));\n }\n for (let i = 0; i < 4; i++) {\n let variance = 100;\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 if (currentBackground === 'default' && frameCount % enemySpawnRate === 0) {\n enemies.push(new Enemy(424.6, 172.2));\n }\n\n // Check for Necromancer defeat\n let necromancerPresent = false;\n for (let i = enemies.length - 1; i >= 0; i--) {\n let enemy = enemies[i];\n if (enemy instanceof Necromancer) {\n necromancerPresent = true;\n if (enemy.hits >= enemy.hitsRequired) {\n necromancerDefeated = true;\n enemies.splice(i, 1); // Remove the Necromancer from the array\n }\n }\n }\n\n // Only proceed with the rest of the draw logic if the Necromancer is not defeated\n if (!necromancerDefeated) {\n // Logic for handling everything else in the game\n // Including updating and drawing enemies, projectiles, and player\n // This is where you'd include the rest of the gameplay logic\n } else {\n // Display victory message\n background(255); // Set background to white\n fill(0); // Set text color to black\n textSize(32); // Increase text size for visibility\n textAlign(CENTER, CENTER); // Align text to be centered\n text(\"VICTORY! You have slain the dread Necromancer, and now these caves are free from his influence!\", width / 2, height / 2);\n return; // Prevent the rest of the draw function from running\n }\n\n // Update and draw projectiles, handle collisions with enemies\n projectiles.forEach((projectile, index) => {\n projectile.update();\n projectile.draw();\n\n for (let j = enemies.length - 1; j >= 0; j--) {\n let enemy = enemies[j];\n if (checkCollision(enemy, projectile)) {\n for (let k = 0; k < 10; k++) {\n particles.push(new Particle(projectile.x, projectile.y));\n }\n projectiles.splice(index, 1);\n\n enemy.hits++;\n if (enemy.hits >= enemy.hitsRequired) {\n enemies.splice(j, 1);\n }\n break;\n }\n }\n\n if (projectile instanceof NecromancerProjectile && dist(projectile.x, projectile.y, playerX + 130, playerY + 130) < 130) {\n for (let k = 0; k < 30; k++) {\n particles.push(new Particle(projectile.x, projectile.y));\n }\n projectiles.splice(index, 1);\n resetGame = true;\n }\n\n if (projectile.x < 0 || projectile.x > width || projectile.y < 0 || projectile.y > height) {\n projectiles.splice(index, 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);\n }\n });\n\n // Player movement\n movePlayer();\n\n // Draw player\n image(playerImg, playerX, playerY, 260, 260);\n\n // Display player coordinates\n displayPlayerCoordinates();\n\n // Check for game reset\n if (resetGame) {\n resetGameAndBackground();\n }\n}\n\nfunction resetGameAndBackground() {\n currentBackground = 'default';\n playerX = width / 5;\n playerY = height / 5;\n enemies = [];\n projectiles = [];\n particles = [];\n necromancerSpawned = false; // Reset necromancer spawn state\n resetGame = false; // Set the reset flag to false after resetting game elements\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":[{"project_id":1036,"creator":null,"cloudinary_id":"hgrjxg16k0x1re1fcelw","deleted":false,"id":2889,"created_at":"2024-04-04T10:22:41.036499Z","name":"necromancer","resource_type":"image","tags":null},{"project_id":1036,"creator":null,"cloudinary_id":"bcbimqiqft4hsbkegvyt","deleted":false,"id":2888,"created_at":"2024-04-04T10:22:41.034741Z","name":"boss room","resource_type":"image","tags":null},{"project_id":1036,"creator":null,"cloudinary_id":"kndhwxfj6eyrxzoqehkj","deleted":false,"id":2887,"created_at":"2024-04-04T10:22:41.033145Z","name":"player","resource_type":"image","tags":null},{"project_id":1036,"creator":null,"cloudinary_id":"jqfcjl8fgyvaydu2hpe2","deleted":false,"id":2886,"created_at":"2024-04-04T10:22:41.031490Z","name":"Drakwald.png","resource_type":"image","tags":null},{"project_id":1036,"creator":null,"cloudinary_id":"rvonny9rcjkngq1c9fab","deleted":false,"id":2885,"created_at":"2024-04-04T10:22:41.029293Z","name":"Wizardroom.png","resource_type":"image","tags":null},{"project_id":1036,"creator":null,"cloudinary_id":"i1aqztac2qqf1bpkw7qn","deleted":false,"id":2884,"created_at":"2024-04-04T10:22:41.027638Z","name":"Dawi","resource_type":"image","tags":null},{"project_id":1036,"creator":null,"cloudinary_id":"ce3xc8rtukvlx2nsbvbd","deleted":false,"id":2883,"created_at":"2024-04-04T10:22:41.026022Z","name":"Dwoorf","resource_type":"image","tags":null},{"project_id":1036,"creator":null,"cloudinary_id":"rfjqwmhy8bruoazjcjgs","deleted":false,"id":2882,"created_at":"2024-04-04T10:22:41.024349Z","name":"Old","resource_type":"image","tags":null},{"project_id":1036,"creator":null,"cloudinary_id":"v5wzkohgivgu2fgwtcpy","deleted":false,"id":2881,"created_at":"2024-04-04T10:22:41.019600Z","name":"ghoul","resource_type":"image","tags":null},{"project_id":1036,"creator":null,"cloudinary_id":"s2xp640ckb5gktb0n50s","deleted":false,"id":2880,"created_at":"2024-04-04T10:22:41.017857Z","name":"ghoul2","resource_type":"image","tags":null},{"project_id":1036,"creator":null,"cloudinary_id":"xrxsbqgqtwnjpsqyabdr","deleted":false,"id":2879,"created_at":"2024-04-04T10:22:41.016016Z","name":"spooder","resource_type":"image","tags":null},{"project_id":1036,"creator":null,"cloudinary_id":"hsrzbsuwexbv7bjkjzql","deleted":false,"id":2878,"created_at":"2024-04-04T10:22:41.013886Z","name":"Spider","resource_type":"image","tags":null}],"messages_sent":0,"comments":[],"steps":[]}