Ice Breaker: A Melting Adventure

{"name":"Ice Breaker: A Melting Adventure","description":"Dive into the icy world of Ice Breaker, where your goal is to smash through bricks while keeping your ice ball from melting! Each time you hit a brick, your ball grows larger, but beware – if it melts completely, you lose! Can you destroy all the bricks and win the game before your icy friend disappears?","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-12-20T14:32:20.496395Z","updated_at":"2024-12-20T14:32:20.496397Z","user_id":5,"status":"PRIVATE","parent_id":5212,"id":5238,"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":"// Variable to hold the ice ball image\nlet iceBrick;\n\n// Minimum size the ball can shrink to\nlet originalBallSize = 50;\n\nlet paddleX;\n\nconst paddleWidth = 250;\n\nconst paddleHeight = 20;\n\nlet ballX;\n\nlet ballY;\n\nlet ballRadius = 35;\n\nlet bricks = [];\n\nconst brickRows = 6;\n\nconst brickColumns = 8;\n\nconst brickWidth = 100;\n\nconst brickHeight = 20;\n\nlet iceBall;\n\nlet paddleImg;\n\nlet ballSize;\n\nlet maxBallSize = 50;\n\nlet meltingRate = 0.03;\n\nlet minBallSize = 15;\n\n// To track the keys pressed\nlet keysPressed = new Set();\n\nconst requiredKeys = ['m', 'e', 'r', 'r', 'y', ' ', 'c', 'h', 'r', 'i', 's', 't', 'm', 'a', 's', 'shift', '!'];\n\nlet currentKeyIndex = 0;\n\nlet showChristmasMessage = false;\n\n// Check for collisions with bricks\nlet collisionDetected = false;\n\nlet ballSpeedX = 12;\n\n// Increase ball speed horizontally\nlet ballSpeedY = -10;\n\n\nconst paddleSpeed = 10;\n\nfunction preload() {\n iceBall = loadImage(\"@asset('iceTileIcebrakergame')\");\n paddleImg = loadImage(\"@asset('iceTileIcebrakergame')\");\n iceBrick = loadImage(\"@asset('iceTileIcebrakergame')\");\n}\n\nfunction setup() {\n createCanvas(1000, 800); // Create a canvas\n paddleX = width / 2 - paddleWidth / 2; // Initialize paddle position\n ballX = width / 2; // Initialize ball position\n ballY = height - 100; // Set initial ball Y position above the paddle\n ballSize = ballRadius; // Set initial ball size\n\n // Initialize bricks\n for (let i = 0; i < brickRows; i++) {\n for (let j = 0; j < brickColumns; j++) {\n bricks.push({ x: j * (brickWidth + 10) + 60, y: i * (brickHeight + 10) + 60 });\n }\n }\n}\n\nfunction draw() {\n background(135, 206, 235); // Clear the screen each frame\n\n // Save the previous positions of the ball for collision detection\n let previousBallX = ballX; // Initialize previous ball X position\n let previousBallY = ballY; // Initialize previous ball Y position\n\n // Draw the paddle using the loaded image\n if (paddleImg) {\n image(paddleImg, paddleX, height - paddleHeight - 10, paddleWidth, paddleHeight);\n }\n\nif (keyIsDown(LEFT_ARROW) || keyIsDown(65)) {\n paddleX -= paddleSpeed; // Use the new paddle speed\n}\nif (keyIsDown(RIGHT_ARROW) || keyIsDown(68)) {\n paddleX += paddleSpeed; // Use the new paddle speed\n}\n paddleX = constrain(paddleX, 0, width - paddleWidth);\n\n // Melt the ball over time\n ballSize -= meltingRate;\n\n // Move the ball\n ballX += ballSpeedX;\n ballY += ballSpeedY;\n\n // Ball collision with walls\n if (ballX < ballSize || ballX > width - ballSize) {\n ballSpeedX *= -1;\n }\n if (ballY < ballSize) {\n ballSpeedY *= -1;\n }\n\n // Draw the ball\n fill(173, 216, 230); // Set a light blue color for the ball\n ellipse(ballX, ballY, ballSize * 2, ballSize * 2); // Draw the ball as an ellipse\n\n // Ball collision with the paddle\n if (ballY + ballSize > height - paddleHeight - 10 &&\n ballX > paddleX && ballX < paddleX + paddleWidth) {\n let hitPosition = (ballX - (paddleX + paddleWidth / 2)) / (paddleWidth / 2);\n ballSpeedY *= -1;\n ballSpeedX = hitPosition * 5;\n }\n\n // Draw the bricks using the ice brick image\n for (let i = 0; i < bricks.length; i++) {\n if (iceBrick) {\n image(iceBrick, bricks[i].x, bricks[i].y, brickWidth, brickHeight);\n }\n }\n\n // Check for collisions with bricks\n let collisionDetected = false; // Track if a collision has occurred\n for (let i = bricks.length - 1; i >= 0; i--) {\n // Check for collision\n if (ballX + ballSize > bricks[i].x && ballX - ballSize < bricks[i].x + brickWidth &&\n ballY + ballSize > bricks[i].y && ballY - ballSize < bricks[i].y + brickHeight) {\n\n // Determine how to bounce\n if (previousBallY + ballSize <= bricks[i].y) {\n ballSpeedY *= -1; // Bounce off the top\n } else if (previousBallY - ballSize >= bricks[i].y + brickHeight) {\n ballSpeedY *= -1; // Bounce off the bottom\n } else if (previousBallX + ballSize <= bricks[i].x) {\n ballSpeedX *= -1; // Bounce off the left\n } else if (previousBallX - ballSize >= bricks[i].x + brickWidth) {\n ballSpeedX *= -1; // Bounce off the right\n }\n\n bricks.splice(i, 1); // Remove the brick from the array\n collisionDetected = true; // Mark that a collision occurred\n break; // Exit the loop after the first collision is detected\n }\n }\n\n // After checking all collisions, increase the ball size if a collision was detected\n if (collisionDetected) {\n ballSize += 5; // Increase the ball size\n }\n\n // Check if the ball is too small (game over condition)\n if (ballSize < minBallSize) {\n textSize(32);\n fill(255, 0, 0);\n textAlign(CENTER);\n text(\"Game Over! The ice ball melted!\", width / 2, height / 2);\n noLoop();\n }\n\n // Check if the Christmas message should be displayed\n if (showChristmasMessage) {\n textSize(32);\n fill(255, 0, 0);\n textAlign(CENTER);\n text(\"Merry Christmas!\", width / 2, height / 2); // Display message\n }\n}\n\nfunction isChristmasMode() {\n return requiredKeys.every(key => keysPressed.has(key)); // Check if all required keys are pressed\n}\n\nfunction keyReleased() {\n keysPressed.delete(key.toLowerCase());\n}\n\nfunction keyPressed() {\n keysPressed.add(key.toLowerCase());\n console.log(`Key pressed: ${key.toLowerCase()}`); // Log key pressed\n\n // Check if the pressed key matches the required key in sequence\n if (key.toLowerCase() === requiredKeys[currentKeyIndex]) {\n currentKeyIndex++; // Move to the next key in the sequence\n\n // Check if the end of the sequence has been reached\n if (currentKeyIndex === requiredKeys.length) {\n showChristmasMessage = true; // Set the flag to show the message\n console.log('Merry Christmas!'); // Log the message\n }\n } else {\n // Reset the sequence if the wrong key is pressed\n currentKeyIndex = 0;\n }\n}\n\n// Track if a collision has occurred\nfor (let i = bricks.length - 1; i >= 0; i--) {\n // Check for collision\n if (ballX + ballSize > bricks[i].x && ballX - ballSize < bricks[i].x + brickWidth &&\n ballY + ballSize > bricks[i].y && ballY - ballSize < bricks[i].y + brickHeight) {\n\n // Determine how to bounce\n if (previousBallY + ballSize <= bricks[i].y) {\n ballSpeedY *= -1; // Bounce off the top\n } else if (previousBallY - ballSize >= bricks[i].y + brickHeight) {\n ballSpeedY *= -1; // Bounce off the bottom\n } else if (previousBallX + ballSize <= bricks[i].x) {\n ballSpeedX *= -1; // Bounce off the left\n } else if (previousBallX - ballSize >= bricks[i].x + brickWidth) {\n ballSpeedX *= -1; // Bounce off the right\n }\n\n bricks.splice(i, 1); // Remove the brick from the array\n collisionDetected = true; // Mark that a collision occurred\n break; // Exit the loop after the first collision is detected\n }\n}\n\n// Track if a collision has occurred\nfor (let i = bricks.length - 1; i >= 0; i--) {\n // Check for collision\n if (ballX + ballSize > bricks[i].x && ballX - ballSize < bricks[i].x + brickWidth &&\n ballY + ballSize > bricks[i].y && ballY - ballSize < bricks[i].y + brickHeight) {\n\n // Determine how to bounce\n if (previousBallY + ballSize <= bricks[i].y) {\n ballSpeedY *= -1; // Bounce off the top\n } else if (previousBallY - ballSize >= bricks[i].y + brickHeight) {\n ballSpeedY *= -1; // Bounce off the bottom\n } else if (previousBallX + ballSize <= bricks[i].x) {\n ballSpeedX *= -1; // Bounce off the left\n } else if (previousBallX - ballSize >= bricks[i].x + brickWidth) {\n ballSpeedX *= -1; // Bounce off the right\n }\n\n bricks.splice(i, 1); // Remove the brick from the array\n collisionDetected = true; // Mark that a collision occurred\n break; // Exit the loop after the first collision is detected\n }\n}\n\n// After checking all collisions, increase the ball size if a collision was detected\nif (collisionDetected) {\n ballSize += 5; // Increase the ball size\n}\n","style.css":"body { margin: 0; } \ncanvas { display: block; }\n","index.html":"\n\n\n \n \n Ice Breaker: A Melting Adventure\n \n \n\n\n \n\n"},"chat_history":[],"assets":[{"project_id":5238,"creator":null,"cloudinary_id":"cwydpv87iuwajyfsna0a","deleted":false,"id":55535,"created_at":"2024-12-20T14:32:20.502721Z","name":"iceTileIcebrakergame","resource_type":"image","tags":null}],"messages_sent":0,"comments":[],"steps":[]}