Blocky Adventures: The Platformer

{"name":"Blocky Adventures: The Platformer","description":"Embark on a journey with Blocky, the square character, as you navigate through challenging levels, avoid deadly holes, and build your own bridges to progress. Are you ready for some blocky adventures in this exciting platformer game?","photo":null,"view_count":3,"fork_count":1,"expires_at":null,"created_at":"2024-05-16T16:38:08.474128Z","updated_at":"2024-05-16T16:38:08.474130Z","user_id":60,"status":"PUBLIC","parent_id":1121,"id":1458,"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 groundHeight = 250;\nlet characterX = 50;\nlet characterY = groundHeight - 50;\nlet gravity = 1;\nlet characterAcceleration = 0; // Initial horizontal acceleration\nlet jumpForce = -18;\nlet verticalVelocity = 0;\nlet holes = [];\nlet blocks = [];\nlet currentLevel = 1;\nlet enemies = [];\nlet flamingBalls = [];\n// let particles = []; // Store particles globally\nlet characterDirection = 0; // 0 for still, -1 for left, 1 for right\nlet lastLandingTime = 0; // Tracks when the character last landed\nlet characterSpeed = 0; // The current speed of the character\nlet maxSpeed = 10; // The maximum speed the character can reach\nlet acceleration = 0.1; // How quickly the character speeds up\nlet friction = 0.1; // How quickly the character slows down\nlet onGround = false; // Declare onGround globally\nlet movingLeft = false;\nlet movingRight = false;\n\n// ideas make reverse gravity on the last hole\n// so that the character flies up then add a You passed level 1 screen\n// fix the problems with the build your own block feture\n\n\n// Update the setup function to adjust the block’s placement\nfunction setup() {\n createCanvas(800, 400);\n background(135, 206, 235);\n // Existing holes setup\n holes.push(new Hole(250, 100));\n holes.push(new Hole(477, 200));\n holes.push(new Hole(877, 400)); // Last hole\n holes.push(new Hole(1400, 100)); // New smaller hole with gravity reversal effect\n\n}\n\nfunction drawCharacter() {\n stroke(0); // Set stroke color to black\n strokeWeight(2); // Set stroke weight, adjust as needed for visibility\n\n fill(0, 0, 0); // Set the fill color for the character\n let bodyX = characterX + 25;\n let bodyY = characterY + 25;\n let headOffset = 15 * characterDirection; // Shifts the head based on direction\n let headX = bodyX + headOffset;\n let headY = characterY + 10;\n let antennaTopX = headX; // Antenna will be centered on the head\n let antennaTopY = headY - 25; // Adjust this value to get the desired antenna length\n\n ellipse(bodyX, bodyY, 50, 50); // Character's body\n fill(255, 178, 102); // Fill color for the head\n ellipse(headX, headY, 30, 30); // Character's head\n fill('black'); // Fill color for the eye\n ellipse(headX, headY, 10, 10); // Draw the eye as a small black circle\n line(headX, headY - 15, antennaTopX, antennaTopY); // Draw the antenna\n\n noStroke(); // Reset no stroke for other drawings\n\n // // Draw particles if character is jumping\n // if (characterIsJumping) {\n // drawJumpingParticles(bodyX, bodyY + 25);\n}\n\n\n// function drawJumpingParticles(x, y) {\n// particles.forEach((particle, index) => {\n// particle.draw();\n// particle.update();\n// // Despawn particles based on character's landing time\n// if (particle.groundTime && millis() - Math.max(particle.groundTime, lastLandingTime) > 500) {\n// particles.splice(index, 1);\n// }\n// // })\n\n// Spawn particles on jump, not here to avoid repeated spawning\n// }\n\nfunction draw() {\n background(135, 206, 235); // Update and draw particles without checking for collision\n let cameraX = -characterX + width / 2;\n translate(cameraX, 0);\n\n if (currentLevel === 1) {\n drawGround();\n updateCharacter();\n noStroke();\n holes.forEach(hole => hole.draw());\n drawCharacter();\n updateBlocks();\n blocks.forEach(block => block.draw());\n checkLevelTransition();\n } else if (currentLevel === 2) {\n drawGround();\n updateCharacter();\n noStroke();\n holes.forEach(hole => hole.draw());\n drawCharacter();\n updateBlocks();\n blocks.forEach(block => block.draw());\n checkLevelTransition();\n // Draw and update enemies\n enemies.forEach(enemy => enemy.draw());\n\n // Check if the particle should be expired\n // if (!characterIsJumping && millis() - lastLandingTime > 500 && particles[i].isExpired()) {\n // particles.splice(i, 1);\n // }\n // Draw and update flaming balls\n flamingBalls.forEach((ball, index) => {\n ball.draw();\n // Remove the ball if it goes off-screen for performance\n if (ball.x < 0 || ball.x > width) {\n flamingBalls.splice(index, 1);\n }\n });\n // if (checkFlamingBallCollision()) {\n // despawnCharacter();\n // Optional: Reset to level start or game over logic here\n\n // // Update and draw particles\n // for (let i = particles.length - 1; i >= 0; i--) {\n // particles[i].draw();\n // // Remove particles that move off-screen for performance\n // if (particles[i].x < 0 || particles[i].x > width || particles[i].y < 0 || particles[i].y > height) {\n // particles.splice(i, 1);\n }\n}\n// }\n\n// }\n// }\n\n\nfunction despawnCharacter() {\n characterX = 50; // Reset to start position or off-screen\n characterY = groundHeight - 50; // Temporarily move off-screen or to a starting position\n\n // Respawn enemies for level 2\n if (currentLevel === 2) {\n enemies = []; // Reset enemies array\n enemies.push(new Enemy(300, groundHeight - 50)); // Reinitialize enemies\n // Add more enemies as per level setup\n }\n}\n\n// Implement any additional logic for respawning or game over\n\nfunction checkLevelTransition() {\n if (characterY <= -1000) { // Check if character has been shot up by the geyser\n // Transition to second level\n currentLevel = 2;\n resetForSecondLevel();\n }\n}\n\nfunction resetForSecondLevel() {\n // Reset character position\n characterX = 50;\n characterY = groundHeight - 50;\n verticalVelocity = 0;\n characterIsJumping = false;\n\n enemies.push(new Enemy(300, groundHeight - 50));\n\n // Clear existing blocks and holes for a fresh start\n blocks = [];\n holes = []; // Clear existing holes\n\n // Add a wider hole at the beginning of level 2\n holes.push(new Hole(100, 500)); // Example: A hole starting at x=100 with a width of 500\n\n // You can add more holes or other elements specific to level 2 here\n\n // Reset other level-specific variables if necessary\n}\n\nfunction drawGround() {\n fill('saddlebrown');\n let totalWidth = width; // The total width of the canvas\n let groundStartX = characterX - (characterX % totalWidth) - totalWidth;\n for (let x = groundStartX; x < groundStartX + totalWidth * 3; x += totalWidth) {\n rect(x, groundHeight, totalWidth, 400 - groundHeight);\n }\n}\n\n// function spawnFlameParticles(x, y, count) {\n// for (let i = 0; i < count; i++) {\n// let particle = new Particle(x, y);\n// particle.color = 'red'; // Flame color\n// particle.size = random(5, 10); // Slightly bigger for visibility\n// particle.speedY = random(-3, -6); // Move upwards\n// particle.speedX = random(-1, 1); // Slight horizontal movement\n// // Adjust lifespan if needed, e.g., by setting a decay rate or similar\n// particles.push(particle);\n// }\n// }\n\nfunction updateCharacter() {\n // Apply gravity\n verticalVelocity += gravity;\n characterY += verticalVelocity;\n\n // Check for collisions with holes and continue falling if over a hole\n let holeCollision = false;\n for (let hole of holes) {\n if (hole.checkCollision(characterX, characterY)) {\n holeCollision = true;\n break; // Exit the loop early if a hole collision is found\n }\n }\n\n // If over a hole, ensure character falls to the bottom of the screen\n if (holeCollision) {\n onGround = false;\n // No need to adjust verticalVelocity here as gravity is already being applied\n } else {\n // Check if the character has landed on the ground\n if (characterY >= groundHeight - 50) {\n characterY = groundHeight - 50;\n verticalVelocity = 0; // Stop falling\n onGround = true;\n }\n }\n\n // Horizontal movement logic remains the same\n if (movingLeft) {\n characterAcceleration = -acceleration;\n } else if (movingRight) {\n characterAcceleration = acceleration;\n } else {\n characterAcceleration = 0; // No key pressed\n // Apply friction only when not actively moving and on the ground\n if (!movingLeft && !movingRight && onGround) {\n if (characterSpeed > 0) {\n characterSpeed -= friction;\n characterSpeed = Math.max(characterSpeed, 0);\n } else if (characterSpeed < 0) {\n characterSpeed += friction;\n characterSpeed = Math.min(characterSpeed, 0);\n }\n }\n }\n\n // Update horizontal speed and position\n characterSpeed += characterAcceleration;\n characterSpeed = constrain(characterSpeed, -maxSpeed, maxSpeed);\n characterX += characterSpeed;\n}\nfunction updateBlocks() {\n for (let i = blocks.length - 1; i >= 0; i--) {\n if (blocks[i].destroy()) {\n blocks.splice(i, 1);\n }\n }\n}\nclass Hole {\n constructor(x, width) {\n this.x = x;\n this.width = width;\n this.wallThickness = 10; // Thickness of the wall\n }\n\n draw() {\n fill('darkgreen'); // Color for the hole\n rect(this.x, groundHeight, this.width, 400 - groundHeight);\n fill('saddlebrown'); // Change wall color to match the ground\n // Left wall\n rect(this.x - this.wallThickness, groundHeight, this.wallThickness, 400 - groundHeight);\n // Right wall\n rect(this.x + this.width, groundHeight, this.wallThickness, 400 - groundHeight);\n }\n\n checkCollision(characterX, characterY) {\n // Check if character is fully within the hole's x coordinates\n if ((characterX >= this.x) && (characterX + 50 <= this.x + this.width) && characterY + 50 >= groundHeight) {\n return true;\n }\n return false;\n }\n\n checkWallCollision(characterX, characterY) {\n // Check for collision with the left or right walls\n if (characterX < this.x && characterX + 50 >= this.x - this.wallThickness) {\n return 'left'; // Indicate collision with the left wall\n } else if (characterX + 50 > this.x + this.width && characterX <= this.x + this.width + this.wallThickness) {\n return 'right'; // Indicate collision with the right wall\n }\n return null;\n }\n}\n\nfunction drawMovableBlocks() {\n fill('gray');\n // Adjusted to use groundHeight for the Y position\n rect(300, groundHeight - 50, 50, 50);\n}\n\nfunction keyPressed() {\n if ((key === ' ' || keyCode === 32) && onGround) {\n verticalVelocity = jumpForce; // Apply an immediate upward velocity\n onGround = false; // Character is no longer on the ground after jumping\n }\n\n if (key === 'a' || key === 'A') {\n movingLeft = true;\n } else if (key === 'd' || key === 'D') {\n movingRight = true;\n }\n}\n\nfunction keyReleased() {\n if (key === 'a' || key === 'A') {\n movingLeft = false;\n } else if (key === 'd' || key === 'D') {\n movingRight = false;\n }\n return false; // Prevent any default behavior\n}\nclass Block {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.width = 100; // Make the block wider\n this.height = 30; // Make the block less thick\n this.creationTime = millis(); // Record the creation time\n }\n\n draw() {\n fill('gray');\n rect(this.x, this.y, this.width, this.height);\n }\n\n // Method to check if the block should be destroyed\n destroy() {\n const currentTime = millis();\n if (currentTime - this.creationTime > 1500) {\n return true;\n }\n return false;\n }\n}\nclass Enemy {\n constructor(x, y) {\n this.x = x;\n this.y = y;\n this.width = 50;\n this.height = 50;\n this.speed = 2;\n this.direction = 1; // 1 for right, -1 for left\n this.lastShotTime = millis();\n }\n\n draw() {\n fill('red');\n rect(this.x, this.y, this.width, this.height);\n this.move();\n this.shoot();\n }\n\n move() {\n this.x += this.speed * this.direction;\n // Change direction when hitting the canvas edges\n if (this.x <= 0 || this.x + this.width >= width) {\n this.direction *= -1;\n }\n }\n\n shoot() {\n let currentTime = millis();\n if (currentTime - this.lastShotTime >= 1000) { // Shoot every second\n flamingBalls.push(new FlamingBall(this.x + this.width / 2, this.y + this.height, this.direction));\n this.lastShotTime = currentTime;\n }\n }\n}\nclass FlamingBall {\n constructor(x, y, direction) {\n this.x = x;\n this.y = y - 20; // Adjusted to appear higher off the ground\n this.size = 20; // Make the flaming balls bigger\n this.speed = 5;\n this.direction = direction;\n }\n\n draw() {\n fill('orange');\n ellipse(this.x, this.y, this.size, this.size);\n this.move();\n }\n\n move() {\n this.x += this.speed * this.direction;\n // Optionally remove the ball if it goes off-screen\n }\n}\n\n\n// function spawnFlameParticles(x, y, count) {\n// for (let i = 0; i < count; i++) {\n// particles.push(new Particle(x, y));\n// }\n// }\nfunction checkEnemyCollision() {\n for (let i = enemies.length - 1; i >= 0; i--) {\n let enemy = enemies[i];\n if (characterX < enemy.x + enemy.width &&\n characterX + 50 > enemy.x &&\n characterY < enemy.y &&\n characterY + 50 >= enemy.y) {\n enemies.splice(i, 1); // Remove the enemy\n // spawnParticles(enemy.x + enemy.width / 2, enemy.y + enemy.height / 2, 20); // Spawn particles\n return true;\n }\n }\n return false;\n}\n// class Particle {\n// constructor(x, y) {\n// this.x = x;\n// this.y = y;\n// this.size = random(5, 10); // Make particles a bit larger to resemble flames\n// this.speedY = random(2, 4); // Particles move downwards\n// this.lifetime = 500; // Lifetime in milliseconds\n// this.spawnTime = millis(); // Time when the particle is spawned\n// this.color = 'orange'; // Flame color\n// }\n\n// draw() {\n// fill(this.color);\n// noStroke();\n// ellipse(this.x, this.y, this.size, this.size);\n// }\n\n// update() {\n// this.y += this.speedY; // Particles move downwards\n// }\n\n// isExpired() {\n// // Check if the particle's lifetime has elapsed since the character landed\n// return millis() - this.spawnTime > this.lifetime;\n// }\n// }","style.css":"body {\r\n background-color: rgb(255, 255, 255);\r\n\r\n}","index.html":"\n\n\n\n \n \n Blocky Adventures: The Platformer\n \n\n\n\n \n \n\n\n"},"chat_history":[],"assets":[],"messages_sent":19,"comments":[],"steps":[{"step_number":0,"complete":false,"updated_at":"2024-05-16T16:38:08.477058","id":7967,"title":"Create Visual Elements","instruction":"Implement the visual elements including the ground, character, deadly holes, and movable blocks.","created_at":"2024-04-10T17:13:08.074161","project_id":1458},{"step_number":1,"complete":false,"updated_at":"2024-05-16T16:38:08.477122","id":7968,"title":"User Input and Character Movement","instruction":"Incorporate keyboard controls for character movement (left and right), jumping, and block spawning.","created_at":"2024-04-10T17:13:08.074255","project_id":1458},{"step_number":2,"complete":false,"updated_at":"2024-05-16T16:38:08.477161","id":7969,"title":"Game Logic Implementation","instruction":"Add game logic for collision detection with deadly holes, respawning the character, and scoring for progressing through levels.","created_at":"2024-04-10T17:13:08.074329","project_id":1458},{"step_number":3,"complete":false,"updated_at":"2024-05-16T16:38:08.477205","id":7970,"title":"Level Design","instruction":"Design multiple levels with increasing difficulty, incorporating different challenges and obstacles.","created_at":"2024-04-10T17:13:08.074398","project_id":1458},{"step_number":4,"complete":false,"updated_at":"2024-05-16T16:38:08.477241","id":7971,"title":"Build Bridges Mechanic","instruction":"Introduce the mechanic for spawning and moving blocks to build bridges, allowing the player to overcome larger gaps.","created_at":"2024-04-10T17:13:08.074465","project_id":1458},{"step_number":5,"complete":false,"updated_at":"2024-05-16T16:38:08.477276","id":7972,"title":"Sound Effects and Music","instruction":"Enhance the gaming experience with engaging sound effects for character movement, block spawning, and level completion.","created_at":"2024-04-10T17:13:08.074533","project_id":1458},{"step_number":6,"complete":false,"updated_at":"2024-05-16T16:38:08.477311","id":7973,"title":"Visual Effects","instruction":"Incorporate visual feedback such as animations for character movement, block placement, and level completion.","created_at":"2024-04-10T17:13:08.074715","project_id":1458},{"step_number":7,"complete":false,"updated_at":"2024-05-16T16:38:08.477345","id":7974,"title":"Scoring and Progress Tracking","instruction":"Implement scoring system and progress tracking to keep players engaged and motivated to advance through the levels.","created_at":"2024-04-10T17:13:08.074783","project_id":1458}]}