Mario Movement Challenge

{"name":"Mario Movement Challenge","description":null,"photo":null,"view_count":2,"fork_count":0,"expires_at":null,"created_at":"2024-11-04T20:45:41.284839Z","updated_at":"2024-11-04T20:45:41.284844Z","user_id":60,"status":"PRIVATE","parent_id":4276,"id":4402,"user":{"photo":null,"email":"jacob@jippity.pro","recess_id":"34481dd2-2bdf-14f9-99da-131de59dc90f","created_at":"2024-02-26T18:31:54.473216Z","reset_token":null,"stripe_customer_id":"cus_RPbovGjLueUufv","seats":100,"username":"2718281828459045","id":60,"password_hash":"$2b$12$ZpelZmCi5wEA/VuXSdOJXeylQ6vOUks0sfwQxIKdjwBAeamaWIMOW","updated_at":"2024-02-26T18:31:54.473218Z","reset_token_expiry":null,"subscription_status":"active"},"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\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 // Special zebra pattern for pink dimension\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 and other logic...\n drawCoins(); // Call this to draw coins\n\n // Draw the character\n drawCharacter(x, y - jumpHeight); // Ensure this draws the character\n\n // Check if character is in the tunnel\n checkTunnel();\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 drawCharacter(x, y) {\n textSize(50); // Set the size for the emoji\n textAlign(CENTER, CENTER); // Center the emoji\n text('👲', x, y); // Draw the Mario emoji at the character's position\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\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":[],"messages_sent":0,"comments":[],"steps":[]}