CraftyCraft

{"name":"CraftyCraft: Crafting Menu Madness","description":"CraftyCraft is a fun crafting game where players can unleash their creativity by combining materials to craft unique items. Dive into a world of crafting madness and see what amazing creations you can come up with!","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-03-05T14:21:35.831508Z","updated_at":"2024-03-05T14:21:35.831518Z","user_id":9,"status":"PUBLIC","parent_id":450,"id":772,"user":{"photo":null,"email":null,"recess_id":"3f8e54bf-c664-e715-7a03-759308ca12b6","created_at":"2023-12-12T15:05:36.121931Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"matthew","id":9,"password_hash":null,"updated_at":"2023-12-12T15:05:36.121934Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let blocks = [];\nlet gridCells = [];\n\n\nlet images = {};\n\nfunction preload() {\n images.anvil = loadImage('@asset(\"Anvil\")');\n images.bread = loadImage('@asset(\"Bread\")');\n images.leaf = loadImage('@asset(\"Leaf\")');\n images.diamond = loadImage('@asset(\"Diamond\")');\n images.beef = loadImage('@asset(\"Beef\")');\n images.potion = loadImage('@asset(\"Potion\")');\n}\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n\n // Initialize blocks\n let bottomGridHeight = height * 0.1;\n let bottomGridWidth = width / 10;\n let innerSquareSize = bottomGridHeight * 0.8; // inner squares are 80% of the grid box size\n let innerSquareStart = bottomGridHeight * 0.1; // inner squares start 10% inside the grid box\n let itemNames = ['anvil', 'bread', 'leaf', 'diamond', 'beef', 'potion'];\n for (let i = 0; i < itemNames.length; i++) {\n let x = i * bottomGridWidth + innerSquareStart;\n let y = height - bottomGridHeight + innerSquareStart;\n blocks.push({\n x: x,\n y: y,\n originalX: x,\n originalY: y,\n size: innerSquareSize,\n image: images[itemNames[i]],\n dragging: false,\n name: itemNames[i]\n });\n }\n\n // Initialize grid cells\n let grid_size = min(width, height) * 0.5; // grid is 50% of the minimum screen dimension\n let blockSize = grid_size / 3;\n let start_x = (width - grid_size) / 2;\n let start_y = (height - grid_size) / 2;\n for (let i = 0; i < 3; i++) {\n for (let j = 0; j < 3; j++) {\n gridCells.push({\n x: start_x + i * blockSize,\n y: start_y + j * blockSize,\n size: blockSize\n });\n }\n }\n}\n\nfunction mousePressed() {\n for (let block of blocks) {\n if (mouseX > block.x && mouseX < block.x + block.size && mouseY > block.y && mouseY < block.y + block.size) {\n block.dragging = true;\n }\n }\n}\n\nfunction mouseReleased() {\n for (let block of blocks) {\n if (block.dragging) {\n let droppedInGrid = false;\n for (let cell of gridCells) {\n let cellHasBlock = false;\n for (let otherBlock of blocks) {\n if (otherBlock !== block) {\n let otherBlockCenterX = otherBlock.x + otherBlock.size / 2;\n let otherBlockCenterY = otherBlock.y + otherBlock.size / 2;\n if (otherBlockCenterX > cell.x && otherBlockCenterX < cell.x + cell.size && otherBlockCenterY > cell.y && otherBlockCenterY < cell.y + cell.size) {\n cellHasBlock = true;\n break;\n }\n }\n }\n if (!cellHasBlock && block.x + block.size > cell.x && block.x < cell.x + cell.size && block.y + block.size > cell.y && block.y < cell.y + cell.size) {\n let centerX = cell.x + cell.size / 2;\n let centerY = cell.y + cell.size / 2;\n block.x = centerX - block.size / 2;\n block.y = centerY - block.size / 2;\n droppedInGrid = true;\n break;\n }\n }\n if (!droppedInGrid) {\n block.x = block.originalX;\n block.y = block.originalY;\n }\n }\n block.dragging = false;\n }\n}\n\n\nfunction drawGrid() {\n fill(255); // Set fill color to white\n let grid_size = min(width, height) * 0.5;\n let blockSize = grid_size / 3;\n let start_x = (width - grid_size) / 2;\n let start_y = (height - grid_size) / 2;\n for (let i = 0; i < 3; i++) {\n for (let j = 0; j < 3; j++) {\n rect(start_x + i * blockSize, start_y + j * blockSize, blockSize, blockSize);\n }\n }\n}\n\nfunction drawBottomGrid() {\n fill(255); // Set fill color to white\n let bottomGridHeight = height * 0.1;\n let bottomGridWidth = width / 10;\n for (let i = 0; i < 10; i++) {\n rect(i * bottomGridWidth, height - bottomGridHeight, bottomGridWidth, bottomGridHeight);\n }\n}\n\nfunction displayOutputBox() {\n let output = '';\n for (let cell of gridCells) {\n for (let block of blocks) {\n let blockCenterX = block.x + block.size / 2;\n let blockCenterY = block.y + block.size / 2;\n if (blockCenterX > cell.x && blockCenterX < cell.x + cell.size && blockCenterY > cell.y && blockCenterY < cell.y + cell.size) {\n output += String(block.name) + '\\n'; // Ensure block.name is a string\n break;\n }\n }\n }\n\n // define the position and size of the output box\n let boxWidth = width * 0.2;\n let boxHeight = height * 0.5;\n let boxX = width - boxWidth;\n let boxY = (height - boxHeight) / 2;\n\n // draw the output box\n fill('white');\n rect(boxX, boxY, boxWidth, boxHeight);\n\n // print the output\n fill('black');\n textSize(20);\n text(output, boxX + 10, boxY + 30);\n\n // reset fill color\n fill(220);\n}\n\nfunction draw() {\n background(220);\n\n // draw grids\n fill(0); // reset fill color to black\n drawGrid();\n drawBottomGrid();\n\n // draw output box\n fill(0); // reset fill color to black\n\n\n // draw and update blocks\n for (let block of blocks) {\n if (block.dragging) {\n block.x = mouseX - block.size / 2;\n block.y = mouseY - block.size / 2;\n }\n image(block.image, block.x, block.y, block.size, block.size);\n }\n displayOutputBox();\n}\n","style.css":".materials .grid, .crafting-area .grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n grid-template-rows: repeat(3, 1fr);\r\n gap: 10px;\r\n}\r\n\r\n.grid div {\r\n border: 1px solid #000;\r\n background-color: #fff;\r\n}","index.html":"\r\n\r\n\r\n \r\n CraftyCraft\r\n \r\n\r\n\r\n \r\n\r\n"},"chat_history":[],"assets":[{"name":"Leaf","cloudinary_id":"unfaeectloyu7lnwve7c","resource_type":"image","id":1570,"project_id":772,"created_at":"2024-03-05T14:21:35.851346Z","deleted":false},{"name":"Beef","cloudinary_id":"zvkluubhdzxxcivysp0j","resource_type":"image","id":1569,"project_id":772,"created_at":"2024-03-05T14:21:35.849936Z","deleted":false},{"name":"Anvil","cloudinary_id":"qt9equrrpok2xnkq9a69","resource_type":"image","id":1568,"project_id":772,"created_at":"2024-03-05T14:21:35.846696Z","deleted":false},{"name":"Potion","cloudinary_id":"wocr0gugbxwvzipnlqxl","resource_type":"image","id":1567,"project_id":772,"created_at":"2024-03-05T14:21:35.845517Z","deleted":false},{"name":"Diamond","cloudinary_id":"ttyquhzib9t9iv5zztym","resource_type":"image","id":1566,"project_id":772,"created_at":"2024-03-05T14:21:35.843485Z","deleted":false},{"name":"Bread","cloudinary_id":"pmcnp5k5hgzu1xjlaw2c","resource_type":"image","id":1565,"project_id":772,"created_at":"2024-03-05T14:21:35.840262Z","deleted":false}],"messages_sent":0,"comments":[],"steps":[{"step_number":0,"complete":true,"updated_at":"2024-03-05T14:21:35.835141","id":4081,"title":"Visualize Base Materials","instruction":"Display wood, stone, and metal as visual elements on the crafting menu screen.","created_at":"2024-01-16T22:11:35.442156","project_id":772},{"step_number":1,"complete":false,"updated_at":"2024-03-05T14:21:35.835282","id":4082,"title":"Crafting Combinations","instruction":"Implement the ability for players to combine different materials to create new items.","created_at":"2024-01-16T22:11:35.442213","project_id":772},{"step_number":2,"complete":false,"updated_at":"2024-03-05T14:21:35.835331","id":4083,"title":"Inventory Tracking","instruction":"Create a system to track the player's inventory and the available materials for crafting.","created_at":"2024-01-16T22:11:35.442254","project_id":772},{"step_number":3,"complete":false,"updated_at":"2024-03-05T14:21:35.835377","id":4084,"title":"Crafting Recipes","instruction":"Include a set of crafting recipes that players can discover and use as a guide for crafting.","created_at":"2024-01-16T22:11:35.442293","project_id":772},{"step_number":4,"complete":false,"updated_at":"2024-03-05T14:21:35.835420","id":4085,"title":"Crafting Animation","instruction":"Add animations to show the crafting process when players combine materials to create an item.","created_at":"2024-01-16T22:11:35.442349","project_id":772},{"step_number":5,"complete":false,"updated_at":"2024-03-05T14:21:35.835462","id":4086,"title":"Crafting Sound Effects","instruction":"Incorporate fun and engaging sound effects to accompany the crafting actions.","created_at":"2024-01-16T22:11:35.442388","project_id":772},{"step_number":6,"complete":false,"updated_at":"2024-03-05T14:21:35.835503","id":4087,"title":"Crafting Progression","instruction":"Implement a progression system where players can unlock new crafting recipes as they advance in the game.","created_at":"2024-01-16T22:11:35.442427","project_id":772},{"step_number":7,"complete":false,"updated_at":"2024-03-05T14:21:35.835555","id":4088,"title":"Crafting Challenges","instruction":"Introduce crafting challenges or quests that players can complete to earn special rewards.","created_at":"2024-01-16T22:11:35.442465","project_id":772},{"step_number":8,"complete":false,"updated_at":"2024-03-05T14:21:35.835599","id":4089,"title":"Crafting Leaderboard","instruction":"Include a leaderboard to track the most creative and prolific crafters in the game.","created_at":"2024-01-16T22:11:35.442504","project_id":772}]}