Falling Blocks

{"name":"Jippity Tetris (Hard Version) | BowedMars","description":"Drop, stack, and speed up! Play Super Block Drop and test your speed and stacking skills in this fast-paced block stacking game.","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/tat4snumedpox0gbo5fm","view_count":55,"fork_count":0,"expires_at":null,"created_at":"2023-12-12T23:13:10.008703Z","updated_at":"2023-12-12T23:17:19.613582Z","user_id":11,"status":"PUBLIC","parent_id":8,"id":25,"user":{"photo":null,"email":null,"recess_id":"00ea2762-8b52-732c-ade6-ed21e31ebce0","created_at":"2023-12-12T19:06:53.894145Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"bowedmars374878","id":11,"password_hash":null,"updated_at":"2023-12-12T19:06:53.894148Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let blockWidth, blockHeight;\nlet blocks = [];\nlet currentBlock;\nlet blockIdCounter = 0;\nconst shapes = [\n // Square\n {\n shape: [\n { x: 0, y: 0 },\n { x: 1, y: 0 },\n { x: 0, y: 1 },\n { x: 1, y: 1 }\n ],\n weight: 1\n },\n // L-shape\n {\n shape: [\n { x: 0, y: 0 },\n { x: 1, y: 0 },\n { x: 0, y: 1 },\n { x: 0, y: 2 }\n ],\n weight: 1\n },\n // Inverted L-shape\n {\n shape: [\n { x: 0, y: 0 },\n { x: -1, y: 0 },\n { x: 0, y: 1 },\n { x: 0, y: 2 }\n ],\n weight: 1\n },\n // T-shape\n {\n shape: [\n { x: 0, y: 0 },\n { x: -1, y: 1 },\n { x: 0, y: 1 },\n { x: 0, y: 2 }\n ],\n weight: 1\n },\n // Z-shape\n {\n shape: [\n { x: 0, y: 0 },\n { x: -1, y: 1 },\n { x: 0, y: 1 },\n { x: -1, y: 2 }\n ],\n weight: 1\n },\n // Inverted Z-shape\n {\n shape: [\n { x: 0, y: 0 },\n { x: 1, y: 1 },\n { x: 0, y: 1 },\n { x: 1, y: 2 }\n ],\n weight: 1\n },\n // Line\n {\n shape: [\n { x: 0, y: 0 },\n { x: 0, y: 1 },\n { x: 0, y: 2 },\n { x: 0, y: 3 }\n ],\n weight: 1\n },\n // Plus\n {\n shape: [\n { x: 0, y: 0 },\n { x: -1, y: 1 },\n { x: 1, y: 1 },\n { x: 0, y: 1 },\n { x: 0, y: 2 }\n ],\n weight: 2\n },\n // Strange shape\n {\n shape: [\n { x: Math.round(Math.random()*-1), y: Math.round(Math.random(-1,1)*-1) },\n { x: Math.round(Math.random()*-1), y: Math.round(Math.random(-1,1)) },\n { x: Math.round(Math.random()), y: Math.round(Math.random(-1,1)*-1) },\n { x: Math.round(Math.random()), y: Math.round(Math.random(-1,1)) },\n ],\n weight: 2\n },\n // Strange shape\n {\n shape: [\n { x: Math.round(Math.random()*-1), y: Math.round(Math.random(-1,1)*-1) },\n { x: Math.round(Math.random()*-1), y: Math.round(Math.random(-1,1)) },\n { x: Math.round(Math.random()), y: Math.round(Math.random(-1,1)*-1) },\n { x: Math.round(Math.random()), y: Math.round(Math.random(-1,1)) },\n ],\n weight: 2\n },\n // Strange shape\n {\n shape: [\n { x: Math.round(Math.random()*-1), y: Math.round(Math.random(-1,1)*-1) },\n { x: Math.round(Math.random()*-1), y: Math.round(Math.random(-1,1)) },\n { x: Math.round(Math.random()), y: Math.round(Math.random(-1,1)*-1) },\n { x: Math.round(Math.random()), y: Math.round(Math.random(-1,1)) },\n ],\n weight: 2\n },\n // Strange shape\n {\n shape: [\n { x: Math.round(Math.random()*-1), y: Math.round(Math.random(-1,1)*-1) },\n { x: Math.round(Math.random()*-1), y: Math.round(Math.random(-1,1)) },\n { x: Math.round(Math.random()), y: Math.round(Math.random(-1,1)*-1) },\n { x: Math.round(Math.random()), y: Math.round(Math.random(-1,1)) },\n ],\n weight: 2\n },\n // Strange shape\n {\n shape: [\n { x: Math.round(Math.random()*-1), y: Math.round(Math.random(-1,1)*-1) },\n { x: Math.round(Math.random()*-1), y: Math.round(Math.random(-1,1)) },\n { x: Math.round(Math.random()), y: Math.round(Math.random(-1,1)*-1) },\n { x: Math.round(Math.random()), y: Math.round(Math.random(-1,1)) },\n ],\n weight: 2\n },\n // Strange shape\n {\n shape: [\n { x: Math.round(Math.random()*-1), y: Math.round(Math.random(-1,1)*-1) },\n { x: Math.round(Math.random()*-1), y: Math.round(Math.random(-1,1)) },\n { x: Math.round(Math.random()), y: Math.round(Math.random(-1,1)*-1) },\n { x: Math.round(Math.random()), y: Math.round(Math.random(-1,1)) },\n ],\n weight: 2\n }\n];\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n blockWidth = windowWidth / 24;\n blockHeight = blockWidth;\n frameRate(60);\n}\n\nclass BlockGroup {\n constructor(x, y, width, height, color, shape) {\n this.x = x;\n this.y = y;\n this.blocks = [];\n for (let coord of shape) {\n let block = {\n x: this.x + coord.x * width,\n y: this.y + coord.y * height,\n width: width,\n height: height,\n color: color\n };\n this.blocks.push(block);\n }\n }\n\n draw() {\n for (let block of this.blocks) {\n fill(block.color);\n rect(block.x, block.y, block.width, block.height);\n }\n }\n\n moveDown(height) {\n for (let block of this.blocks) {\n block.y += height;\n }\n }\n\n includes(block) {\n return this.blocks.includes(block);\n }\n\n moveLeft(width) {\n // Calculate the next x-coordinate for the group\n let nextX = this.x - width;\n // Check if the group would collide at the next position\n let willCollide = willCollideAt(this, nextX, this.y);\n // If the group wouldn't collide, move the group\n if (!willCollide) {\n this.x -= width;\n this.blocks.forEach(block => block.x -= width);\n }\n }\n\n moveRight(width) {\n // Calculate the next x-coordinate for the group\n let nextX = this.x + width;\n // Check if the group would collide at the next position\n let willCollide = willCollideAt(this, nextX, this.y);\n // If the group wouldn't collide, move the group\n if (!willCollide) {\n this.x += width;\n this.blocks.forEach(block => block.x += width);\n }\n }\n\n rotateAroundPivot(pivot, block) {\n let dx = block.x - pivot.x;\n let dy = block.y - pivot.y;\n // Calculate the new positions based on a 90 degree rotation\n let newX = pivot.x - dy;\n let newY = pivot.y + dx;\n // Adjust the new positions to be on the grid\n newX = Math.round(newX / block.width) * block.width;\n newY = Math.round(newY / block.height) * block.height;\n return { x: newX, y: newY };\n }\n\n rotate() {\n // Use the first block as the pivot\n let pivot = this.blocks[0];\n // Copy the positions of the blocks before rotating\n let oldPositions = this.blocks.map(block => ({ x: block.x, y: block.y }));\n // Calculate new positions for each block after rotation\n let newPositions = this.blocks.map(block => this.rotateAroundPivot(pivot, block));\n // Check if any of the new positions would result in a collision or go out of bounds\n for (let i = 0; i < newPositions.length; i++) {\n let newPos = newPositions[i];\n if (newPos.x < 0 || newPos.x + this.blocks[i].width > windowWidth || newPos.y + this.blocks[i].height > windowHeight || willCollideAt(this, newPos.x, newPos.y)) {\n // If so, don't rotate\n console.log(\"Couldn't rotate because of collision!\")\n return;\n }\n }\n // If no collisions or out of bounds, apply the rotation\n for (let i = 0; i < this.blocks.length; i++) {\n this.blocks[i].x = newPositions[i].x;\n this.blocks[i].y = newPositions[i].y;\n }\n }\n}\n\nfunction draw() {\n background(220);\n drawBlocks();\n textSize(32);\n fill(0);\n text('Score: ' + score, 10, 50);\n if (currentBlock && checkCollision(currentBlock.blocks)) {\n currentBlock = null;\n clearLines();\n }\n if (!currentBlock) {\n generateBlocks();\n }\n}\n\nfunction willCollideAt(blockGroup, nextX, nextY) {\n // Calculate the next positions of the blocks in the group\n let nextPositions = blockGroup.blocks.map(block => ({\n x: block.x + (nextX - blockGroup.x),\n y: block.y + (nextY - blockGroup.y),\n width: block.width,\n height: block.height\n }));\n for (let nextBlock of nextPositions) {\n // Check if the block would go out of the screen\n if (nextBlock.x < 0 || nextBlock.x + nextBlock.width > windowWidth || nextBlock.y + nextBlock.height > windowHeight) {\n return true;\n }\n // Check if the block would overlap with another block\n for (let otherBlock of blocks) {\n if (blockGroup.blocks.includes(otherBlock)) continue; // skip blocks from the current block group\n if (nextBlock.x < otherBlock.x + otherBlock.width && nextBlock.x + nextBlock.width > otherBlock.x && nextBlock.y < otherBlock.y + otherBlock.height && nextBlock.y + nextBlock.height > otherBlock.y) {\n return true;\n }\n }\n }\n return false;\n}\n\nfunction keyPressed() {\n if (keyCode === LEFT_ARROW || keyCode === RIGHT_ARROW) {\n let direction = (keyCode === LEFT_ARROW ? -1 : 1);\n let nextX = currentBlock.x + direction * blockWidth;\n let willCollide = willCollideAt(currentBlock, nextX, currentBlock.y);\n if (!willCollide) {\n if (direction === -1) {\n currentBlock.moveLeft(blockWidth);\n } else {\n currentBlock.moveRight(blockWidth);\n }\n }\n }\n if (keyCode === UP_ARROW && currentBlock) {\n currentBlock.rotate();\n }\n}\n\n\nfunction checkCollision(blocksGroup) {\n let nextPositions = blocksGroup.map(block => ({ ...block, y: block.y + blockHeight }));\n for (let nextBlock of nextPositions) {\n // Check if the block would hit the bottom of the window\n if (nextBlock.y + nextBlock.height > windowHeight) {\n return true;\n }\n // Check if the block would hit another block from the top\n for (let otherBlock of blocks) {\n if (currentBlock.includes(otherBlock)) continue; // skip blocks from the current block\n if (nextBlock.x < otherBlock.x + otherBlock.width &&\n nextBlock.x + nextBlock.width > otherBlock.x &&\n nextBlock.y < otherBlock.y + otherBlock.height &&\n nextBlock.y + nextBlock.height > otherBlock.y) {\n return true;\n }\n }\n }\n return false;\n}\n\nfunction gameOver(blocksGroup) {\n for (let block of blocksGroup) {\n if (block.y + block.height >= windowHeight) {\n return true;\n }\n for (let otherBlock of blocks) {\n if (blocksGroup.includes(otherBlock)) continue;\n if (otherBlock.x < block.x + block.width &&\n\n otherBlock.x + otherBlock.width > block.x &&\n otherBlock.y < block.y + block.height &&\n otherBlock.y + otherBlock.height > block.y) {\n return true;\n }\n }\n }\n return false;\n}\n\nfunction generateBlocks() {\n let x = windowWidth / 2;\n let y = 0;\n let width = blockWidth;\n let height = blockHeight;\n let groupColor = color(random(255), random(255), random(255));\n let shape = getRandomShape();\n currentBlock = new BlockGroup(x, y, width, height, groupColor, shape);\n // Add all blocks in the group to the blocks array\n for (let block of currentBlock.blocks) {\n blocks.push(block);\n }\n if (gameOver(currentBlock.blocks)) {\n textSize(32);\n text('Game Over!', windowWidth / 2, windowHeight / 2);\n noLoop();\n }\n}\n\nlet fallCooldown = 0\nfunction coolDown(number) {\n if (fallCooldown >= number) {\n fallCooldown = 0\n return true\n } else {\n fallCooldown = fallCooldown + 1\n return false\n }\n}\n\nfunction drawBlocks() {\n // Determine if the blocks should fall this frame\n let shouldFall = false;\n if (keyIsDown(DOWN_ARROW)) { // ASCII value of 's'\n shouldFall = coolDown(1); // Fall faster when 's' is held\n } else {\n shouldFall = coolDown(15); // Normal speed\n }\n // Draw and move all blocks\n for (let block of blocks) {\n fill(block.color);\n rect(block.x, block.y, block.width, block.height);\n\n }\n // Move the current block group down if it should fall and wouldn't collide\n if (currentBlock && !checkCollision(currentBlock.blocks) && shouldFall) {\n currentBlock.moveDown(blockHeight);\n }\n}\n\nfunction clearLines() {\n let linesCleared = 0;\n // Sort the blocks by their y-coordinate\n blocks.sort((a, b) => a.y - b.y);\n // Check each line from top to bottom\n for (let i = 0; i < windowHeight; i += blockHeight) {\n let lineBlocks = blocks.filter(block => block.y === i);\n // If the line is full, clear it and move down all blocks above it\n if (lineBlocks.length === windowWidth / blockWidth) {\n blocks = blocks.filter(block => block.y !== i);\n blocks.forEach(block => {\n if (block.y < i) {\n block.y += blockHeight;\n }\n });\n linesCleared++;\n i -= blockHeight; // Check the same line again, as the blocks above it have moved down\n }\n }\n updateScore(linesCleared);\n}\n\nlet score = 0;\n\nfunction updateScore(linesCleared) {\n score += linesCleared * 1;\n}\n\nfunction addBonusFeatures() {\n // Implement bonus features\n}\n\nfunction getRandomShape() {\n // Calculate the total weight\n let totalWeight = shapes.reduce((total, shape) => total + shape.weight, 0);\n // Get a random value\n let randomValue = Math.random() * totalWeight;\n // Find the shape that this value corresponds to\n for (let shape of shapes) {\n if (randomValue < shape.weight) {\n return shape.shape;\n }\n randomValue -= shape.weight;\n }\n}","style.css":"","index.html":"\n\n\n\n Falling Blocks\n \n \n\n\n\n \n\n\n"},"chat_history":[{"project_id":25,"sender":"human","message":"Let's get started!","deleted":0,"created_at":"2023-12-12T23:20:15.853262Z","output_tokens":null,"code_id":1089,"input_tokens":null,"id":613},{"project_id":25,"sender":"ai","message":"Here's the first function:\n\n```javascript\nfunction getRandomShape() {\n // Calculate the total weight\n let totalWeight = shapes.reduce((total, shape) => total + shape.weight, 0);\n // Get a random value\n let randomValue = Math.random() * totalWeight;\n // Find the shape that this value corresponds to\n for (let shape of shapes) {\n if (randomValue < shape.weight) {\n return shape.shape;\n }\n randomValue -= shape.weight;\n }\n}\n```\n\nThis function is responsible for providing a","deleted":0,"created_at":"2023-12-12T23:20:15.860899Z","output_tokens":null,"code_id":1089,"input_tokens":null,"id":614}],"assets":[],"messages_sent":1,"comments":[{"content":"So, admittedly, this is near impossible to score points on","id":28,"user_id":11,"user":{"photo":null,"email":null,"recess_id":"00ea2762-8b52-732c-ade6-ed21e31ebce0","created_at":"2023-12-12T19:06:53.894145Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"bowedmars374878","id":11,"password_hash":null,"updated_at":"2023-12-12T19:06:53.894148Z","reset_token_expiry":null,"subscription_status":null},"project_id":25,"created_at":"2023-12-12T23:29:48.410200Z","updated_at":"2023-12-12T23:29:48.410203Z"},{"content":"how do you score and tilt blocks\r\n","id":92,"user_id":4,"user":{"photo":null,"email":null,"recess_id":"803a180d-df5e-dbf8-2d4b-a79d02b6dad5","created_at":"2023-12-11T22:20:59.207232Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"pandahbomb","id":4,"password_hash":null,"updated_at":"2023-12-11T22:20:59.207234Z","reset_token_expiry":null,"subscription_status":null},"project_id":25,"created_at":"2023-12-15T00:54:25.099605Z","updated_at":"2023-12-15T00:54:25.099607Z"},{"content":"HIIIIIIIIIIIIIIIIIIIIIIII\n\nMEKNOWITYOU\n","id":1029,"user_id":15,"user":{"photo":null,"email":null,"recess_id":"3f75c292-da3b-c9bf-56c7-6a27f91d0f09","created_at":"2023-12-12T22:11:58.991694Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"snugglebunny888","id":15,"password_hash":null,"updated_at":"2023-12-12T22:11:58.991697Z","reset_token_expiry":null,"subscription_status":null},"project_id":25,"created_at":"2025-01-30T19:36:06.609237Z","updated_at":"2025-01-30T19:36:06.609238Z"},{"content":"HEHAHAHA\nHAHAHAHEHEhehe\n","id":1030,"user_id":15,"user":{"photo":null,"email":null,"recess_id":"3f75c292-da3b-c9bf-56c7-6a27f91d0f09","created_at":"2023-12-12T22:11:58.991694Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"snugglebunny888","id":15,"password_hash":null,"updated_at":"2023-12-12T22:11:58.991697Z","reset_token_expiry":null,"subscription_status":null},"project_id":25,"created_at":"2025-01-30T19:36:44.031631Z","updated_at":"2025-01-30T19:36:44.031633Z"}],"steps":[{"instruction":"Implement the visual representation of falling blocks on the game screen.","title":"Visible Falling Blocks","created_at":"2023-12-12T19:08:46.539191","project_id":25,"complete":false,"step_number":0,"updated_at":"2023-12-12T23:13:10.015373","id":167},{"instruction":"Allow players to move and rotate the falling blocks using keyboard input.","title":"User Input for Block Movement","created_at":"2023-12-12T19:08:46.539280","project_id":25,"complete":false,"step_number":1,"updated_at":"2023-12-12T23:13:10.015537","id":168},{"instruction":"Detect collisions between the falling blocks and the stack, as well as the edges of the game area.","title":"Collision Detection","created_at":"2023-12-12T19:08:46.539326","project_id":25,"complete":false,"step_number":2,"updated_at":"2023-12-12T23:13:10.015631","id":169},{"instruction":"Implement a scoring system to track and display the player's score as they stack blocks and clear rows.","title":"Scoring System","created_at":"2023-12-12T19:08:46.539366","project_id":25,"complete":false,"step_number":3,"updated_at":"2023-12-12T23:13:10.015709","id":170},{"instruction":"Add the ability for players to make the blocks fall faster by holding the 's' key, providing an extra level of control and challenge.","title":"Faster Falling Blocks","created_at":"2023-12-12T19:08:46.539406","project_id":25,"complete":false,"step_number":4,"updated_at":"2023-12-12T23:13:10.015785","id":171},{"instruction":"Detect when the stacked blocks reach the top of the game area, signaling the end of the game.","title":"Game Over Detection","created_at":"2023-12-12T19:08:46.539444","project_id":25,"complete":false,"step_number":5,"updated_at":"2023-12-12T23:13:10.015872","id":172},{"instruction":"Allow players to start, pause, and restart the game as needed.","title":"Start/Pause/Restart Controls","created_at":"2023-12-12T19:08:46.539495","project_id":25,"complete":false,"step_number":6,"updated_at":"2023-12-12T23:13:10.015956","id":173},{"instruction":"Incorporate sound effects to provide feedback to the player during gameplay.","title":"Audio Feedback","created_at":"2023-12-12T19:08:46.539545","project_id":25,"complete":false,"step_number":7,"updated_at":"2023-12-12T23:13:10.016075","id":174}]}