Character Adventure Game

{"name":"Character Adventure Game","description":"Embark on an exciting adventure as you control your character through a vibrant world! Using the WASD keys or arrow keys, navigate obstacles and explore your surroundings in this fun and interactive game.","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/qwgthgi1tsfuskhjlu8z","view_count":39,"fork_count":0,"expires_at":null,"created_at":"2024-11-04T20:58:20.142054Z","updated_at":"2024-11-04T20:58:20.142059Z","user_id":119,"status":"PRIVATE","parent_id":null,"id":3356,"user":{"photo":null,"email":null,"recess_id":"f4737c87-29cc-445a-8c68-a81290c17cc3","created_at":"2024-06-24T22:27:17.750758Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"alex","id":119,"password_hash":null,"updated_at":"2024-06-24T22:27:17.750761Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let enemyVisible = false;\n\nlet enemyX, enemyY;\n\nlet lastShotTime = 0;\n\nlet characterX, characterY;\n\nlet characterVX = 0, characterVY = 0;\n\nlet enemies = []; // List of enemies // List of enemies\n\nlet startTime;\n\nlet bullets = [];\n\nlet shotInterval = 1000; // 1 second // 1 second\n\nlet characterImage; // Variable to hold the character image // Variable to hold the character image\n\nlet bowlImage; // Variable to hold the background image // Variable to hold the background image\n\nlet hits = 0; // Count of hits on the player // Count of hits on the player\n\nlet gameOver = false; // Game over flag // Game over flag\n\nlet shieldActive = false; // Variable to track shield status // Variable to track shield status\n\nlet shieldActivationTime = 0; // Time when the shield was activated // Time when the shield was activated\n\nlet shieldDuration = 5000; // Shield lasts for 5 seconds // Shield lasts for 5 seconds\n\nlet shieldCooldown = 3000; // Cooldown period of 3 seconds // Cooldown period of 3 seconds\n\nlet shieldCooldownStart = 0; // Time when the cooldown started // Time when the cooldown started\n\nlet coins = 0; // Coin counter // Coin counter\n\nlet shopButton; // Reference to the shop button // Reference to the shop button\n\nlet continueButton; // Reference to the continue button // Reference to the continue button\n\nlet inShop = false; // Flag to determine if in shop screen // Flag to determine if in shop screen\n\nlet survivalTime = 0; // Track the survival time // Track the survival time\n\nlet coinInterval = 1000; // Initial coin interval (1 second) // Initial coin interval (1 second)\n\nlet nextCoinTime = 0; // Time to get the next coin // Time to get the next coin\n\nlet nextEnemyTime = 30000; // Time to spawn the next enemy (30 seconds) // Time to spawn the next enemy (30 seconds)\n\n\nfunction preload() {\n // Load the character image\n characterImage = loadImage(\"@asset('cute popcorn guy')\");\n // Load the bowl image\n bowlImage = loadImage(\"@asset('Bowl')\");\n}\n\n\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(200);\n\n // Initialize character position\n characterX = width / 2;\n characterY = height / 2;\n\n // Record the start time\n startTime = millis();\n\n // Get the shop and continue button elements\n shopButton = document.getElementById('shopButton');\n continueButton = document.getElementById('continueButton');\n\n // Add event listener for the shop button\n shopButton.addEventListener('click', () => {\n inShop = true;\n });\n\n // Add event listener for the continue button\n continueButton.addEventListener('click', () => {\n gameOver = false;\n inShop = false;\n hits = 0;\n characterX = width / 2;\n characterY = height / 2;\n bullets = [];\n startTime = millis();\n survivalTime = 0;\n coinInterval = 1000;\n nextCoinTime = millis() + coinInterval;\n enemies = []; // Reset enemies\n nextEnemyTime = 30000; // Reset the next enemy spawn time\n spawnEnemy(); // Spawn the first enemy immediately\n });\n\n // Initialize coin collection timing\n nextCoinTime = millis() + coinInterval;\n\n // Spawn the first enemy immediately\n spawnEnemy();\n}\n\n\nfunction draw() {\n if (inShop) {\n background(220);\n textSize(32);\n textAlign(CENTER, CENTER);\n text('Shop', width / 2, height / 2 - 100);\n textSize(24);\n text('Coins: ' + coins, width / 2, height / 2 - 50);\n text('1. Upgrade Shield Duration (Current: ' + (shieldDuration / 1000) + 's) - Cost: 10 Coins', width / 2, height / 2);\n text('2. Upgrade Shield Cooldown (Current: ' + (shieldCooldown / 1000) + 's) - Cost: 10 Coins', width / 2, height / 2 + 50);\n text('Press 1 or 2 to buy', width / 2, height / 2 + 100);\n\n if (keyIsPressed) {\n if (key === '1' && coins >= 10) {\n shieldDuration += 1000; // Increase shield duration by 1 second\n coins -= 10;\n } else if (key === '2' && coins >= 10) {\n shieldCooldown -= 500; // Decrease shield cooldown by 0.5 seconds (minimum cooldown at 0.5 seconds)\n if (shieldCooldown < 500) {\n shieldCooldown = 500;\n }\n coins -= 10;\n }\n }\n\n return;\n }\n\n if (gameOver) {\n background(200);\n textSize(64);\n textAlign(CENTER, CENTER);\n text('Game Over', width / 2, height / 2);\n\n // Show the shop and continue buttons\n shopButton.style.display = 'inline-block';\n continueButton.style.display = 'inline-block';\n return;\n }\n\n // Hide the shop and continue buttons while the game is running\n shopButton.style.display = 'none';\n continueButton.style.display = 'none';\n\n // Draw the bowl background\n background(200, 150, 100);\n image(bowlImage, width / 4, height / 12, height, height)\n\n // Update survival time\n survivalTime = millis() - startTime;\n\n // Adjust coin interval every 30 seconds\n if (survivalTime > 0 && Math.floor(survivalTime / 30000) > (Math.floor((survivalTime - deltaTime) / 30000))) {\n coinInterval += 5000; // Increase coin interval by 5 seconds\n }\n\n // Spawn a new enemy every 30 seconds\n if (millis() >= nextEnemyTime) {\n spawnEnemy();\n nextEnemyTime = millis() + 30000; // Set the time for the next enemy spawn\n }\n\n // Collect coins based on the dynamic interval\n if (millis() >= nextCoinTime) {\n coins++;\n nextCoinTime = millis() + coinInterval;\n }\n\n // Update shield status based on duration and cooldown\n if (shieldActive && millis() - shieldActivationTime > shieldDuration) {\n shieldActive = false;\n shieldCooldownStart = millis();\n }\n\n if (!shieldActive && millis() - shieldCooldownStart > shieldCooldown) {\n // Shield can be reactivated\n }\n\n // Draw bubble shield if active\n if (shieldActive) {\n noFill();\n stroke(0, 0, 255); // Blue color\n strokeWeight(2);\n ellipse(characterX + 25, characterY + 25, 70, 70); // Circle with diameter 70\n }\n\n // Draw character as an image\n image(characterImage, characterX, characterY, 50, 50); // Adjust size as needed\n\n // Draw enemies and handle their unique powers\n for (let i = enemies.length - 1; i >= 0; i--) {\n let enemy = enemies[i];\n image(characterImage, enemy.x, enemy.y, 50, 50); // Adjust size and appearance as needed\n\n // Move enemy towards the player\n const enemySpeed = 2;\n if (enemy.x < characterX) {\n enemy.x += enemySpeed;\n } else if (enemy.x > characterX) {\n enemy.x -= enemySpeed;\n }\n\n if (enemy.y < characterY) {\n enemy.y += enemySpeed;\n } else if (enemy.y > characterY) {\n enemy.y -= enemySpeed;\n }\n\n // Shoot bullets at intervals for each enemy based on their power\n if (millis() - enemy.lastShotTime > enemy.shotInterval) {\n let targetX = characterX;\n let targetY = characterY;\n let targetVX = characterVX;\n let targetVY = characterVY;\n\n if (enemy.type === 'basic') {\n bullets.push(new Bullet(enemy.x, enemy.y, targetX, targetY, targetVX, targetVY));\n } else if (enemy.type === 'water') {\n bullets.push(new WaterBullet(enemy.x, enemy.y, targetX, targetY));\n } else if (enemy.type === 'strawberry' && millis() - enemy.lastStrawberryShotTime > 10000) {\n bullets.push(new StrawberryBullet(enemy.x, enemy.y, targetX, targetY));\n enemy.lastStrawberryShotTime = millis();\n }\n enemy.lastShotTime = millis();\n }\n\n // Check if enemy is hit by bullets\n for (let j = bullets.length - 1; j >= 0; j--) {\n let bullet = bullets[j];\n if (dist(bullet.x, bullet.y, enemy.x + 25, enemy.y + 25) < 25 && bullet.reflected) { // Check collision with enemy and if bullet is reflected\n enemy.health--;\n bullets.splice(j, 1); // Remove bullet on hit\n if (enemy.health <= 0) {\n enemies.splice(i, 1); // Remove enemy if health is zero\n break;\n }\n }\n }\n }\n\n // Update and draw bullets\n for (let i = bullets.length - 1; i >= 0; i--) {\n let bullet = bullets[i];\n bullet.update();\n bullet.draw();\n\n // Check collision with bubble shield if active\n if (shieldActive && dist(bullet.x, bullet.y, characterX + 25, characterY + 25) < 35) { // 35 is half of the shield diameter\n // Bounce bullet back at a random angle\n let angle = random(TWO_PI);\n bullet.vx = cos(angle) * bullet.speed;\n bullet.vy = sin(angle) * bullet.speed;\n bullet.reflected = true; // Mark bullet as reflected\n }\n\n // Check collision with player (after bouncing)\n else if (dist(bullet.x, bullet.y, characterX + 25, characterY + 25) < 25) {\n if (bullet instanceof StrawberryBullet) {\n // One-shot player if hit by a strawberry bullet\n gameOver = true;\n inShop = false;\n } else {\n hits++;\n if (hits >= 5) {\n gameOver = true;\n inShop = false; // Ensure shop is closed on game over\n }\n }\n bullets.splice(i, 1); // Remove bullet on hit\n }\n\n // Remove bullets that exceed their lifespan\n else if (bullet.lifespan <= 0) {\n bullets.splice(i, 1);\n }\n }\n\n // Display the coin counter\n textSize(32);\n fill(0);\n textAlign(RIGHT, TOP);\n text(`Coins: ${coins}`, width - 20, 20);\n\n // Handle continuous movement with keyIsDown\n const stepSize = 8; // How much the character moves per frame\n let previousX = characterX;\n let previousY = characterY;\n\n if (keyIsDown(87) || keyIsDown(UP_ARROW)) { // 'w' key or UP_ARROW key\n characterY = max(characterY - stepSize, 0);\n }\n if (keyIsDown(83) || keyIsDown(DOWN_ARROW)) { // 's' key or DOWN_ARROW key\n characterY = min(characterY + stepSize, height - 50); // 50 is the image height\n }\n if (keyIsDown(65) || keyIsDown(LEFT_ARROW)) { // 'a' key or LEFT_ARROW key\n characterX = max(characterX - stepSize, 0);\n }\n if (keyIsDown(68) || keyIsDown(RIGHT_ARROW)) { // 'd' key or RIGHT_ARROW key\n characterX = min(characterX + stepSize, width - 50); // 50 is the image width\n }\n\n // Update player velocity\n characterVX = characterX - previousX;\n characterVY = characterY - previousY;\n}\n\n\nclass Bullet {\n constructor(x, y, targetX, targetY, targetVX, targetVY) {\n this.x = x;\n this.y = y;\n this.speed = 7;\n this.lifespan = 10000; // Bullet lifespan in milliseconds (10 seconds)\n this.reflected = false; // Track if the bullet has been reflected\n\n // Calculate the center of the character image\n let characterCenterX = targetX + 25; // Half of the image width (50 / 2)\n let characterCenterY = targetY + 25; // Half of the image height (50 / 2)\n\n // Calculate future position\n let futureX = characterCenterX + targetVX * 30;\n let futureY = characterCenterY + targetVY * 30;\n\n // Calculate direction\n let angle = atan2(futureY - y, futureX - x);\n this.vx = cos(angle) * this.speed;\n this.vy = sin(angle) * this.speed;\n }\n\n update() {\n this.x += this.vx;\n this.y += this.vy;\n\n // Reduce the lifespan of the bullet\n this.lifespan -= deltaTime;\n\n // Check for wall collisions and bounce\n if (this.x <= 0 || this.x >= width) {\n this.vx *= -1;\n }\n if (this.y <= 0 || this.y >= height) {\n this.vy *= -1;\n }\n }\n\n draw() {\n text('💥', this.x, this.y);\n }\n}\n\n\nclass WaterBullet {\n constructor(x, y, targetX, targetY) {\n this.x = x;\n this.y = y;\n this.speed = 5; // Slower speed for water bullets\n this.lifespan = 8000; // Water bullets last 8 seconds\n this.reflected = false; // Track if the bullet has been reflected\n\n // Calculate the direction\n let angle = atan2(targetY - y, targetX - x);\n this.vx = cos(angle) * this.speed;\n this.vy = sin(angle) * this.speed;\n }\n\n update() {\n this.x += this.vx;\n this.y += this.vy;\n\n this.lifespan -= deltaTime;\n\n if (this.x <= 0 || this.x >= width) {\n this.vx *= -1;\n }\n if (this.y <= 0 || this.y >= height) {\n this.vy *= -1;\n }\n }\n\n draw() {\n text('💧', this.x, this.y);\n }\n}\n\n\nclass StrawberryBullet {\n constructor(x, y, targetX, targetY) {\n this.x = x;\n this.y = y;\n this.speed = 4; // Slower speed for strawberry bullets\n this.lifespan = 20000; // Strawberry bullets last 20 seconds\n this.reflected = false; // Track if the bullet has been reflected\n\n let angle = atan2(targetY - y, targetX - x);\n this.vx = cos(angle) * this.speed;\n this.vy = sin(angle) * this.speed;\n }\n\n update() {\n this.x += this.vx;\n this.y += this.vy;\n\n this.lifespan -= deltaTime;\n\n if (this.x <= 0 || this.x >= width) {\n this.vx *= -1;\n }\n if (this.y <= 0 || this.y >= height) {\n this.vy *= -1;\n }\n }\n\n draw() {\n textSize(100)\n text('🍓', this.x, this.y);\n }\n}\n\n\nfunction spawnEnemy() {\n const enemyTypes = ['basic', 'water', 'strawberry'];\n const type = enemies.length >= 1 ? random(enemyTypes) : 'basic'; // First enemy is always basic\n const shotInterval = type === 'basic' ? 1000 : type === 'water' ? 500 : 10000; // Water enemies shoot twice as fast, Strawberry every 10 seconds\n const lastStrawberryShotTime = type === 'strawberry' ? millis() - 10000 : 0; // Initialize strawberry shot time for strawberry enemies\n enemies.push({ x: random(width), y: random(height), lastShotTime: millis(), type: type, shotInterval: shotInterval, health: 5, lastStrawberryShotTime: lastStrawberryShotTime });\n}\n\n\nfunction mouseMoved() {\n // Handle mouse input for character movement\n}\n\n\nfunction keyPressed() {\n const stepSize = 5; // How much the character moves per key press\n\n if (key === 'w' || keyCode === UP_ARROW) {\n characterY -= stepSize;\n } else if (key === 's' || keyCode === DOWN_ARROW) {\n characterY += stepSize;\n } else if (key === 'a' || keyCode === LEFT_ARROW) {\n characterX -= stepSize;\n } else if (key === 'd' || keyCode === RIGHT_ARROW) {\n characterX += stepSize;\n } else if (key === 'f' || keyCode === 70) { // 'f' key\n if (!shieldActive && millis() - shieldCooldownStart > shieldCooldown) {\n shieldActive = true;\n shieldActivationTime = millis();\n }\n }\n}\n","style.css":"body {\n margin: 0;\n}\n\ncanvas {\n display: block;\n}\n\n#shopButton {\n background-color: #007bff;\n /* Bright blue */\n color: white;\n border: none;\n padding: 15px 32px;\n text-align: center;\n text-decoration: none;\n display: inline-block;\n font-size: 16px;\n margin: 10px;\n cursor: pointer;\n}\n\n#continueButton {\n background-color: #28a745;\n /* Green */\n color: white;\n border: none;\n padding: 15px 32px;\n text-align: center;\n text-decoration: none;\n display: inline-block;\n font-size: 16px;\n margin: 10px;\n cursor: pointer;\n}","index.html":"\n\n\n\n \n \n Character Adventure Game\n \n \n\n\n\n \n \n \n\n\n"},"chat_history":[],"assets":[{"cloudinary_id":"tjzeumlxr85nbefggbwv","name":"Bowl","deleted":false,"id":22316,"created_at":"2024-09-30T20:38:06.240739Z","project_id":3356,"resource_type":"image"},{"cloudinary_id":"qwgthgi1tsfuskhjlu8z","name":"cute popcorn guy","deleted":false,"id":21392,"created_at":"2024-09-25T21:07:19.148209Z","project_id":3356,"resource_type":"image"}],"messages_sent":36,"comments":[{"content":"wasd/arrow keys to move. f special power.\r\n\r\n\r\n\r\n","id":876,"user_id":119,"user":{"photo":null,"email":null,"recess_id":"f4737c87-29cc-445a-8c68-a81290c17cc3","created_at":"2024-06-24T22:27:17.750758Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"alex","id":119,"password_hash":null,"updated_at":"2024-06-24T22:27:17.750761Z","reset_token_expiry":null,"subscription_status":null},"project_id":3356,"created_at":"2024-09-30T20:59:46.466321Z","updated_at":"2024-09-30T20:59:46.466322Z"}],"steps":[]}