Christmas Obstacle Course

{"name":"Christmas Obstacle Course","description":"Get ready to dash through a festive obstacle course filled with holiday cheer! Navigate through snowmen, dodge flying ornaments, and collect candy canes for points. This fun-filled game will challenge your reflexes and keep you entertained all season long!","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/bgv41dbk3bofxqc22ktm","view_count":26,"fork_count":1,"expires_at":null,"created_at":"2024-12-31T19:56:01.272512Z","updated_at":"2024-12-31T19:56:01.272514Z","user_id":25,"status":"PUBLIC","parent_id":null,"id":5111,"user":{"photo":null,"email":"roserasp.rcl@gmail.com","recess_id":"b0325c1e-fa33-e420-3bbd-16e23deec92c","created_at":"2023-12-19T12:40:25.190376Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"unibunny","id":25,"password_hash":"$2b$12$T8DLx5HV8mYkO6ID/7yXxOe2XWdeWxkYEFlZHZ8igj1Ovbd.zs2aO","updated_at":"2023-12-19T12:40:25.190378Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"// Game state variables\nlet snowballMoving = false;\n\nlet isJumping = false;\n\nlet jumpStartTime = 0;\n\nlet ornamentProgress = 0;\n\nlet movingOverOrnament = false;\n\n// Snowball variables\nlet snowballPos = { x: 0, y: 0 };\n\nlet snowballDirection = { x: 0, y: 0 };\n\nlet snowballSize = 10;\n\nconst gravity = 0.5;\n\nlet landedSnowballs = [];\n\n// Cat variables\nlet catX = 50;\n\nlet catY;\n\nlet jumpHeight = 50;\n\nconst floorY = 450;\n\n// Obstacle variables\nlet obstacles = [];\n\nconst numObstacles = 1;\n\nlet obstacleSpeed = 0.5;\n\n// Image assets\nlet catImage;\n\nlet ornament;\n\nlet bgImage;\n\nlet snowGround;\n\nlet stillCat;\n\n// Other variables\nlet moveOverAngle = 0;\n\nlet movingDirection = 1;\n\n// Add this variable at the top with your other variables\nlet showText = false;\n\n// Global variable for background music\nlet bgMusic;\n\nlet obstacleSpawnDelay = 0;\n\n// Add these variables at the top with your other variables\nlet score = 0;\n\nlet highScore = 0;\n\n// Global variable to store the initial mouse position\nlet initialMouseX;\n\nlet initialMouseY;\n\nfunction preload() {\n catImage = loadImage(\"@asset('Cat')\");\n ornament = loadImage(\"@asset('ornament')\");\n bgImage = loadImage(\"@asset('bg')\");\n stillCat = loadImage(\"@asset('stillCat')\");\n snowGround = loadImage(\"@asset('SnowGround')\");\n treeBottom = loadImage(\"@asset('TreeBottom')\");\n treeTop = loadImage(\"@asset('TreeTop')\");\n info = loadImage(\"@asset('info')\");\n bgMusic = loadSound(\"@asset('music')\"); // Load the music file\n}\n\nfunction setup() {\n createCanvas(600, 600);\n catY = height - 150;\n createObstacles();\n bgMusic.loop(); // Play the music and loop it continuously\n bgMusic.setVolume(0.4); // Set the volume (0.0 to 1.0)\n}\n\nfunction draw() {\n background(bgImage);\n image(info, 10, 10); // Draw the info image at the top-left corner\n\n if (showText) {\n stroke(0);\n fill(255); // Set text color to white\n textSize(16); // Set text size\n text(\"throw snowballs as far as you can for the cat to chase, \", 85, 40); // Draw the text next to the info image\n text(\"get the cat to jump over the obstacles with the space bar, \", 180, 60);\n text(\"and get the best score you can!\", 130, 80);\n }\n\n let baseX = 50;\n let baseY = height - 250;\n\n updateSnowball();\n stroke(0);\n strokeWeight(4);\n line(0, height - 150, width, height - 150);\n image(snowGround, 0, 100, 600, 500);\n\n drawTreeBottom(baseX - 80, baseY - 75);\n\n let treeTop = updateTree(baseX, baseY);\n\n if (mouseIsPressed) {\n snowballPos.x = treeTop.x;\n snowballPos.y = treeTop.y;\n snowballDirection.x = baseX - mouseX;\n snowballDirection.y = baseY - mouseY;\n }\n\n for (let snowball of landedSnowballs) {\n if (snowballMoving) {\n if (snowballPos.x < 300) {\n snowball.x += 1;\n } else {\n snowball.x -= 1;\n }\n }\n drawSnowball(snowball.x, snowball.y, snowball.size);\n }\n\n drawObstacles();\n\n if (isJumping && obstacles.length > 0) {\n let ornament = obstacles[0];\n if (ornament.x > 250 && ornament.x < 375) {\n ornament.x -= 5;\n }\n }\n\n drawCat();\n\n if (snowballMoving) {\n if (snowballPos.x < 300) {\n obstacles[0].x += 1;\n } else {\n obstacles[0].x -= 1;\n }\n }\n\n // Display score and high score in the bottom left\n stroke(0)\n fill(255);\n textSize(20);\n text(`Score: ${score}`, 10, height - 30);\n text(`High Score: ${highScore}`, 10, height - 10);\n}\n\nfunction keyPressed() {\n if (keyCode == 32 && !isJumping) { // Space bar key code is 32\n isJumping = true;\n jumpStartTime = millis(); // Record the time when the jump starts\n }\n}\n\nfunction drawSnowball(x, y, radius) {\n fill(255);\n stroke(200);\n strokeWeight(3);\n ellipse(x, y, radius * 2, radius * 2);\n}\n\nfunction createObstacles() {\n obstacles = [];\n for (let i = 0; i < numObstacles; i++) {\n let obstacle = {\n x: random(400, 500),\n y: height - 150,\n radius: 50\n };\n obstacles.push(obstacle);\n }\n}\n\nfunction moveOverOrnament(obstacle) {\n if (ornamentProgress >= 1) {\n catY = floorY;\n ornamentProgress = 0;\n movingOverOrnament = false;\n }\n}\n\nfunction moveCat() {\n let catSpeed = 1;\n let previousCatX = catX;\n if (snowballMoving && snowballPos.y < floorY - snowballSize) {\n if (snowballPos.x >= 0 && snowballPos.x <= width) {\n if (catX < snowballPos.x) {\n catX += catSpeed;\n } else if (catX > snowballPos.x) {\n let ornament = obstacles[0];\n if (catX <= ornament.x + ornament.radius) {\n catX -= catSpeed;\n }\n }\n }\n }\n let ornament = obstacles[0];\n if (catX > ornament.x + ornament.radius) {\n catX += catSpeed;\n }\n return catX !== previousCatX;\n}\n\nfunction drawCat() {\n checkCollisions();\n const fixedCatX = 300;\n\n // Handle jumping logic with timer\n if (isJumping) {\n if (millis() - jumpStartTime < 500) { // Check if one second has passed\n if (catY > floorY - jumpHeight) {\n catY -= jumpHeight; // Move the cat up\n }\n } else {\n isJumping = false; // Reset jumping state after one second\n }\n } else if (catY < floorY) {\n catY += jumpHeight; // Move the cat back down\n }\n\n let direction = (snowballMoving && snowballPos.x < fixedCatX) ? -1 : 1;\n let currentCatImage = snowballMoving ? catImage : stillCat;\n if (currentCatImage) {\n push();\n translate(fixedCatX, catY);\n scale(direction, 1);\n image(currentCatImage, -47, -75, 100, 100);\n pop();\n }\n}\n\nfunction checkCollisions() {\n let onObstacle = false;\n let onSnowball = false;\n for (let obstacle of obstacles) {\n let d = dist(catX, catY, obstacle.x, obstacle.y);\n if (d < 20 + obstacle.radius) {\n if (catY < obstacle.y - obstacle.radius / 2) {\n catY = obstacle.y - obstacle.radius; // Ensure the cat stays on top of the obstacle\n onObstacle = true;\n } else {\n if (catX < obstacle.x) {\n catX = obstacle.x - (10 + obstacle.radius);\n } else {\n catX = obstacle.x + (10 + obstacle.radius);\n }\n }\n }\n for (let snowball of landedSnowballs) {\n let catDistance = dist(catX, catY, snowball.x, snowball.y);\n if (catDistance < 15 + snowball.size) {\n catY = snowball.y - 15;\n onSnowball = true;\n }\n }\n // Ensure obstacle remains in correct position\n if (obstacle.x + obstacle.radius > width / 2 - 25 && obstacle.x - obstacle.radius < width / 2 + 25 &&\n obstacle.y + obstacle.radius > floorY - 25 && obstacle.y - obstacle.radius < floorY + 25) {\n if (obstacle.x < width / 2) {\n obstacle.x -= 1;\n } else {\n obstacle.x += 1;\n }\n }\n }\n // Adjust the cat's Y position if it's on an obstacle\n if (onObstacle) {\n catY = floorY - 50; // Ensures the cat stays 50 pixels above the floor\n } else if (!onSnowball && catY < floorY) {\n catY = floorY;\n }\n}\n\n// Add this code to the draw function to show the text\nif (showText) {\n fill(255); // Set text color to white\n textSize(16); // Set text size\n text(\"Your text here\", 20, 30); // Draw the text next to the info image\n}\n\n// Function to check if any landed snowball is at x = 250\nfunction checkSnowballPosition() {\n isJumping = false; // Default to false\n for (let snowball of landedSnowballs) {\n if (snowball.x === 250) {\n isJumping = true; // Set to true if a snowball is at x = 250\n break; // Exit the loop early if condition is met\n }\n }\n}\n\nfunction drawTree(baseX, baseY) {\n let treeHeight = 50;\n let angle;\n let endX, endY;\n\n if (mouseIsPressed) {\n let dx = mouseX - baseX;\n let dy = mouseY - baseY;\n angle = atan2(dy, dx);\n endX = baseX + cos(angle) * treeHeight;\n endY = baseY + sin(angle) * treeHeight;\n } else {\n angle = -HALF_PI; // Default angle pointing upwards\n endX = baseX;\n endY = baseY - treeHeight;\n }\n\n push();\n translate(baseX, baseY);\n rotate(angle);\n imageMode(CENTER);\n image(treeTop, 0, -treeHeight / 2, treeHeight, treeHeight);\n pop();\n\n return { x: endX, y: endY };\n}\n\nfunction updateTree(baseX, baseY) {\n let treeHeight = 50;\n let angle;\n let treeTopX, treeTopY;\n\n if (mouseIsPressed) {\n let dx = mouseX - baseX;\n let dy = mouseY - baseY;\n angle = atan2(dy, dx);\n treeTopX = baseX + cos(angle) * treeHeight;\n treeTopY = baseY + sin(angle) * treeHeight;\n } else {\n angle = -HALF_PI; // Default angle pointing upwards\n treeTopX = baseX;\n treeTopY = baseY - treeHeight;\n }\n\n push();\n translate(baseX, baseY);\n rotate(angle + 89.5);\n imageMode(CENTER);\n image(treeTop, 0, -treeHeight / 2, treeHeight, treeHeight);\n pop();\n\n return { x: treeTopX, y: treeTopY };\n}\n\n// Function to draw the treeBottom image\nfunction drawTreeBottom(x, y) {\n image(treeBottom, x, y, 160, 160);\n}\n\nfunction spawnNewObstacles() {\n if (obstacles.length < numObstacles && obstacleSpawnDelay <= millis()) {\n let obstacle = {\n x: width + random(50, 150), // Position it slightly off-screen\n y: height - 150,\n radius: 50\n };\n obstacles.push(obstacle);\n obstacleSpawnDelay = millis() + random(1000, 3000); // Set a new random delay\n }\n}\n\nfunction updateSnowball() {\n if (snowballMoving) {\n snowballPos.x += snowballDirection.x * 0.09;\n snowballPos.y += snowballDirection.y * 0.09;\n snowballDirection.y += gravity;\n let floorY = height - 150;\n if (snowballPos.y + snowballSize >= floorY) {\n snowballPos.y = floorY - snowballSize;\n snowballMoving = false;\n snowballDirection.y = 0;\n landedSnowballs.push({\n x: snowballPos.x,\n y: snowballPos.y,\n size: snowballSize,\n landedTime: millis()\n });\n\n // Check if score is higher than high score\n if (score > highScore) {\n highScore = score;\n }\n score = 0; // Reset score after the snowball lands\n }\n drawSnowball(snowballPos.x, snowballPos.y, snowballSize);\n } else {\n drawSnowball(snowballPos.x, snowballPos.y, snowballSize);\n }\n\n for (let i = landedSnowballs.length - 1; i >= 0; i--) {\n let snowball = landedSnowballs[i];\n let ornament = obstacles[0];\n let ornamentDistance = dist(snowball.x, snowball.y, ornament.x, ornament.y);\n\n // Remove only the snowball when the cat jumps, otherwise make it stick to the ornament\n if (ornamentDistance < 15 + ornament.radius && snowball.x !== 250) {\n snowball.x = ornament.x;\n snowball.y = ornament.y;\n } else {\n drawSnowball(snowball.x, snowball.y, snowball.size);\n }\n }\n}\n\nfunction drawObstacles() {\n // Remove obstacles that are out of view and increment score\n obstacles = obstacles.filter(obstacle => {\n if (obstacle.x + obstacle.radius <= 0) {\n score++; // Increment score for each passed obstacle\n return false; // Remove out-of-view obstacle\n }\n return true;\n });\n\n // Draw remaining obstacles\n for (let obstacle of obstacles) {\n image(ornament, obstacle.x - obstacle.radius, obstacle.y - obstacle.radius, obstacle.radius * 2, obstacle.radius * 2);\n }\n\n spawnNewObstacles();\n}\n\n// Modify the mousePressed function\nfunction mousePressed() {\n snowballMoving = false;\n snowballPos = { x: 0, y: 0 };\n snowballDirection = { x: 0, y: 0 };\n snowballSize = 10;\n\n // Record the initial mouse position\n initialMouseX = mouseX;\n initialMouseY = mouseY;\n\n // Toggle the visibility of the text\n if (mouseX > 10 && mouseX < 10 + info.width && mouseY > 10 && mouseY < 10 + info.height) {\n showText = !showText;\n }\n}\n\n// Modify the mouseReleased function\nfunction mouseReleased() {\n snowballMoving = true;\n\n // Calculate the direction based on the distance the mouse moved and invert it\n let dx = mouseX - initialMouseX;\n let dy = mouseY - initialMouseY;\n let speedFactor = 0.5; // Adjust this factor to control speed\n snowballDirection.x = -dx * speedFactor; // Invert the direction\n snowballDirection.y = -dy * speedFactor; // Invert the direction\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n\n \n \n Christmas Obstacle Course\n \n \n \n\n\n\n \n\n\n"},"chat_history":[{"project_id":5111,"sender":"human","message":"base on wha the mouse did when it was down should affect the path, speed and direction of the snowball","deleted":0,"created_at":"2024-12-30T20:53:48.352315Z","output_tokens":null,"code_id":198091,"input_tokens":null,"id":99459},{"project_id":5111,"sender":"ai","message":"Got it! We can adjust the snowball's behavior based on the mouse movement when it's pressed. Let's make these changes so that the mouse movement affects the snowball's path, speed, and direction. \n\nCould you clarify how you want the mouse movement to affect the snowball? For example:\n- Should the speed be proportional to how far the mouse moves?\n- Should the direction change based on the angle of the mouse movement?\n- Any specific behavior you want to add when the mouse is released?","deleted":0,"created_at":"2024-12-30T20:53:48.360637Z","output_tokens":121,"code_id":198091,"input_tokens":5825,"id":99460},{"project_id":5111,"sender":"human","message":"you can pick those","deleted":0,"created_at":"2024-12-30T20:54:00.892335Z","output_tokens":null,"code_id":198091,"input_tokens":null,"id":99461},{"project_id":5111,"sender":"ai","message":"Great! Let's modify the snowball's path, speed, and direction based on the mouse movement. Here's how we'll approach it:\n\n1. **Direction**: The direction of the snowball will be determined by the angle from the tree to the mouse position.\n2. **Speed**: The speed will be based on the distance the mouse moves while it's pressed.\n\nI'll update the code to achieve this. First, let's update the `mousePressed` and `mouseReleased` functions to record the mouse position and calculate the speed and direction.\n\n```javascript\n// Global variable to store the initial mouse position\nlet initialMouseX;\nlet initialMouseY;\n\n// Modify the mousePressed function\nfunction mousePressed() {\n snowballMoving = false;\n snowballPos = { x: 0, y: 0 };\n snowballDirection = { x: 0, y: 0 };\n snowballSize = 10;\n\n // Record the initial mouse position\n initialMouseX = mouseX;\n initialMouseY = mouseY;\n\n // Toggle the visibility of the text\n if (mouseX > 10 && mouseX < 10 + info.width && mouseY > 10 && mouseY < 10 + info.height) {\n showText = !showText;\n }\n}\n```\n\n```javascript\n// Modify the mouseReleased function\nfunction mouseReleased() {\n snowballMoving = true;\n\n // Calculate the direction based on the distance the mouse moved\n let dx = mouseX - initialMouseX;\n let dy = mouseY - initialMouseY;\n let speedFactor = 0.09; // Adjust this factor to control speed\n snowballDirection.x = dx * speedFactor;\n snowballDirection.y = dy * speedFactor;\n}\n```\n\n- **Initial Mouse Position**: We store the initial mouse position when pressed to calculate the movement.\n- **Direction and Speed Calculation**: When the mouse is released, we calculate the direction and speed based on how far the mouse moved.\n- **Speed Factor**: You can adjust `speedFactor` to control how fast the snowball moves based on the mouse movement.\n\nTry these changes and see how the behavior of the snowball improves! Let me know if you want to tweak anything further.","deleted":0,"created_at":"2024-12-30T20:54:00.898290Z","output_tokens":492,"code_id":198091,"input_tokens":5806,"id":99462},{"project_id":5111,"sender":"human","message":"make it always go the opposite direction of the mouse","deleted":0,"created_at":"2024-12-30T20:56:24.125326Z","output_tokens":null,"code_id":198094,"input_tokens":null,"id":99463},{"project_id":5111,"sender":"ai","message":"Sure! We can adjust the code so that the snowball always moves in the opposite direction of the mouse movement. Here's how we'll do it:\n\n1. We'll invert the direction of the snowball by multiplying the calculated direction by -1.\n\nLet's update the `mouseReleased` function to reflect this change:\n\n```javascript\n// Modify the mouseReleased function\nfunction mouseReleased() {\n snowballMoving = true;\n\n // Calculate the direction based on the distance the mouse moved and invert it\n let dx = mouseX - initialMouseX;\n let dy = mouseY - initialMouseY;\n let speedFactor = 1.09; // Adjust this factor to control speed\n snowballDirection.x = -dx * speedFactor; // Invert the direction\n snowballDirection.y = -dy * speedFactor; // Invert the direction\n}\n```\n\n- **Inverted Direction**: By multiplying `dx` and `dy` by `-1`, the snowball will move in the opposite direction of the mouse movement.\n- **Speed Factor**: The speed is still controlled by the `speedFactor`. You can adjust this to make the snowball move faster or slower.\n\nUpdate your code with these changes, and the snowball should now travel in the opposite direction of the mouse movement! Let me know if you need further adjustments.","deleted":0,"created_at":"2024-12-30T20:56:24.183506Z","output_tokens":302,"code_id":198094,"input_tokens":5934,"id":99464}],"assets":[{"cloudinary_id":"coxmuc9shr0dd9irw4ly","name":"TreeTop","deleted":false,"id":55872,"created_at":"2024-12-30T05:05:17.152694Z","project_id":5111,"resource_type":"image"},{"cloudinary_id":"bidrz8aoidyduxmmpgkw","name":"music","deleted":false,"id":55867,"created_at":"2024-12-29T18:59:58.850598Z","project_id":5111,"resource_type":"video"},{"cloudinary_id":"x6fbl4wchvqfkxt2ibzg","name":"info","deleted":false,"id":55866,"created_at":"2024-12-29T17:39:31.761742Z","project_id":5111,"resource_type":"image"},{"cloudinary_id":"ypxqhdts1vavbl7lqtkf","name":"TreeBottom","deleted":false,"id":55864,"created_at":"2024-12-29T15:32:09.017349Z","project_id":5111,"resource_type":"image"},{"cloudinary_id":"bjm7qfbwl1psd8juhguv","name":"SnowGround","deleted":false,"id":55777,"created_at":"2024-12-27T04:19:28.918644Z","project_id":5111,"resource_type":"image"},{"cloudinary_id":"nnhcnufizk1liyui6xr2","name":"stillCat","deleted":false,"id":55734,"created_at":"2024-12-25T09:25:19.576006Z","project_id":5111,"resource_type":"image"},{"cloudinary_id":"bdl4kly4qskporknptvi","name":"Cat","deleted":false,"id":55731,"created_at":"2024-12-25T06:52:16.394365Z","project_id":5111,"resource_type":"image"},{"cloudinary_id":"bgv41dbk3bofxqc22ktm","name":"bg","deleted":false,"id":55729,"created_at":"2024-12-25T05:48:00.457804Z","project_id":5111,"resource_type":"image"},{"cloudinary_id":"zkbmwjoudkrry3rbsnzt","name":"SpatteredSnow","deleted":false,"id":55726,"created_at":"2024-12-25T05:05:57.348615Z","project_id":5111,"resource_type":"image"},{"cloudinary_id":"fiuzztk42dn8fiyavz9e","name":"snowBall","deleted":false,"id":55725,"created_at":"2024-12-25T05:03:22.790334Z","project_id":5111,"resource_type":"image"},{"cloudinary_id":"xaek9stekk9waxjgkgw8","name":"ornament","deleted":false,"id":55722,"created_at":"2024-12-25T04:44:27.944223Z","project_id":5111,"resource_type":"image"}],"messages_sent":357,"comments":[],"steps":[]}