Kite Builders: Sky Adventure

{"name":"Kite Builders: Sky Adventure","description":"Embark on a high-flying adventure with Kite Builders: Sky Adventure! Design and construct your own custom kites using unique building blocks, each with its own special ability. Test your creations in thrilling, sky-high challenges where you must navigate obstacles and reach targets. Discover the art of kite building and experience the thrill of flight in this creative and engaging game!","photo":null,"view_count":2,"fork_count":0,"expires_at":null,"created_at":"2025-03-30T16:59:16.967280Z","updated_at":"2025-03-30T16:59:16.967289Z","user_id":5,"status":"PRIVATE","parent_id":6761,"id":6767,"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 grid = [];\n\nlet blockSize;\n\nlet selectedBlock = null;\n\nlet blockCounts = {\n joint: 3,\n wing: 3,\n base: 3\n};\n\nlet gridColors = [];\n\nlet movedBlock = null;\n\nlet gridHeight;\n\nlet gridSize = 5;\n\nlet blockSpacing = 30;\n\nlet testMode = false;\n\nfunction setup() {\n createCanvas(1400, 800);\n blockSize = (width - (gridSize - 1) * blockSpacing) / gridSize; // Adjust block size with new spacing\n initializeGrid();\n\n // Set up button event listener\n const button = select('#testModeButton');\n button.mousePressed(toggleTestMode);\n}\n\nfunction draw() {\n background(135, 206, 235);\n\n if (testMode) {\n applyPhysics(); // Call function to apply physics behavior\n }\n\n displayGrid();\n displayBlocks();\n\n if (selectedBlock) {\n textSize(32);\n text(selectedBlock, mouseX, mouseY);\n }\n}\n\nfunction initializeGrid() {\n for (let i = 0; i < gridSize; i++) {\n grid[i] = [];\n gridColors[i] = []; // Initialize color array for each grid cell\n for (let j = 0; j < gridSize; j++) {\n grid[i][j] = null; // Empty initially\n gridColors[i][j] = color(255); // Default color (white)\n }\n }\n}\n\nfunction mouseDragged() {\n if (selectedBlock) {\n // Draw the selected block at the current mouse position\n textSize(32);\n text(selectedBlock, mouseX, mouseY);\n } else if (movedBlock) {\n // Draw the moved block at the current mouse position\n textSize(32);\n text(movedBlock.type, mouseX, mouseY);\n }\n}\n\nfunction mouseReleased() {\n if (selectedBlock) {\n let i = Math.floor(mouseX / blockSize);\n let j = Math.floor(mouseY / blockSize);\n if (i >= 0 && i < gridSize && j >= 0 && j < gridSize && !grid[i][j]) {\n grid[i][j] = selectedBlock; // Place block in grid\n gridColors[i][j] = color(0, 255, 0); // Set color to green for success\n setTimeout(() => {\n gridColors[i][j] = color(255); // Reset color after a short delay\n }, 500); // Color reset delay\n blockCounts[selectedBlock]--; // Decrease block count\n selectedBlock = null; // Reset selection\n }\n } else if (movedBlock) {\n let i = Math.floor(mouseX / blockSize);\n let j = Math.floor(mouseY / blockSize);\n if (i >= 0 && i < gridSize && j >= 0 && j < gridSize) {\n if (!grid[i][j]) {\n grid[i][j] = movedBlock.type; // Place moved block in new grid position\n gridColors[i][j] = color(0, 255, 0); // Set color to green for success\n setTimeout(() => {\n gridColors[i][j] = color(255); // Reset color after a short delay\n }, 500); // Color reset delay\n } else {\n // If the cell is occupied, return the block to its original position (optional)\n grid[movedBlock.x][movedBlock.y] = movedBlock.type; // Return the block to its original position\n }\n }\n movedBlock = null; // Reset movedBlock\n }\n}\n\nfunction displayGrid() {\n for (let i = 0; i < gridSize; i++) {\n for (let j = 0; j < gridSize; j++) {\n stroke(0);\n fill(gridColors[i][j]);\n // Adjust position by adding blockSpacing for both x and y\n rect(i * (blockSize + blockSpacing), j * (blockSize + blockSpacing), blockSize, blockSize);\n if (grid[i][j] === 'joint') {\n text('🤝', i * (blockSize + blockSpacing) + blockSize / 2, j * (blockSize + blockSpacing) + blockSize / 2);\n } else if (grid[i][j] === 'wing') {\n text('🕊️', i * (blockSize + blockSpacing) + blockSize / 2, j * (blockSize + blockSpacing) + blockSize / 2);\n } else if (grid[i][j] === 'base') {\n text('🪁', i * (blockSize + blockSpacing) + blockSize / 2, j * (blockSize + blockSpacing) + blockSize / 2);\n }\n }\n }\n}\n\nfunction displayBlocks() {\n let yOffset = 50; // Start position for blocks on the right\n for (let block in blockCounts) {\n textSize(32);\n fill(blockCounts[block] > 0 ? 0 : 150);\n // Position blocks on the right side\n text(block + \" (\" + blockCounts[block] + \")\", width - 150, yOffset);\n yOffset += 50; // Increase vertical spacing\n }\n}\n\nfunction mousePressed() {\n let yOffset = 50; // Start position for hitboxes on the right\n for (let block in blockCounts) {\n if (mouseX > width - 150 && mouseY > yOffset - 32 && mouseY < yOffset) {\n if (blockCounts[block] > 0) {\n selectedBlock = block; // Select the block\n break;\n }\n }\n yOffset += 50; // Match displayBlocks spacing\n }\n\n // Check if a block on the grid is clicked to move it\n for (let i = 0; i < gridSize; i++) {\n for (let j = 0; j < gridSize; j++) {\n if (mouseX > i * (blockSize + blockSpacing) && mouseX < (i + 1) * (blockSize + blockSpacing) &&\n mouseY > j * (blockSize + blockSpacing) && mouseY < (j + 1) * (blockSize + blockSpacing)) {\n if (grid[i][j] !== null) {\n movedBlock = { x: i, y: j, type: grid[i][j] }; // Store position and type of the block\n grid[i][j] = null; // Remove it from the grid\n break;\n }\n }\n }\n }\n}\n\nfunction toggleTestMode() {\n testMode = !testMode; // Toggle the test mode\n if (testMode) {\n console.log(\"Test Mode Activated\");\n } else {\n console.log(\"Test Mode Deactivated\");\n }\n}\n\nfunction connectBlocks(i, j) {\n let blockType = grid[i][j];\n if (blockType === 'base') {\n console.log(\"Base block connected: Kite is lighter.\");\n // Additional logic for kite's weight can go here\n } else if (blockType === 'wing') {\n console.log(\"Wing block connected: Tighter control.\");\n // Additional logic for wing control can go here\n } else if (blockType === 'joint') {\n console.log(\"Joint block connected: Hinge effect.\");\n // Additional logic for the joint's effect can go here\n }\n}\n\nfunction applyPhysics() {\n // Logic for physics in test mode\n for (let i = 0; i < gridSize; i++) {\n for (let j = 0; j < gridSize; j++) {\n if (grid[i][j]) {\n connectBlocks(i, j); // Call the connection logic for each block\n }\n }\n }\n}\n\nfunction mouseWheel(event) {\n if (testMode) {\n if (event.delta > 0) {\n console.log(\"Reeling out the kite\");\n // Implement logic to extend the kite\n } else {\n console.log(\"Reeling in the kite\");\n // Implement logic to retract the kite\n }\n }\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n\n \n \n Kite Builders: Sky Adventure\n \n \n\n\n \n \n\n"},"chat_history":[],"assets":[],"messages_sent":0,"comments":[],"steps":[]}