Rolling Block Adventure

{"name":"spike doom obby of the doom","description":"","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/k3e7tdotpv1crk1x1vmq","view_count":6,"fork_count":0,"expires_at":null,"created_at":"2024-11-26T12:35:43.736425Z","updated_at":"2024-11-26T12:35:43.736427Z","user_id":5,"status":"PRIVATE","parent_id":4286,"id":4785,"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":"let characterX = 100;\n\n// Start the character on the bottom path\nlet characterY\n\nlet velocityY = 0;\n\nlet gravity = 0.6;\n\nlet isJumping = false;\n\nlet portalCooldown = 0;\n\nlet initialCharacterY;\n\nlet confetti = [];\n\nlet confettiActive = false;\n\nlet score = 0;\n\nlet deathCount = 0;\n\nlet platformStrokeActive = false;\n\nlet initialCharacterX = 50;\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(200);\n characterY = windowHeight - 50;\n initialCharacterY = characterY; // Set initial Y position\n platformStrokeActive = true; // Enable platform stroke at the start\n}\n\nfunction draw() {\n background(200);\n\n // Display score and death count\n fill(0);\n textSize(24);\n text(\"Score: \" + score, 10, 30);\n text(\"Deaths: \" + deathCount, 10, 60);\n\n // Update the portal cooldown timer\n if (portalCooldown > 0) {\n portalCooldown--;\n }\n\n // Determine if we're on the first path or the upper path\n let onFirstPath = characterY >= windowHeight - 50 && characterY < windowHeight;\n let onUpperPath = characterY < windowHeight - 200 && characterY >= windowHeight - 250;\n\n // Apply stroke if the platformStrokeActive is true\n if (platformStrokeActive) {\n stroke(0); // Set the stroke color to black\n strokeWeight(3); // Set the stroke weight\n } else {\n noStroke(); // Disable the stroke\n }\n\n // Draw the lower path\n fill(0, 255, 0); // Green for the path\n rect(0, windowHeight - 50, windowWidth, 50); // Lower path\n\n // Draw the upper path\n rect(0, windowHeight - 250, windowWidth, 50); // Upper path\n\n // Define spike dimensions\n let spikeWidth = 20;\n let spikeHeight = 30;\n\n // Draw spikes on the lower path\n for (let i = 0; i < windowWidth - 70; i += 100) {\n if (i < windowWidth - 100) { // Avoid spikes under the lower path portal\n triangle(i, windowHeight - 50, i + spikeWidth / 2, windowHeight - 50 - spikeHeight, i + spikeWidth, windowHeight - 50);\n // Check for collision with spikes\n if (dist(characterX, characterY, i + spikeWidth / 2, windowHeight - 50) < 15) {\n resetCharacter(); // Reset the character if collision occurs\n deathCount++; // Increment death count\n }\n }\n }\n\n // Draw spikes on the upper path (double spikes)\n for (let i = 0; i < windowWidth - 70; i += 100) {\n if (i < windowWidth - 100) { // Avoid spikes under the upper path portal\n // First spike\n triangle(i, windowHeight - 250, i + spikeWidth / 2, windowHeight - 250 - spikeHeight, i + spikeWidth, windowHeight - 250);\n\n // Second adjacent spike\n let secondSpikeOffset = spikeWidth; // Offset for the second spike\n triangle(i + secondSpikeOffset, windowHeight - 250, i + secondSpikeOffset + spikeWidth / 2, windowHeight - 250 - spikeHeight, i + 2 * spikeWidth, windowHeight - 250);\n\n // Check for collision with both spikes\n if (dist(characterX, characterY, i + spikeWidth / 2, windowHeight - 250) < 15 ||\n dist(characterX, characterY, i + secondSpikeOffset + spikeWidth / 2, windowHeight - 250) < 15) {\n resetCharacter(); // Reset the character if collision occurs\n deathCount++; // Increment death count\n }\n }\n }\n // Draw spikes on the upper path (double spikes)\n for (let i = 0; i < windowWidth - 70; i += 100) {\n if (i < windowWidth - 100) { // Avoid spikes under the upper path portal\n // First spike\n triangle(i, windowHeight - 250, i + spikeWidth / 2, windowHeight - 250 - spikeHeight, i + spikeWidth, windowHeight - 250);\n\n // Second adjacent spike\n let secondSpikeOffset = spikeWidth; // Offset for the second spike\n triangle(i + secondSpikeOffset, windowHeight - 250, i + secondSpikeOffset + spikeWidth / 2, windowHeight - 250 - spikeHeight, i + 2 * spikeWidth, windowHeight - 250);\n\n // Check for collision with both spikes\n if (dist(characterX, characterY, i + spikeWidth / 2, windowHeight - 250) < 15 ||\n dist(characterX, characterY, i + secondSpikeOffset + spikeWidth / 2, windowHeight - 250) < 15) {\n resetCharacter(); // Reset the character if collision occurs\n deathCount++; // Increment death count\n }\n }\n }\n\n // Draw the character as a ball\n fill(0, 0, 255); // Blue for the ball\n ellipse(characterX, characterY, 30, 30); // Ball with diameter 30\n\n // Update and draw confetti\n updateAndDrawConfetti();\n\n // Always draw both portals\n textSize(32);\n text(\"🌀\", windowWidth - 50, windowHeight - 90); // Portal to the upper path\n text(\"🌀\", windowWidth - 50, windowHeight - 290); // Portal back to the lower path\n\n // Check for collision with the portal on the lower path\n if (portalCooldown == 0 && onFirstPath && characterX > windowWidth - 70 && characterY >= windowHeight - 50) {\n // Teleport character to the upper path portal position\n characterX = windowWidth - 50; // Position near the upper path portal\n characterY = windowHeight - 250; // Position on the upper path\n velocityY = 0; // Stop any downward motion\n portalCooldown = 60; // Set cooldown for 1 second (assuming 60 FPS)\n createConfetti(); // Trigger confetti\n score++; // Increment score\n }\n\n // Check for collision with the portal on the upper path\n if (portalCooldown == 0 && onUpperPath && characterX > windowWidth - 70 && characterY >= windowHeight - 250) {\n // Teleport character to the lower path portal position\n characterX = windowWidth - 50; // Position near the lower path portal\n characterY = windowHeight - 50; // Position on the lower path\n velocityY = 0; // Stop any downward motion\n portalCooldown = 60; // Set cooldown for 1 second (assuming 60 FPS)\n createConfetti(); // Trigger confetti\n score++; // Increment score\n }\n\n // Apply gravity\n if ((characterY < windowHeight - 50 || velocityY < 0) && !onUpperPath) {\n // If the ball is above the ground or moving upwards, apply gravity\n velocityY += gravity;\n } else if ((characterY < windowHeight - 250 || velocityY < 0) && onUpperPath) {\n velocityY += gravity;\n } else {\n // Reset velocity when on the ground\n velocityY = 0;\n if (onFirstPath) {\n characterY = windowHeight - 50;\n } else if (onUpperPath) {\n characterY = windowHeight - 250;\n }\n isJumping = false; // Allow jumping again\n }\n\n characterY += velocityY; // Update the ball's position\n\n // Move character left and right\n if (keyIsDown(65)) { // 'a' key\n characterX -= 5;\n }\n if (keyIsDown(68)) { // 'd' key\n characterX += 5;\n }\n\n // Prevent character from moving off screen\n characterX = constrain(characterX, 0, windowWidth - 32);\n}\n\nfunction keyPressed() {\n // Jump with the space bar\n if (key === ' ' && !isJumping) {\n // Allow jumping from both paths\n if (characterY >= windowHeight - 50 || characterY >= windowHeight - 250) {\n velocityY = -10; // Set upward velocity for the jump\n isJumping = true; // Mark the character as jumping\n }\n }\n}\n\nfunction createConfetti() {\n confetti = []; // Reset confetti array\n for (let i = 0; i < 6600; i++) {\n confetti.push({\n x: characterX,\n y: characterY,\n size: random(5, 10),\n color: [random(255), random(255), random(255)],\n velocityX: random(-2, 2),\n velocityY: random(-5, -1)\n });\n }\n confettiActive = true;\n}\n\nfunction updateAndDrawConfetti() {\n if (confettiActive) {\n for (let i = 0; i < confetti.length; i++) {\n let c = confetti[i];\n c.x += c.velocityX;\n c.y += c.velocityY;\n c.velocityY += 0.2; // Gravity effect\n fill(c.color);\n noStroke();\n ellipse(c.x, c.y, c.size, c.size);\n }\n }\n}\n\n// Draw spikes on the lower path\nfor (let i = 0; i < windowWidth - 70; i += 100) {\n if (i < windowWidth - 100) { // Avoid spikes under the lower path portal\n triangle(i, windowHeight - 50, i + spikeWidth / 2, windowHeight - 50 - spikeHeight, i + spikeWidth, windowHeight - 50);\n // Check for collision with spikes\n if (dist(characterX, characterY, i + spikeWidth / 2, windowHeight - 50) < 15) {\n resetCharacter(); // Reset the character if collision occurs\n deathCount++; // Increment death count\n }\n }\n}\n\n// Draw spikes on the upper path (double spikes)\nfor (let i = 0; i < windowWidth - 70; i += 100) {\n if (i < windowWidth - 100) { // Avoid spikes under the upper path portal\n // First spike\n triangle(i, windowHeight - 250, i + spikeWidth / 2, windowHeight - 250 - spikeHeight, i + spikeWidth, windowHeight - 250);\n\n // Second adjacent spike\n let secondSpikeOffset = spikeWidth; // Offset for the second spike\n triangle(i + secondSpikeOffset, windowHeight - 250, i + secondSpikeOffset + spikeWidth / 2, windowHeight - 250 - spikeHeight, i + 2 * spikeWidth, windowHeight - 250);\n\n // Check for collision with both spikes\n if (dist(characterX, characterY, i + spikeWidth / 2, windowHeight - 250) < 15 ||\n dist(characterX, characterY, i + secondSpikeOffset + spikeWidth / 2, windowHeight - 250) < 15) {\n resetCharacter(); // Reset the character if collision occurs\n deathCount++; // Increment death count\n }\n }\n}\n\n// Check for collision with the portal on the lower path\nif (portalCooldown == 0 && onFirstPath && characterX > windowWidth - 70 && characterY >= windowHeight - 50) {\n // Teleport character to the upper path portal position\n characterX = windowWidth - 50; // Position near the upper path portal\n characterY = windowHeight - 250; // Position on the upper path\n velocityY = 0; // Stop any downward motion\n portalCooldown = 60; // Set cooldown for 1 second (assuming 60 FPS)\n createConfetti(); // Trigger confetti\n score++; // Increment score\n}\n\n// Check for collision with the portal on the upper path\nif (portalCooldown == 0 && onUpperPath && characterX > windowWidth - 70 && characterY >= windowHeight - 250) {\n // Teleport character to the lower path portal position\n characterX = windowWidth - 50; // Position near the lower path portal\n characterY = windowHeight - 50; // Position on the lower path\n velocityY = 0; // Stop any downward motion\n portalCooldown = 60; // Set cooldown for 1 second (assuming 60 FPS)\n createConfetti(); // Trigger confetti\n score++; // Increment score\n}\n\nfunction resetCharacter() {\n characterX = initialCharacterX; // Reset X position\n characterY = initialCharacterY; // Reset Y position\n velocityY = 0; // Stop any motion\n portalCooldown = 0; // Reset portal cooldown\n}\n\n","style.css":"body { margin: 0; }","index.html":"\n\n\n \n \n Rolling Block Adventure\n \n \n \n\n\n\n"},"chat_history":[],"assets":[{"project_id":4785,"creator":null,"cloudinary_id":"k3e7tdotpv1crk1x1vmq","deleted":false,"id":50456,"created_at":"2024-11-26T12:35:43.751868Z","name":"spike doom obby of the doom","resource_type":"image","tags":null}],"messages_sent":0,"comments":[],"steps":[]}