Olympus Showdown

{"name":"Olympus Showdown - Nov. 1","description":"Unleash the power of the gods in Olympus Showdown! Choose your champion from a roster of legendary Greek warriors and engage in epic battles with formidable foes. Master devastating special moves and claim victory in this action-packed fighting game inspired by ancient mythology.","photo":null,"view_count":7,"fork_count":1,"expires_at":null,"created_at":"2024-11-01T17:32:21.742394Z","updated_at":"2024-11-01T17:32:21.742395Z","user_id":166,"status":"PRIVATE","parent_id":3995,"id":4326,"user":{"photo":null,"email":"markivlev@gmail.com","recess_id":"38a987b1-569d-47cc-ae61-0c84198aa65c","created_at":"2024-08-05T03:36:08.774307Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"m_ivlev","id":166,"password_hash":"$2b$12$lM.SwMhsrEJrs7ZjNyj9e.FOyWqAZgNBSeOEkB8gCGEsXkmGPZLu6","updated_at":"2024-08-05T03:36:08.774314Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let endymion, minotaur, backgroundImg, bladeOfOlympus;\nlet endymionX, endymionY, minotaurX, minotaurY, bladeX, bladeY;\nlet characterHeight, characterWidth;\nlet hasBlade;\nlet tower;\n// Add a new global variable to track whether the game is over\nlet gameOver = false;\nlet gravity = 0.5;\nlet velocityY = 0;\nlet groundY = 0;\nlet lives = 4;\nlet swordAnimationFrame = 0;\nlet showMinotaur = false;\nlet isAttacking = false;\nlet highestY; // Global variable to track the highest point reached during a fall\nlet minotaurHealth = 3; // Initialize Minotaur's health\nlet lastHitTime = 0;\nlet lastAttackTime = 0; // Track the last time Endymion attacked\nlet minotaurSpeed = 2; // Speed of the Minotaur\nlet showShield = false; // Track whether the shield should be visible\nlet hasShield = false; // Track whether Endymion has picked up the shield\nlet inventory = [null, null, null, null]; // Array for 4 inventory slots\nlet swordPickedUp = false; // Track if the sword is picked up\nlet shieldPickedUp = false; // Track if the shield is picked up\nlet minotaurSpawnTime = 0; // Track the time when the Minotaur spawns\n\nfunction preload() {\n // Load images\n endymion = loadImage(\"@asset('endymion1')\");\n minotaur = loadImage(\"@asset('minotaur')\");\n backgroundImg = loadImage(\"@asset('background')\");\n bladeOfOlympus = loadImage(\"@asset('sword')\");\n tower = loadImage(\"@asset('tower')\");\n shield = loadImage(\"@asset('sheild')\"); // Correct spelling to 'shield'\n console.log(\"Images preloaded\");\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(200);\n console.log(\"Canvas created\");\n\n // Initialize character dimensions and positions\n characterHeight = windowHeight / 8;\n characterWidth = characterHeight * (endymion.width / endymion.height); // Maintain aspect ratio\n endymionX = 100;\n endymionY = height - characterHeight - 50;\n minotaurX = width - characterWidth - 100;\n minotaurY = height - characterHeight - 50;\n\n // Initialize Blade of Olympus position\n bladeX = windowWidth / 2 - windowWidth / 6;\n bladeY = windowHeight - windowHeight / 4;\n\n hasBlade = false;\n\n console.log(\"Setup completed\");\n\n groundY = windowHeight - characterHeight - 50;\n}\n\nfunction draw() {\n // Check if images are loaded before drawing\n if (backgroundImg && endymion && minotaur && bladeOfOlympus && tower && shield) {\n if (lives <= 0) {\n gameOver = true; // Set gameOver to true when lives reach 0\n }\n\n // If the game is over, display \"Game Over\" and stop further actions\n if (gameOver) {\n background(0); // Set a dark background\n textSize(64);\n fill(255, 0, 0); // Red color for the text\n textAlign(CENTER, CENTER);\n text(\"Game Over\", width / 2, height / 2);\n return; // Exit the draw function to stop further actions\n }\n\n // Draw background to fit the canvas\n image(backgroundImg, 0, 0, windowWidth, windowHeight);\n\n // Draw the tower at the top right of the map\n image(tower, windowWidth - tower.width / 8 - 100, windowHeight / 4, tower.width / 2, tower.height / 2);\n\n // Draw characters at their current positions with scaling\n image(endymion, endymionX, endymionY, characterWidth, characterHeight);\n\n if (showMinotaur && minotaurHealth > 0) {\n // Move the Minotaur towards Endymion only on the x-axis\n let directionX = endymionX - minotaurX;\n let magnitudeX = abs(directionX); // Use absolute value for x-axis magnitude\n\n // Normalize the direction and multiply by speed\n minotaurX += (directionX / magnitudeX) * minotaurSpeed;\n\n // Draw the Minotaur\n image(minotaur, minotaurX, minotaurY, characterWidth, characterHeight);\n\n // Display Minotaur's health as heart emojis\n textSize(20);\n fill(255);\n let minotaurHearts = '❤️'.repeat(minotaurHealth);\n text(minotaurHearts, minotaurX - 12, minotaurY - 10); // Position hearts above the Minotaur\n\n // Check for collision between Endymion and the Minotaur\n checkMinotaurCollision();\n } else if (minotaurHealth <= 0) {\n showShield = true; // Show the shield when Minotaur is defeated\n }\n\n const shieldSize = characterHeight / 1.5; // Square size for the shield when picked up\n const equippedShieldSize = characterHeight / 2; // Smaller size for the shield when equipped\n\n if (showShield && !hasShield && !shieldPickedUp) {\n // Draw the shield at the top of the tower with square dimensions\n let shieldX = windowWidth - tower.width / 8 - 100 + tower.width / 4;\n let shieldY = windowHeight / 4 - characterHeight / 2.2;\n image(shield, shieldX, shieldY + 50, shieldSize, shieldSize);\n\n // Check for collision between Endymion and the shield\n checkShieldCollision();\n }\n\n if (!hasBlade && !swordPickedUp) {\n // Draw Blade of Olympus at its position\n image(bladeOfOlympus, bladeX, bladeY, characterWidth / 2, characterHeight / 2);\n }\n\n // Draw the equipped item in Endymion's hand\n if (hasBlade) {\n // Draw Blade of Olympus in Endymion's left hand (to the left of Endymion) when not attacking\n image(bladeOfOlympus, endymionX - characterWidth / 10, endymionY - characterHeight / 3, characterWidth / 2, characterHeight / 2);\n } else if (hasShield) {\n // Draw the shield in Endymion's right hand (to the right of Endymion)\n image(shield, endymionX + characterWidth - 10, endymionY - characterHeight / 3 + 50, equippedShieldSize, equippedShieldSize);\n }\n\n // Display lives as heart emojis\n textSize(32);\n fill(255);\n let hearts = '❤️'.repeat(lives);\n text(hearts, 10, 30);\n\n // Check for key presses and update Endymion's position\n handleMovement();\n\n // Check for collision between Endymion and Blade of Olympus\n checkBladeCollision();\n\n // Check for collision between Endymion and the tower\n checkTowerCollision();\n\n // Handle attack if spacebar is pressed\n if (keyIsDown(32)) { // 32 is the keyCode for the spacebar\n isAttacking = true;\n handleAttack();\n } else {\n isAttacking = false;\n }\n } else {\n console.log(\"Images are still loading...\");\n }\n}\n\nfunction keyPressed() {\n if (keyCode >= 49 && keyCode <= 52) { // 49-52 correspond to keys '1' to '4'\n let slot = keyCode - 49; // Convert keyCode to inventory index (0-3)\n if (inventory[slot]) {\n equipItem(inventory[slot]);\n }\n }\n}\n\nfunction equipItem(item) {\n hasBlade = false;\n hasShield = false;\n\n if (item === 'blade') {\n hasBlade = true;\n console.log(\"Equipped the Blade of Olympus!\");\n } else if (item === 'shield') {\n hasShield = true;\n console.log(\"Equipped the shield!\");\n }\n}\n\nfunction updateInventory() {\n for (let i = 0; i < inventory.length; i++) {\n const slot = document.getElementById(`slot-${i + 1}`);\n slot.innerHTML = ''; // Clear the slot\n if (inventory[i]) {\n const img = document.createElement('img');\n img.src = inventory[i] === 'blade' ? \"@asset('sword')\" : \"@asset('sheild')\";\n slot.appendChild(img);\n }\n }\n}\n\nfunction checkTowerCollision() {\n // Define the bounding box for Endymion\n let endymionLeft = endymionX;\n let endymionRight = endymionX + characterWidth;\n let endymionTop = endymionY;\n let endymionBottom = endymionY + characterHeight;\n\n // Define the bounding box for the tower\n let towerLeft = windowWidth - tower.width / 8 - 100;\n let towerRight = towerLeft + tower.width / 2;\n let towerTop = windowHeight / 4;\n let towerBottom = towerTop + tower.height / 2;\n\n // Check if the bounding boxes overlap\n if (endymionRight > towerLeft && endymionLeft < towerRight &&\n endymionBottom > towerTop && endymionTop < towerBottom) {\n showMinotaur = true;\n minotaurSpawnTime = millis(); // Set the spawn time when the Minotaur appears\n }\n}\n\nfunction handleMovement() {\n // Define a safe height threshold above the ground\n let safeHeight = groundY - characterHeight * 4; // Adjust this value as needed\n\n // Initialize highestY at the start of the movement\n if (endymionY === groundY) {\n highestY = groundY; // Reset highest point at the ground level\n }\n\n // Endymion movement (Arrow keys)\n if (keyIsDown(LEFT_ARROW)) {\n endymionX -= 5;\n }\n if (keyIsDown(RIGHT_ARROW)) {\n endymionX += 5;\n }\n\n // Check if Endymion is near the tower to allow climbing\n let endymionRight = endymionX + characterWidth;\n let towerLeft = windowWidth - tower.width / 8 - 100;\n let towerTop = windowHeight / 4;\n\n if (endymionRight > towerLeft) {\n if (keyIsDown(UP_ARROW) && endymionY > towerTop) {\n endymionY -= 5;\n }\n if (keyIsDown(DOWN_ARROW) && endymionY < groundY) {\n endymionY += 5;\n }\n } else {\n if (keyIsDown(UP_ARROW) && endymionY === groundY) {\n // Jumping\n velocityY = -10;\n }\n\n // Apply gravity\n velocityY += gravity;\n endymionY += velocityY;\n\n // Track the highest point reached during a fall\n if (endymionY < highestY) {\n highestY = endymionY;\n }\n\n // Check if Endymion hits the ground from above safeHeight\n if (endymionY > groundY) {\n if (highestY < safeHeight) { // If the highest point was above safeHeight\n lives -= 1; // Lose a life when falling from above the safe height\n console.log(`Endymion fell from a height! Lives remaining: ${lives}`);\n }\n endymionY = groundY;\n velocityY = 0;\n }\n }\n\n // Prevent Endymion from moving offscreen\n endymionX = constrain(endymionX, 0, windowWidth - characterWidth);\n}\n\nfunction handleAttack() {\n // Get the current time\n let currentTime = millis();\n\n // Check if enough time has passed since the last attack\n if (currentTime - lastAttackTime > 1000) { // 1000 milliseconds = 1 second\n if (isAttacking) {\n // Increment the sword animation frame\n swordAnimationFrame++;\n\n // Create a swing effect to the right only\n let swingOffset = abs(sin(swordAnimationFrame * 0.2) * 10); // Positive swing effect\n\n // Draw the swinging sword in Endymion's left hand moving to the right\n image(bladeOfOlympus, endymionX - characterWidth / 10 + swingOffset, endymionY - characterHeight / 3, characterWidth / 2, characterHeight / 2);\n\n // Check if Endymion is close enough to the Minotaur to attack\n let distanceToMinotaur = dist(endymionX, endymionY, minotaurX, minotaurY);\n if (distanceToMinotaur < characterWidth * 2 && minotaurHealth > 0) { // Increase attack range\n minotaurHealth -= 1; // Reduce Minotaur's health by 1\n console.log(`Minotaur hit! Health remaining: ${minotaurHealth}`);\n }\n\n // Log the attack action\n console.log(\"Endymion is attacking!\");\n\n // Update the last attack time\n lastAttackTime = currentTime;\n }\n } else {\n // Reset the sword animation frame when not attacking\n swordAnimationFrame = 0;\n }\n}\n\nfunction checkBladeCollision() {\n let endymionCenterX = endymionX + characterWidth / 2;\n let endymionCenterY = endymionY + characterHeight / 2;\n let bladeCenterX = bladeX + characterWidth / 4;\n let bladeCenterY = bladeY + characterHeight / 4;\n\n let distance = dist(endymionCenterX, endymionCenterY, bladeCenterX, bladeCenterY);\n\n if (distance < characterHeight / 2) {\n swordPickedUp = true;\n inventory[0] = 'blade';\n console.log(\"Endymion picked up the Blade of Olympus!\");\n updateInventory(); // Update inventory display\n\n // Automatically equip if no item is equipped\n if (!hasBlade && !hasShield) {\n equipItem('blade');\n }\n }\n}\n\nfunction checkMinotaurCollision() {\n // Only check for collisions if the Minotaur has health\n if (minotaurHealth <= 0) return;\n\n // Get the current time\n let currentTime = millis();\n\n // Delay Minotaur's ability to attack for 1 second after spawning\n if (currentTime - minotaurSpawnTime < 1000) return;\n\n // Define the bounding box for Endymion\n let endymionLeft = endymionX;\n let endymionRight = endymionX + characterWidth;\n let endymionTop = endymionY;\n let endymionBottom = endymionY + characterHeight;\n\n // Define the bounding box for the Minotaur\n let minotaurLeft = minotaurX;\n let minotaurRight = minotaurX + characterWidth;\n let minotaurTop = minotaurY;\n let minotaurBottom = minotaurY + characterHeight;\n\n // Check if the bounding boxes overlap and if enough time has passed since the last hit\n if (endymionRight > minotaurLeft && endymionLeft < minotaurRight &&\n endymionBottom > minotaurTop && endymionTop < minotaurBottom &&\n currentTime - lastHitTime > 3000) {\n\n lives -= 1; // Decrease lives by 1\n lastHitTime = currentTime; // Reset the last hit time\n console.log(`Endymion collided with the Minotaur! Lives remaining: ${lives}`);\n }\n}\n\nfunction checkShieldCollision() {\n if (showShield && !hasShield && !shieldPickedUp) {\n let endymionCenterX = endymionX + characterWidth / 2;\n let endymionCenterY = endymionY + characterHeight / 2;\n let shieldX = windowWidth - tower.width / 8 - 100 + tower.width / 4;\n let shieldY = windowHeight / 4 - characterHeight / 2.2;\n let shieldCenterX = shieldX + characterWidth / 4;\n let shieldCenterY = shieldY + characterHeight / 4;\n\n let distance = dist(endymionCenterX, endymionCenterY, shieldCenterX, shieldCenterY);\n\n if (distance < characterHeight) {\n shieldPickedUp = true;\n inventory[1] = 'shield';\n console.log(\"Endymion picked up the shield!\");\n updateInventory(); // Update inventory display\n\n // Automatically equip if no item is equipped\n if (!hasBlade && !hasShield) {\n equipItem('shield');\n }\n }\n }\n}","style.css":"/* CSS code here */\r\nbody {\r\n margin: 0;\r\n overflow: hidden;\r\n}\r\n\r\n#inventory {\r\n position: fixed;\r\n bottom: 10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n display: flex;\r\n gap: 10px;\r\n}\r\n\r\n.inventory-slot {\r\n width: 50px;\r\n height: 50px;\r\n border: 2px solid #fff;\r\n background-color: #333;\r\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.inventory-slot img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n}","index.html":"\n\n\n\n \n \n Olympus Showdown\n \n\n\n\n

\n \n \n\n\n"},"chat_history":[],"assets":[{"project_id":4326,"creator":null,"cloudinary_id":"owqvrmgjstqoil2onwsz","deleted":false,"id":42930,"created_at":"2024-11-01T17:31:37.463256Z","name":"background","resource_type":"image","tags":null},{"project_id":4326,"creator":null,"cloudinary_id":"k2lg17dz9uhyli3mddie","deleted":false,"id":42929,"created_at":"2024-11-01T17:31:37.461214Z","name":"minotaur","resource_type":"image","tags":null},{"project_id":4326,"creator":null,"cloudinary_id":"hurizitohhwkwrgknsvs","deleted":false,"id":42928,"created_at":"2024-11-01T17:31:37.459922Z","name":"endymion","resource_type":"image","tags":null},{"project_id":4326,"creator":null,"cloudinary_id":"klgjpwmkxztsc9ei8fae","deleted":false,"id":42927,"created_at":"2024-11-01T17:31:37.457977Z","name":"blade of olympus","resource_type":"image","tags":null},{"project_id":4326,"creator":null,"cloudinary_id":"lyzmpftektk8ilfbgypy","deleted":false,"id":42926,"created_at":"2024-11-01T17:31:37.455124Z","name":"endymion1","resource_type":"image","tags":null},{"project_id":4326,"creator":null,"cloudinary_id":"bwxmyzj3kucvrly8zf6x","deleted":false,"id":42925,"created_at":"2024-11-01T17:31:37.452830Z","name":"tower","resource_type":"image","tags":null},{"project_id":4326,"creator":null,"cloudinary_id":"exl9jexsnksqrpotjvxd","deleted":false,"id":42924,"created_at":"2024-11-01T17:31:37.449516Z","name":"sword","resource_type":"image","tags":null},{"project_id":4326,"creator":null,"cloudinary_id":"bj49bsg0daco5cy9ake7","deleted":false,"id":42923,"created_at":"2024-11-01T17:31:37.447946Z","name":"sheild","resource_type":"image","tags":null}],"messages_sent":22,"comments":[],"steps":[]}