Ice Adventure Game

{"name":"Ice Adventure Game","description":"Embark on a frosty journey in the Ice Adventure Game! Navigate through a snowy landscape, dodge icy obstacles, and collect shimmering snowflakes while competing for the highest score. With fun character controls and engaging game mechanics, this project is perfect for aspiring programmers to learn while creating an exciting winter-themed experience.","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-12-17T13:45:27.891502Z","updated_at":"2024-12-17T13:45:27.891504Z","user_id":5,"status":"PRIVATE","parent_id":5114,"id":5115,"user":{"photo":null,"email":null,"recess_id":"b5574579-4904-b775-ad8e-eff5c085f819","created_at":"2023-12-12T12:00:51.087995Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"theop","id":5,"password_hash":null,"updated_at":"2023-12-12T12:00:51.087997Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"// JavaScript code here\nlet currentGame = \"iceAdventure\"; // Default game\n// Other functions (draw, checkCollisions, etc.) remain the same\n// JavaScript code here\nlet iceplayer;\n\n// Variable to hold iceplayer information\nlet iceplayerSpeed = 1.6;\n\n// Speed of the iceplayer\nlet iceacceleration = 0.08;\n\n// iceacceleration value\nlet friction = 0.95;\n\n// Friction value\nlet currentLevel = 0;\nlet iplayerx = 0\nlet iplayery = 0\n// Current level index\nlet levels;\n\n// Array to hold levels\nlet trees = [];\n\n// Array to hold Christmas trees\nlet lights = [];\n\n// Array to hold Christmas lights\nlet lightcount = 13\n\nlet resdir = { x: 0, y: 0 }\n\nlet pae = false\n\nlet collectedTrees = 0;\n\n// Count how many trees have been collected\nfunction setup() {\n createCanvas(1000, 800);\n background(135, 206, 235);\n\n // Add event listener for the dropdown\n const gameSelect = document.getElementById('gameSelect');\n gameSelect.addEventListener('change', (event) => {\n currentGame = event.target.value;\n startGame(currentGame);\n });\n\n startGame(currentGame); // Start the default game\n}\n\nfunction startGame(gameName) {\n if (gameName === \"iceSlide\") {\n startIceAdventure();\n }\n // Add conditions for other games here\n}\nfunction startIceAdventure() {\n background(135, 206, 235); // Sky blue background\n iceplayer = new IcePlayer(); // Create a new IcePlayer instance\n console.log(\"IcePlayer initialized:\", iceplayer); // Log for debugging\n initializeLevels(); // Initialize levels after iceplayer is set up\n}\nclass IcePlayer {\n constructor() {\n this.x = width / 2; // Set initial x position to the center of the canvas\n this.y = height / 2; // Set initial y position to the center of the canvas\n this.size = 50; // Size of the player\n this.emoji = '😀'; // Emoji representation\n this.direction = { x: 0, y: 0 }; // Initial direction\n }\n\n update() {\n // Move iceplayer based on direction\n this.x += this.direction.x * iceplayerSpeed;\n this.y += this.direction.y * iceplayerSpeed;\n\n // Wrap around the screen\n if (this.x < 0) {\n this.x = width;\n } else if (this.x > width) {\n this.x = 0;\n }\n if (this.y < 0) {\n this.y = height;\n } else if (this.y > height) {\n this.y = 0;\n }\n }\n\n draw() {\n // Draw iceplayer\n fill(255, 255, 255); // Color for the player\n rect(this.x, this.y, this.size, this.size);\n textSize(32);\n textAlign(CENTER, CENTER);\n fill(255, 255, 255); // Color for the emoji\n text(this.emoji, this.x + this.size / 2, this.y + this.size / 2);\n }\n}\n\n// JavaScript code here\nfunction draw() {\n if (!iceplayer) { \n return;\n }\n if (trees.length === 0) { // Check if all trees are collected\n currentLevel++;\n makeLevel();\n }\n\n // Update direction based on key presses\n if (keyIsDown(87)) { // W key\n iceplayer.direction.y -= iceacceleration;\n }\n if (keyIsDown(65)) { // A key\n iceplayer.direction.x -= iceacceleration;\n }\n if (keyIsDown(83)) { // S key\n iceplayer.direction.y += iceacceleration;\n }\n if (keyIsDown(68)) { // D key\n iceplayer.direction.x += iceacceleration;\n }\n\n iceplayer.update(); // Update iceplayer position\n background(135, 206, 235); // Clear background each frame\n textSize(40);\n text('Level: ' + (currentLevel + 1), 90, 30);\n text('Candles: ' + (lightcount.toFixed(0)), 120, 70);\n\n iceplayer.draw(); // Draw iceplayer\n\n // Draw trees and lights\n for (let tree of trees) {\n fill(0, 0, 0, 0);\n rect(tree.x, tree.y, 40, 60); // Draw tree\n fill(255, 255, 255);\n text('🎄', tree.x + 20, tree.y + 30);\n }\n\n for (let light of lights) {\n fill(0, 0, 0, 0);\n rect(light.x, light.y, 20, 20); // Draw light\n textSize(30);\n fill(255, 255, 255);\n text('🕯️', light.x + 10, light.y + 10);\n }\n\n // Check for collisions\n checkCollisions();\n}\n\nfunction initializeLevels() {\n levels = []; // Initialize levels as an empty array\n levels.push([\n { x: random(0, 1000), y: 300, type: 'tree' }, // Tree\n { x: random(0, 1000), y: random(0, 800), type: 'light' } // Light\n ]);\n loadLevel(currentLevel); // Load the first level\n}\nfunction loadLevel(levelIndex) {\n trees = []; // Reset trees\n lights = []; // Reset lights\n pae = true\n\n // Populate trees and lights based on the current level\n for (let item of levels[levelIndex]) {\n if (item.type === 'tree') {\n trees.push(item);\n } else if (item.type === 'light') {\n lights.push(item);\n }\n }\n}\n\nfunction makeLevel() {\n lightcount += (random(0, 2))\n let newlevel = [];\n\n // Create trees based on the current level\n let treeCount = 1\n if (lightcount > 20) {\n treeCount++\n }\n if (lightcount > 30) {\n treeCount += 1\n }\n if (lightcount > 50) {\n treeCount += lightcount / 10\n }\n\n for (let i = 0; i < treeCount; i++) {\n let tree;\n do {\n tree = { x: random(100, 900), y: random(100, 700), type: 'tree' };\n } while (newlevel.some(existingTree => dist(tree.x, tree.y, existingTree.x, existingTree.y) < 50)); // Ensure trees are not too close\n newlevel.push(tree); // Add tree to the new level\n }\n\n // Create lights ensuring they are not within 50 pixels of the trees\n for (let i = 0; i < lightcount; i++) {\n let light;\n let isTooClose;\n\n // Loop until we find a suitable position for the light\n do {\n isTooClose = false; // Reset flag\n light = { x: random(100, 900), y: random(100, 700), type: 'light' };\n\n // Check distance from all trees\n for (let tree of newlevel) {\n if (dist(light.x, light.y, tree.x, tree.y) < 50) {\n isTooClose = true; // Light is too close to the tree\n break; // No need to check further\n }\n }\n } while (isTooClose); // Repeat until a valid position is found\n\n newlevel.push(light); // Add the valid light to the new level\n }\n\n levels = levels + newlevel\n loadLevel(currentLevel)\n}\n\nfunction checkCollisions() {\n // Check collisions with trees\n for (let i = trees.length - 1; i >= 0; i--) { // Iterate backwards to avoid skipping elements\n let tree = trees[i];\n if (iceplayer.x < tree.x + 40 && iceplayer.x + iceplayer.size > tree.x &&\n iceplayer.y < tree.y + 60 && iceplayer.y + iceplayer.size > tree.y) {\n // iceplayer touches tree\n collectedTrees++;\n trees.splice(i, 1); // Remove the collected tree from the array\n console.log(trees.length)\n\n }\n }\n\n // Check collisions with lights\n for (let light of lights) {\n if (iceplayer.x < light.x + 20 && iceplayer.x + iceplayer.size > light.x &&\n iceplayer.y < light.y + 20 && iceplayer.y + iceplayer.size > light.y) {\n // iceplayer touches light, game over\n alert(\"Oh no! you got burned by a candle.\");\n noLoop(); // Stop the game\n }\n }\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n \n \n Ice Adventure Game\n \n \n\n\n \n \n\n"},"chat_history":[{"project_id":5115,"sender":"human","message":"Let's get started!","deleted":0,"created_at":"2024-12-17T13:47:37.318081Z","output_tokens":null,"code_id":192045,"input_tokens":null,"id":95685},{"project_id":5115,"sender":"ai","message":"","deleted":0,"created_at":"2024-12-17T13:47:37.326159Z","output_tokens":0,"code_id":192045,"input_tokens":3988,"id":95686},{"project_id":5115,"sender":"human","message":"lets turn this into a Minigame Collection! leets add a HTML dropdown for what game your playing","deleted":0,"created_at":"2024-12-17T13:51:32.974389Z","output_tokens":null,"code_id":192047,"input_tokens":null,"id":95687},{"project_id":5115,"sender":"ai","message":"That sounds like a fun idea! A dropdown menu will allow players to select which minigame they want to play. Let's start by adding an HTML dropdown to your project. We'll then work on integrating it with your existing game.\n\nHere's how you can add a dropdown menu to your HTML file and modify the JavaScript to handle game selection:\n\n```html\n\n\n\n \n \n Ice Adventure Game\n \n \n\n\n \n \n\n\n```\n\nNext, we need to modify your JavaScript to handle the game selection. We'll start by setting up a basic structure to detect which game is selected.\n\n```javascript\n// JavaScript code here\nlet currentGame = \"iceAdventure\"; // Default game\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235);\n\n // Add event listener for the dropdown\n const gameSelect = document.getElementById('gameSelect');\n gameSelect.addEventListener('change', (event) => {\n currentGame = event.target.value;\n startGame(currentGame);\n });\n\n startGame(currentGame); // Start the default game\n}\n\nfunction startGame(gameName) {\n if (gameName === \"iceAdventure\") {\n startIceAdventure();\n }\n // Add conditions for other games here\n}\n\nfunction startIceAdventure() {\n initializeLevels();\n iceplayer = {\n x: width / 2,\n y: height / 2,\n size: 50,\n emoji: '😀',\n direction: { x: 1, y: 0 }\n };\n}\n\n// Other functions (draw, checkCollisions, etc.) remain the same\n```\n\n### Explanation\n\n- **Dropdown Menu:** Added an HTML `