2D Blocky Adventure

{"name":"2D Blocky Adventure_copy","description":"Dive into a pixelated world of creativity in '2D Blocky Adventure', where you can build, explore, and survive! Gather resources, craft tools, and unleash your imagination in this charming 2D landscape. With simple controls and engaging mechanics, anyone can join the fun!","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-10-18T16:56:03.981405Z","updated_at":"2024-10-18T16:59:50.725095Z","user_id":166,"status":"PRIVATE","parent_id":3512,"id":3838,"user":{"username":"m_ivlev","id":166,"password_hash":"$2b$12$lM.SwMhsrEJrs7ZjNyj9e.FOyWqAZgNBSeOEkB8gCGEsXkmGPZLu6","updated_at":"2024-08-05T03:36:08.774314Z","reset_token_expiry":null,"subscription_status":null,"photo":null,"email":"markivlev@gmail.com","recess_id":"38a987b1-569d-47cc-ae61-0c84198aa65c","created_at":"2024-08-05T03:36:08.774307Z","reset_token":null,"stripe_customer_id":null,"seats":null},"code":{"script.js":"let charX = 200;\n\n// Character's initial X position\nlet charY = 200;\n\n// Character's initial Y position\nlet charSize = 50;\n\nlet blocks = [];\n\nlet selectedBlockType = 'dirt';\n\nlet gravity = 0.5;\n\n// Gravity force pulling the character down\nlet charVelocityY = 0;\n\nlet health = 3;\n\nlet selectedTool = 'none';\n\nlet inventory = {\n dirt: 0, // Track dirt\n wood: 0, // Track wood\n sword: 1, // Assume starting with 1 sword\n pickaxe: 1, // Assume starting with 1 pickaxe\n axe: 1, // Assume starting with 1 axe\n meat: 0 // Track meat\n};\n\nlet mobs = [\n { x: 300, y: 0, type: 'dog' }, // Initial y position will be set in setup\n { x: 400, y: 0, type: 'cat' }, // Initial y position will be set in setup\n { x: 500, y: 0, type: 'zombie' } // New zombie mob\n];\n\nlet seasons = ['spring', 'summer', 'autumn', 'winter'];\n\nlet currentSeasonIndex = 0;\n\n// Duration for each season (in frames, adjust as needed)\nlet seasonTimer = 0;\n\nlet seasonDuration = 600;\n\nlet mobSpawnTimer = 0;\n\nlet mobSpawnInterval = 300;\n\nlet lastMobMoveTime = 0;\n\nlet mobSpeed = 1;\n\nlet snowflakes = [];\n\nlet swordImage, pickaxeImage, axeImage;\n\nfunction preload() {\n swordImage = loadImage(\"@asset('pan1')\"); // Load pan as the sword image\n pickaxeImage = loadImage(\"@asset('pickAxe1')\");\n axeImage = loadImage(\"@asset('shovel1')\");\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky color\n\n // Set initial y positions for mobs\n mobs[0].y = windowHeight - 60;\n mobs[1].y = windowHeight - 60;\n mobs[2].y = windowHeight - 60; // Set initial position for zombie\n\n // Create blocks across the bottom of the screen\n for (let x = 0; x < windowWidth; x += 50) {\n blocks.push(new Block(x, windowHeight - 50, 'grass'));\n }\n}\n\nfunction draw() {\n updateSeason(); // Update the season before drawing\n handleMovement(); // Update character position based on input\n\n mobSpawnTimer++;\n if (mobSpawnTimer >= mobSpawnInterval) {\n mobSpawnTimer = 0;\n manageMobs();\n }\n\n // Draw each block\n for (let block of blocks) {\n block.draw();\n }\n\n drawTrees(); // Draw trees\n drawAnimals(); // Draw animals\n drawInventory(); // Display inventory\n drawHealth(); // Display health\n drawSelectedTool(); // Display selected tool\n\n // Draw the character as an emoji\n textSize(charSize);\n text('😀', charX, charY);\n\n // Draw the selected tool with the character\n drawToolWithPlayer();\n\n // Snowfall effect during winter\n if (seasons[currentSeasonIndex] === 'winter') {\n if (frameCount % 5 === 0) { // Create a new snowflake every few frames\n createSnowflake();\n }\n updateAndDrawSnowflakes(); // Update and draw snowflakes\n }\n}\n\nclass Block {\n constructor(x, y, type) {\n this.x = x;\n this.y = y;\n this.type = type;\n this.size = 50; // Size of each block\n }\n\n draw() {\n noStroke();\n rect(this.x, this.y, this.size, this.size);\n\n if (this.type === 'grass') {\n fill(34, 139, 34); // Base grass color\n rect(this.x, this.y, this.size, this.size);\n fill(0, 100, 0); // Darker green for texture\n for (let i = 0; i < this.size; i += 5) {\n line(this.x + i, this.y, this.x + i, this.y + this.size);\n line(this.x, this.y + i, this.x + this.size, this.y + i);\n }\n } else if (this.type === 'dirt') {\n fill(139, 69, 19); // Base dirt color\n rect(this.x, this.y, this.size, this.size);\n fill(160, 82, 45); // Darker brown for texture\n for (let i = 0; i < this.size; i += 5) {\n ellipse(this.x + i, this.y + i, 3, 3); // Small circles for texture\n }\n } else if (this.type === 'wood') {\n fill(160, 82, 45); // Base wood color\n rect(this.x, this.y, this.size, this.size);\n fill(139, 69, 19); // Darker brown for texture\n for (let i = 0; i < this.size; i += 10) {\n line(this.x + i, this.y, this.x + i, this.y + this.size);\n }\n for (let i = 0; i < this.size; i += 10) {\n ellipse(this.x + i, this.y + i, 5, 5); // Knots in the wood\n }\n } else if (this.type === 'autumnGrass') {\n fill(255, 165, 0); // Orange color for autumn\n rect(this.x, this.y, this.size, this.size);\n fill(210, 105, 30); // Darker brown for texture\n for (let i = 0; i < this.size; i += 5) {\n line(this.x + i, this.y, this.x + i, this.y + this.size);\n line(this.x, this.y + i, this.x + this.size, this.y + i);\n }\n } else if (this.type === 'snowGrass') {\n fill(255); // White color for snow\n rect(this.x, this.y, this.size, this.size);\n fill(204, 243, 204); // Darker brown for texture\n for (let i = 0; i < this.size; i += 10) {\n line(this.x + i, this.y, this.x + i, this.y + this.size);\n }\n for (let i = 0; i < this.size; i += 10) {\n ellipse(this.x + i, this.y + i, 5, 5); // Knots in the wood\n }\n }\n }\n\n isClicked(mouseX, mouseY) {\n return (\n mouseX > this.x &&\n mouseX < this.x + this.size &&\n mouseY > this.y &&\n mouseY < this.y + this.size\n );\n }\n}\n\nfunction handleMovement() {\n charVelocityY += gravity; // Apply gravity to vertical velocity\n charY += charVelocityY; // Update character's vertical position\n\n for (let block of blocks) {\n if (\n charX + charSize > block.x &&\n charX < block.x + block.size &&\n charY + charSize > block.y &&\n charY < block.y + block.size\n ) {\n charY = block.y - charSize; // Stop falling and place character on top of the block\n charVelocityY = 0;\n }\n }\n\n if (keyIsDown(87)) { // W key\n charY -= 5;\n }\n if (keyIsDown(65)) { // A key\n charX -= 5;\n }\n if (keyIsDown(83)) { // S key\n charY += 5;\n }\n if (keyIsDown(68)) { // D key\n charX += 5;\n }\n}\n\nfunction placeBlock(x, y) {\n if (selectedBlockType === 'dirt' && inventory.dirt > 0) {\n let blockX = Math.floor(x / 50) * 50;\n let blockY = Math.floor(y / 50) * 50;\n blocks.push(new Block(blockX, blockY, 'dirt'));\n inventory.dirt -= 1;\n } else if (selectedBlockType === 'wood' && inventory.wood > 0) {\n let blockX = Math.floor(x / 50) * 50;\n let blockY = Math.floor(y / 50) * 50;\n blocks.push(new Block(blockX, blockY, 'wood'));\n inventory.wood -= 1;\n }\n}\n\nfunction keyPressed() {\n if (key === '1') {\n selectedBlockType = 'dirt';\n } else if (key === '2') {\n selectedBlockType = 'wood';\n } else if (key === '3' && inventory.sword > 0) {\n selectedTool = 'sword';\n } else if (key === '4' && inventory.pickaxe > 0) {\n selectedTool = 'pickaxe';\n } else if (key === '5' && inventory.axe > 0) {\n selectedTool = 'axe';\n } else if (key === ' ' && selectedTool === 'sword') { // Spacebar to attack\n attackMobs();\n } else if (key === ' ' && selectedTool === 'axe') { // Spacebar to attack\n attackMobs();\n } else if (key === ' ' && selectedTool === 'pickaxe') { // Spacebar to attack\n attackMobs();\n }\n}\n\nfunction mousePressed() {\n if (mouseButton === LEFT) {\n if (selectedTool === 'sword' || selectedTool === 'axe') {\n attackMobs(); // Attack mobs if sword or axe is equipped\n } else {\n for (let i = blocks.length - 1; i >= 0; i--) {\n if (blocks[i].isClicked(mouseX, mouseY)) {\n if (blocks[i].type === 'grass') {\n inventory.dirt += 1;\n }\n blocks.splice(i, 1);\n break;\n }\n }\n\n if (mouseX > 100 && mouseX < 120 && mouseY > windowHeight - 150 && mouseY < windowHeight - 50) {\n inventory.wood += 1;\n fill(135, 206, 235);\n noStroke();\n rect(100, windowHeight - 150, 20, 100);\n ellipse(110, windowHeight - 180, 80, 80);\n }\n }\n } else if (mouseButton === RIGHT) {\n placeBlock(mouseX, mouseY);\n }\n}\n\nfunction attackMobs() {\n for (let i = mobs.length - 1; i >= 0; i--) {\n let mob = mobs[i];\n if (dist(charX, charY, mob.x, mob.y) < charSize) {\n mobs.splice(i, 1); // Remove mob\n inventory.meat += 1; // Add meat to inventory\n break;\n }\n }\n}\n\nfunction updateSeason() {\n seasonTimer++;\n if (seasonTimer >= seasonDuration) {\n seasonTimer = 0;\n currentSeasonIndex = (currentSeasonIndex + 1) % seasons.length;\n }\n let currentSeason = seasons[currentSeasonIndex];\n applySeasonalChanges(currentSeason);\n}\n\nfunction drawTrees() {\n // Tree trunk\n fill(139, 69, 19);\n rect(100, windowHeight - 150, 20, 100);\n\n // Tree leaves\n let currentSeason = seasons[currentSeasonIndex];\n if (currentSeason === 'autumn') {\n fill(255, 165, 0); // Orange leaves for autumn\n ellipse(110, windowHeight - 180, 80, 80);\n } else if (currentSeason === 'winter') {\n // No leaves for winter, tree is bare\n } else {\n fill(34, 139, 34); // Normal green leaves\n ellipse(110, windowHeight - 180, 80, 80);\n }\n}\n\nfunction applySeasonalChanges(season) {\n if (season === 'spring') {\n background(135, 206, 235); // Light blue sky\n for (let block of blocks) {\n if (block.type === 'snowGrass' || block.type === 'autumnGrass') {\n block.type = 'grass'; // Reset to grass\n }\n }\n } else if (season === 'summer') {\n background(0, 191, 255); // Deep sky blue\n } else if (season === 'autumn') {\n background(135, 206, 235); // Blue sky for autumn\n for (let block of blocks) {\n if (block.type === 'grass') {\n block.type = 'autumnGrass';\n }\n }\n } else if (season === 'winter') {\n background(135, 206, 235); // Alice blue for winter\n for (let block of blocks) {\n if (block.type === 'grass' || block.type === 'autumnGrass') {\n block.type = 'snowGrass';\n }\n }\n }\n}\n\nfunction drawHealth() {\n textSize(40);\n fill(255, 0, 0); // Red color for hearts\n for (let i = 0; i < health; i++) {\n text('❤️', 10 + i * 50, windowHeight - 20); // Draw hearts with spacing, positioned at the bottom\n }\n}\n\nfunction drawInventory() {\n fill(255); // White color for text\n textSize(20);\n text(`Dirt: ${inventory.dirt}`, 10, 30);\n text(`Wood: ${inventory.wood}`, 10, 60);\n text(`Sword: ${inventory.sword}`, 10, 90);\n text(`Pickaxe: ${inventory.pickaxe}`, 10, 120);\n text(`Axe: ${inventory.axe}`, 10, 150);\n text(`Meat: ${inventory.meat}`, 10, 180);\n}\n\nfunction manageMobs() {\n let randomAction = random(); // Generate a random number between 0 and 1\n if (randomAction < 0.5 && mobs.length > 0) {\n // 50% chance to despawn a mob, if any exist\n mobs.splice(floor(random(mobs.length)), 1);\n } else if (randomAction >= 0.5) {\n // 50% chance to spawn a new mob\n let mobType = random(['dog', 'cat', 'zombie']);\n mobs.push({ x: random(windowWidth), y: windowHeight - 60, type: mobType });\n }\n}\n\n// Define a target position for each mob\nfor (let mob of mobs) {\n mob.targetX = mob.x;\n}\n\nfunction createSnowflake() {\n let x = random(width); // Random horizontal position\n let y = 0; // Start at top of the canvas\n let size = random(2, 5); // Random size\n let speed = random(1, 3); // Random speed\n snowflakes.push({ x, y, size, speed });\n}\n\nfunction updateAndDrawSnowflakes() {\n for (let i = snowflakes.length - 1; i >= 0; i--) {\n let flake = snowflakes[i];\n flake.y += flake.speed;\n\n // Remove snowflakes that have fallen off the screen\n if (flake.y > height) {\n snowflakes.splice(i, 1);\n } else {\n fill(255); // White color for snowflakes\n noStroke();\n ellipse(flake.x, flake.y, flake.size);\n }\n }\n}\n\nfunction drawSelectedTool() {\n fill(255); // White color for text\n textSize(20);\n text(`Tool: ${selectedTool}`, 10, 210); // Display tool name as text\n\n // Display the tool image based on the selected tool\n if (selectedTool === 'sword') {\n image(swordImage, 10, 230, 50, 50); // Ensure coordinates and size are correct\n } else if (selectedTool === 'pickaxe') {\n image(pickaxeImage, 10, 230, 50, 50);\n } else if (selectedTool === 'axe') {\n image(axeImage, 10, 230, 50, 50);\n }\n}\n\nfunction drawToolWithPlayer() {\n let toolOffsetX = 30; // Offset for tool position relative to character\n let toolOffsetY = 10; // Offset for tool position relative to character\n\n if (selectedTool === 'sword') {\n image(swordImage, charX + toolOffsetX, charY - toolOffsetY, 30, 30); // Display sword near player\n } else if (selectedTool === 'pickaxe') {\n image(pickaxeImage, charX + toolOffsetX, charY - toolOffsetY, 30, 30);\n } else if (selectedTool === 'axe') {\n image(axeImage, charX + toolOffsetX, charY - toolOffsetY, 30, 30);\n }\n}\n\nfunction drawAnimals() {\n textSize(40);\n let currentTime = millis(); // Get the current time in milliseconds\n\n if (currentTime - lastMobMoveTime >= 1000) { // Check if 1 second has passed\n for (let mob of mobs) {\n // Set a new target position\n mob.targetX = mob.x + random(-100, 100); // Target position is more spread out\n mob.targetX = constrain(mob.targetX, 0, windowWidth - 40); // Stay within bounds\n }\n lastMobMoveTime = currentTime; // Update the last movement time\n }\n\n for (let mob of mobs) {\n // Gradually move towards the target position\n mob.x += (mob.targetX - mob.x) * 0.05; // Adjust the smoothing factor as needed\n\n if (mob.type === 'dog') {\n text('🐶', mob.x, mob.y); // Dog emoji\n } else if (mob.type === 'cat') {\n text('🐱', mob.x, mob.y); // Cat emoji\n } else if (mob.type === 'zombie') {\n text('🧟', mob.x, mob.y); // Zombie emoji\n textSize(20); // Smaller size for the health heart\n fill(255, 0, 0); // Red color for heart\n text('❤️', mob.x, mob.y - 30); // Draw heart above the zombie\n }\n }\n}\n\n","style.css":"body {\r\n margin: 0;\r\n background-color: #87CEEB;\r\n}","index.html":"\n\n\n\n \n \n 2D Blocky Adventure\n \n \n \n\n\n\n\n\n"},"chat_history":[],"assets":[{"cloudinary_id":"zhfyfoshbezspew429cg","project_id":3838,"created_at":"2024-10-18T16:56:03.995522Z","deleted":false,"name":"pickAxe1","resource_type":"image","id":30740},{"cloudinary_id":"ppnvtnkqg18llnizd9zh","project_id":3838,"created_at":"2024-10-18T16:56:03.993447Z","deleted":false,"name":"shovel1","resource_type":"image","id":30739},{"cloudinary_id":"r2yhtuslcovvmpt4al78","project_id":3838,"created_at":"2024-10-18T16:56:03.991261Z","deleted":false,"name":"pan1","resource_type":"image","id":30738}],"messages_sent":0,"comments":[],"steps":[]}