Mario Movement Challenge

{"name":"Mario Movement Challenge","description":null,"photo":null,"view_count":0,"fork_count":0,"expires_at":null,"created_at":"2024-11-20T20:46:21.200566Z","updated_at":"2024-11-20T20:46:21.200569Z","user_id":228,"status":"PRIVATE","parent_id":4276,"id":4719,"user":{"username":"zarielle","id":228,"password_hash":"$2b$12$8aptYXVYVw5XYMYP5wNqs.xGLtjXdsUUgnOMyUGR1jZVPTxqNF8V6","updated_at":"2024-10-15T14:28:41.200892Z","reset_token_expiry":null,"subscription_status":"","photo":null,"email":"zarielle.vela@alpha.school","recess_id":null,"created_at":"2024-10-15T14:28:41.200888Z","reset_token":null,"stripe_customer_id":"","seats":null},"code":{"script.js":"let x, y;\n\nlet coins = [];\n\nconst numCoins = 20;\n\nlet inTunnel = false;\n\n// Track if the character is in the tunnel\nlet dimensionIndex = 0;\n\nlet isJumping = false;\n\n// Track if the character is jumping\nlet jumpHeight = 0;\n\n// Current jump height\nconst maxJumpHeight = 100;\n\n// Maximum height the character can jump\nconst jumpSpeed = 5;\n\nlet xVelocity = 0;\n\nlet yVelocity = 0;\n\nconst acceleration = 0.5;\n\nconst maxSpeed = 10;\n\nconst dimensions = [\n { bg: [0, 90, 156], stripes: 255, symbol: \"⚾\" }, // Dodgers blue with baseball emoji\n { bg: [255, 0, 0], stripes: 0, symbol: \"🗽\" }, // Red for New York with Statue of Liberty emoji\n { bg: [0, 255, 0], stripes: 255, symbol: \"🍁\" }, // Green for Canada with maple leaf emoji\n { bg: [255, 192, 203], stripes: 255, symbol: \"🦓\" } // Pink for zebra with zebra emoji\n];\n\nlet currentCharacter = '🧍';\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(220);\n x = width / 2;\n y = height / 2;\n\n // Initialize coins at random positions\n for (let i = 0; i < numCoins; i++) {\n coins.push({ x: random(width), y: random(height) });\n }\n}\n\nfunction draw() {\n background(dimensions[dimensionIndex].bg); // Set background to current dimension color\n\n // Add white stripes or zebra pattern\n if (dimensionIndex === 3) {\n for (let i = 0; i < height; i += 40) {\n fill(255); // White stripe\n rect(0, i, width, 20);\n fill(255, 192, 203); // Pink stripe\n rect(0, i + 20, width, 20);\n }\n } else {\n for (let i = 0; i < height; i += 40) {\n fill(dimensions[dimensionIndex].stripes);\n rect(0, i, width, 20);\n }\n }\n\n drawDimensionSymbol();\n drawTunnel();\n drawHills();\n\n // Character movement with acceleration\n if (keyIsDown(UP_ARROW)) { // Up arrow key\n yVelocity -= acceleration;\n }\n if (keyIsDown(DOWN_ARROW)) { // Down arrow key\n yVelocity += acceleration;\n }\n if (keyIsDown(LEFT_ARROW)) { // Left arrow key\n xVelocity -= acceleration;\n }\n if (keyIsDown(RIGHT_ARROW)) { // Right arrow key\n xVelocity += acceleration;\n }\n\n // Apply velocity to position\n x += xVelocity;\n y += yVelocity;\n\n // Limit the speed\n xVelocity = constrain(xVelocity, -maxSpeed, maxSpeed);\n yVelocity = constrain(yVelocity, -maxSpeed, maxSpeed);\n\n // Apply friction to slow down\n xVelocity *= 0.9;\n yVelocity *= 0.9;\n\n // Jumping logic\n if (keyIsDown(74) && !isJumping) { // J key\n isJumping = true;\n }\n\n if (isJumping) {\n jumpHeight += jumpSpeed;\n if (jumpHeight >= maxJumpHeight) {\n isJumping = false;\n }\n } else {\n if (jumpHeight > 0) {\n jumpHeight -= jumpSpeed;\n }\n }\n\n drawCoins();\n collectCoins();\n drawCharacter(x, y - jumpHeight);\n checkTunnel();\n\n // Switch characters with specific keys\n if (keyIsDown(77)) { // M key\n currentCharacter = '👨‍🔧'; // Mario emoji\n }\n if (keyIsDown(76)) { // L key\n currentCharacter = '🧍'; // Luigi emoji\n }\n if (keyIsDown(84)) { // T key\n currentCharacter = '🧚'; // Tinkerbell emoji\n }\n if (keyIsDown(83)) { // S key\n currentCharacter = '🕷️'; // Spider-Man emoji\n }\n if (keyIsDown(67)) { // C key\n currentCharacter = '🐱'; // Cat emoji\n }\n if (keyIsDown(68)) { // D key\n currentCharacter = '🐶'; // Dog emoji\n }\n if (keyIsDown(90)) { // Z key\n currentCharacter = '🧟'; // Zombie emoji\n }\n if (keyIsDown(71)) { // G key\n currentCharacter = '👧'; // Zoe (girl emoji)\n }\n if (keyIsDown(66)) { // B key\n currentCharacter = '👨‍🎤'; // Beetlejuice (rockstar emoji)\n }\n}\n\nfunction checkTunnel() {\n // Check if the character is within the tunnel bounds\n if (x > width - 150 && x < width - 50 && y > height / 2 - 50 && y < height / 2 + 50) {\n fill(0);\n textSize(20);\n text(\"In Tunnel!\", 50, 50); // Display message when in tunnel\n\n if (!inTunnel) {\n inTunnel = true;\n dimensionIndex = (dimensionIndex + 1) % dimensions.length; // Change dimension\n }\n } else {\n inTunnel = false;\n }\n}\n\nfunction drawTunnel() {\n fill(128, 128, 128); // Gray color for the tunnel\n rect(width - 150, height / 2 - 50, 100, 100); // Draw the tunnel as a rectangle\n}\n\nfunction drawCoins() {\n fill(255, 223, 0); // Gold color for coins\n for (let coin of coins) {\n ellipse(coin.x, coin.y, 20, 20); // Draw each coin as a small circle\n }\n}\n\nfunction collectCoins() {\n for (let i = coins.length - 1; i >= 0; i--) {\n let coin = coins[i];\n if (dist(x, y, coin.x, coin.y) < 25) { // Check if character is close to the coin\n coins.splice(i, 1); // Remove collected coin\n }\n }\n}\n\nfunction drawHills() {\n fill(34, 139, 34); // Green color for hills\n arc(width / 4, height - 20, 200, 100, PI, TWO_PI); // Draw a hill\n arc(3 * width / 4, height - 20, 200, 100, PI, TWO_PI); // Draw another hill\n}\n\nfunction drawDimensionSymbol() {\n textSize(50); // Set text size for the symbol\n textAlign(CENTER, CENTER); // Center the text\n fill(255); // Set the text color to white\n text(dimensions[dimensionIndex].symbol, width / 2, height / 2); // Draw the symbol in the middle of the screen\n}\n\nfunction drawCharacter(x, y) {\n textSize(50); // Set the size for the emoji\n textAlign(CENTER, CENTER); // Center the emoji\n text(currentCharacter, x, y); // Draw the selected character emoji at the character's position\n}\n\n","style.css":"body { margin: 0; }","index.html":"\n\n\n \n \n Mario Movement Challenge\n \n \n \n\n\n\n"},"chat_history":[],"assets":[{"cloudinary_id":"k3ysayyuxde5tmzytdss","project_id":4719,"created_at":"2024-11-20T20:46:21.225881Z","deleted":false,"name":"Ddffxdfhxgxfzc@@zzzzzzzzzzzzzzzzzzzzzzzzzzzzz","resource_type":"video","id":49857},{"cloudinary_id":"fkahj3pfbcly1frrx4qr","project_id":4719,"created_at":"2024-11-20T20:46:21.218099Z","deleted":false,"name":"zsuy6e5e4r4343e343e43e42e42e24e4ee4e","resource_type":"image","id":49856}],"messages_sent":0,"comments":[],"steps":[]}