Rolling Block Adventure

{"name":"Rolling Block Adventure","description":null,"photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-10-28T20:01:31.266250Z","updated_at":"2024-10-28T20:01:31.266283Z","user_id":235,"status":"PRIVATE","parent_id":4207,"id":4213,"user":{"photo":null,"email":"jacob.kam@alpha.school","recess_id":null,"created_at":"2024-10-15T14:40:09.061696Z","reset_token":null,"stripe_customer_id":"","seats":null,"username":"jacobk","id":235,"password_hash":"$2b$12$4HeF7xul0vjMqVfw7io.beR3TszMo2TX7TD1URe/7Lphahp007BC2","updated_at":"2024-10-15T14:40:09.061702Z","reset_token_expiry":null,"subscription_status":""},"code":{"script.js":"let characterX = 100;\n\nlet characterY = 300;\n\nlet velocityY = 0;\n\nlet gravity = 0.6;\n\nlet isJumping = false;\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(200);\n}\n\nfunction draw() {\n background(200);\n\n // Draw the green path\n fill(0, 255, 0); // Green color\n rect(0, windowHeight - 50, windowWidth, 50); // Path is 50 pixels high\n\n // Draw spikes on the path\n fill(255, 0, 0); // Red color for spikes\n let spikeWidth = 20;\n let spikeHeight = 30;\n let spikePositions = [];\n for (let i = 0; i < windowWidth; i += 100) { // Spacing spikes every 100 pixels\n triangle(i, windowHeight - 50, i + spikeWidth / 2, windowHeight - 50 - spikeHeight, i + spikeWidth, windowHeight - 50);\n spikePositions.push(i);\n }\n\n // Draw the character as a ball\n fill(0, 0, 255); // Blue color for the ball\n ellipse(characterX, characterY, 30, 30); // Ball with diameter 30\n\n // Check for collision with spikes\n for (let i = 0; i < spikePositions.length; i++) {\n let spikeX = spikePositions[i];\n if (characterX > spikeX && characterX < spikeX + spikeWidth && characterY > windowHeight - 50 - spikeHeight) {\n // Reset character position if collision detected\n characterX = 100;\n characterY = 300;\n velocityY = 0;\n isJumping = false;\n }\n }\n\n // Apply gravity\n if (characterY < windowHeight - 50 || velocityY < 0) { \n // If the ball is above the ground or moving upwards, apply gravity\n velocityY += gravity;\n } else {\n // Reset velocity when on the ground\n velocityY = 0;\n characterY = windowHeight - 50;\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 === ' ' && characterY >= windowHeight - 50) {\n console.log('jump')\n velocityY = -10; // Set upward velocity for the jump\n isJumping = true; // Mark the character as jumping\n }\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":[],"messages_sent":0,"comments":[],"steps":[]}