Factorio RatioMaster

{"name":"Factorio RatioMaster","description":"Calculate production ratios and optimize your Factorio factories with this interactive ratio calculator tailored for Factorio players.","photo":null,"view_count":5,"fork_count":0,"expires_at":null,"created_at":"2024-04-28T10:29:15.368265Z","updated_at":"2024-04-28T10:34:38.413844Z","user_id":9,"status":"PRIVATE","parent_id":1262,"id":1284,"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":"//lets \nlet selectItemButton\nlet recipes = [\n // Ores\n {\n name: \"copperOre\",\n tool: \"drill\",\n time: 0.5, // Updated time to extract ore\n displayName: \"Copper Ore\"\n },\n{\n name: \"sulfur\",\n tool: \"chemicalPlant\",\n time: 1, // Crafting time in seconds\n displayName: \"Sulfur\",\n ingredients: [\n { name: \"water\", amount: 30 },\n { name: \"petroleumGas\", amount: 30 }\n ],\n outputAmount: 2 // Specifies that this recipe produces 2 Sulfur\n},\n {\n name: \"oil\",\n tool: \"pumpjack\",\n rate: 60, // Since 1 oil per second, converting to per minute\n displayName: \"Oil\"\n },\n {\n name: \"ironOre\",\n tool: \"drill\",\n time: 0.5, // Updated time to extract ore\n displayName: \"Iron Ore\"\n },\n // Plates\n {\n name: \"ironPlate\",\n tool: \"furnace\",\n time: 3.2,\n displayName: \"Iron Plate\",\n ingredients: [{ name: \"ironOre\", amount: 1 }]\n },\n {\n name: \"copperPlate\",\n tool: \"furnace\",\n time: 3.2,\n displayName: \"Copper Plate\",\n ingredients: [{ name: \"copperOre\", amount: 1 }]\n },\n {\n name: \"steel\",\n tool: \"furnace\",\n time: 16, // Crafting time in seconds\n displayName: \"Steel\",\n ingredients: [\n { name: \"ironPlate\", amount: 5 }\n ]\n },\n { //automation science\n name: \"ironGearWheel\",\n tool: \"assemblyMachine\",\n time: 0.5, // Crafting time\n displayName: \"Iron Gear Wheel\",\n ingredients: [{ name: \"ironPlate\", amount: 2 }] // Requires 2 Iron Plates\n },\n {\n name: \"automationSciencePack\",\n tool: \"assemblyMachine\",\n time: 5.5, // Crafting time\n displayName: \"Automation Science Pack\",\n ingredients: [\n { name: \"copperPlate\", amount: 1 },\n { name: \"ironGearWheel\", amount: 1 }\n ]\n },\n {\n name: \"stone\",\n tool: \"drill\",\n time: 0.5, // Assuming 0.5 seconds to mine stone\n displayName: \"Stone\"\n },\n {\n name: \"copperCable\",\n tool: \"assemblyMachine\",\n time: 0.5, // Crafting time in seconds\n displayName: \"2x Copper Cable\",\n outputAmount: 2, // Specifies that this recipe produces 2 Copper Cables\n ingredients: [\n { name: \"copperPlate\", amount: 1 }\n ]\n },\n {\n name: \"transportBelt\",\n tool: \"assemblyMachine\",\n time: 0.5, // Crafting time in seconds\n displayName: \"2x Transport Belt\",\n outputAmount: 2, // Specifies that this recipe produces 2 Transport Belts\n ingredients: [\n { name: \"ironGearWheel\", amount: 1 },\n { name: \"ironPlate\", amount: 1 }\n ]\n },\n {\n name: \"electronicCircuit\",\n tool: \"assemblyMachine\",\n time: 0.5, // Crafting time in seconds\n displayName: \"Electronic Circuit\",\n ingredients: [\n { name: \"copperCable\", amount: 3 },\n { name: \"ironPlate\", amount: 1 }\n ]\n },\n {\n name: \"inserter\",\n tool: \"assemblyMachine\",\n time: 0.5, // Crafting time in seconds\n displayName: \"Inserter\",\n ingredients: [\n { name: \"ironGearWheel\", amount: 1 },\n { name: \"ironPlate\", amount: 1 },\n { name: \"electronicCircuit\", amount: 1 }\n ]\n },\n {\n name: \"logisticSciencePack\",\n tool: \"assemblyMachine\",\n time: 6, // Crafting time in seconds\n displayName: \"Logistic Science Pack\",\n ingredients: [\n { name: \"transportBelt\", amount: 1 },\n { name: \"inserter\", amount: 1 }\n ]\n },\n {\n name: \"pipe\",\n tool: \"assemblyMachine\",\n time: 0.5, // Crafting time in seconds\n displayName: \"Pipe\",\n ingredients: [\n { name: \"ironPlate\", amount: 1 }\n ]\n },\n {\n name: \"ironChest\",\n tool: \"assemblyMachine\",\n time: 0.5, // Crafting time in seconds\n displayName: \"Iron Chest\",\n ingredients: [\n { name: \"ironPlate\", amount: 8 }\n ]\n },\n {\n name: \"engineUnit\",\n tool: \"assemblyMachine\",\n time: 10, // Crafting time in seconds\n displayName: \"Engine Unit\",\n ingredients: [\n { name: \"pipe\", amount: 2 },\n { name: \"ironGearWheel\", amount: 1 },\n { name: \"steel\", amount: 1 }\n ]\n },\n {\n name: \"rail\",\n tool: \"assemblyMachine\",\n time: 0.5, // Crafting time in seconds\n displayName: \"2x Rail\",\n outputAmount: 2, // Specifies that this recipe produces 2 Rails\n ingredients: [\n { name: \"stone\", amount: 1 },\n { name: \"steel\", amount: 1 },\n { name: \"ironBar\", amount: 1 }\n ]\n },\n {\n name: \"ironBar\",\n tool: \"assemblyMachine\",\n time: 0.5, // Crafting time in seconds\n displayName: \"2x Iron Bar\",\n outputAmount: 2, // Specifies that this recipe produces 2 Iron Bars\n ingredients: [\n { name: \"ironPlate\", amount: 1 }\n ]\n },\n {\n name: \"car\",\n tool: \"assemblyMachine\",\n time: 2, // Crafting time in seconds\n displayName: \"Car\",\n ingredients: [\n { name: \"ironPlate\", amount: 20 },\n { name: \"engineUnit\", amount: 9 },\n { name: \"steel\", amount: 5 }\n ]\n },\n {\n name: \"pistol\",\n tool: \"assemblyMachine\",\n time: 1, // Assuming crafting time in seconds (time not provided, assuming a default)\n displayName: \"Pistol\",\n ingredients: [\n { name: \"copperPlate\", amount: 5 },\n { name: \"ironPlate\", amount: 5 }\n ]\n },\n {\n name: \"locomotive\",\n tool: \"assemblyMachine\",\n time: 4, // Crafting time in seconds\n displayName: \"Locomotive\",\n ingredients: [\n { name: \"steel\", amount: 30 },\n { name: \"electronicCircuit\", amount: 10 },\n { name: \"engineUnit\", amount: 1 }\n ]\n },\n {\n name: \"cargoWagon\",\n tool: \"assemblyMachine\",\n time: 1, // Crafting time in seconds\n displayName: \"Cargo Wagon\",\n ingredients: [\n { name: \"ironPlate\", amount: 20 },\n { name: \"steel\", amount: 20 },\n { name: \"ironGearWheel\", amount: 10 }\n ]\n },\n //chem update\n {\n name: \"water\",\n tool: \"offshorePump\",\n rate: 1200 * 60, // Convert production rate to per minute\n displayName: \"Water\"\n },\n{\n name: \"basicOilProcessing\",\n tool: \"oilRefinery\",\n time: 5, // Crafting time in seconds\n displayName: \"Basic Oil Processing\",\n ingredients: [{ name: \"oil\", amount: 100 }],\n outputAmount: 45, // Assuming this produces 45 units of Petroleum Gas per cycle\n outputName: \"petroleumGas\" // Specify the output product name for clarity\n},\n\n];\n//normal functions \nfunction preload() {\n images = {\n belt1: loadImage('@asset(\"belt1\")'),\n belt2: loadImage('@asset(\"belt2\")'),\n Belt3: loadImage('@asset(\"Belt3\")'),\n ubelt1: loadImage('@asset(\"ubelt1\")'),\n ubelt2: loadImage('@asset(\"ubelt2\")'),\n ubelt3: loadImage('@asset(\"ubelt3\")'),\n iore: loadImage('@asset(\"iore\")'),\n iron: loadImage('@asset(\"iron\")')\n };\n}\nfunction setup() {\n createCanvas(800, 600);\n background(220);\n}\nfunction draw() {\n // Drawing logic remains as needed\n}\nlet toolCraftingSpeed = {\n chemicalPlant: 1, // Example value\n // other tools...\n};\n//DOM stuff \ndocument.addEventListener('DOMContentLoaded', function () {\n // Ensure the DOM is fully loaded before trying to add event listeners\n var calculateButton = document.querySelector('.calculate-button'); // Using the class to select the button\n\n if (calculateButton) { // Check if the button was successfully selected\n calculateButton.addEventListener('click', function (event) {\n event.preventDefault(); // Prevent the form from submitting in the traditional way\n console.log(\"Calculate button was clicked.🤢\");\n // Call your function to perform the calculation here\n performCalculation();\n });\n } else {\n console.log(\"Calculate button not found.\");\n }\n});\ndocument.addEventListener('DOMContentLoaded', function () {\n var modal = document.getElementById(\"itemSelectionModal\");\n var btn = document.getElementById(\"openModalButton\");\n var span = document.getElementsByClassName(\"close\")[0];\n var selectItemButton = document.getElementById(\"selectItemButton\");\n let furnacesNeeded = 0;\n let drillsNeeded = 0;\n\n // This is correctly placed within the DOMContentLoaded scope\n selectItemButton.onclick = function () {\n var selectedItem = document.getElementById(\"itemSelection\").value;\n // Ensure all code that needs to use selectedItem is within this scope\n console.log(selectedItem); // This should work correctly\n modal.style.display = \"none\";\n // If there's additional logic intended for when an item is selected, it should go here\n performCalculation(); // Assuming performCalculation uses selectedItem and is called here\n\n // Any other logic that was incorrectly placed outside and caused the error should be moved here or into a function called here\n };\n\n btn.onclick = function () {\n modal.style.display = \"block\";\n };\n\n span.onclick = function () {\n modal.style.display = \"none\";\n };\n\n window.onclick = function (event) {\n if (event.target == modal) {\n modal.style.display = \"none\";\n }\n };\n\n});\n\n//logic\nfunction performCalculation() {\n let itemsPerMinute = parseFloat(document.getElementById('items-per-minute').value);\n let selectedItemValue = document.getElementById(\"itemSelection\").value;\n let selectedItem = recipes.find(recipe => recipe.name === selectedItemValue);\n\n if (!selectedItem) {\n console.error(\"Selected item not found in recipes.\");\n return;\n }\n\n let requirements = {}; // This will hold our accumulated requirements\n\n // Updated to pass the requirements object as an argument\n calculateRequirements(selectedItem, itemsPerMinute, [], requirements);\n\n // Now, display the requirements visually\n displayRequirements(requirements);\n}\nfunction calculateRequirements(item, quantityNeededPerMinute, path = [], requirements) {\n let currentPath = [...path, item.name]; // Track the current path of production\n if (!requirements[item.name]) {\n requirements[item.name] = {\n quantity: 0,\n tool: item.tool,\n machines: 0,\n displayName: item.displayName // Correctly set\n };\n }\n\n let totalOutputPerMinute = item.outputAmount ? (quantityNeededPerMinute / item.outputAmount) : quantityNeededPerMinute;\n requirements[item.name].quantity += totalOutputPerMinute;\n //producers (more will be added)\n let machinesNeeded = 0;\n if (item.tool === \"drill\") {\n let orePerMachinePerMinute = 0.5 * 60; // 0.5 ore per second * 60 seconds\n machinesNeeded = totalOutputPerMinute / orePerMachinePerMinute;\n } else if (item.tool === \"furnace\") {\n machinesNeeded = totalOutputPerMinute * item.time / 60;\n } else if (item.tool === \"assemblyMachine\") {\n let effectiveCraftingTimePerItem = item.time / (item.outputAmount ? item.outputAmount : 1);\n let itemsPerMachinePerMinute = (60 / effectiveCraftingTimePerItem) * 0.5; // Adjusted for crafting speed\n machinesNeeded = totalOutputPerMinute / itemsPerMachinePerMinute;\n } else if (item.tool === \"offshorePump\") {\n let waterPerPumpPerMinute = item.rate; // This should be defined in your item/tool definition\n machinesNeeded = quantityNeededPerMinute / waterPerPumpPerMinute;\n } else if (item.tool === \"pumpjack\") {\n let oilPerPumpjackPerMinute = item.rate; // Oil production rate per minute\n machinesNeeded = quantityNeededPerMinute / oilPerPumpjackPerMinute;\n } else if (item.tool === \"oilRefinery\") {\n let outputPerMinute = (60 / item.time) * (toolCraftingSpeed['oilRefinery'] || 1) * item.outputAmount;\n machinesNeeded = quantityNeededPerMinute / outputPerMinute;\n\n } else if (item.tool === \"chemicalPlant\") {\n // Assuming the chemical plant processes items at the same rate as its crafting speed\n let outputPerMinute = 60 / item.time * item.craftingSpeed; // Calculates the output per minute based on crafting speed\n machinesNeeded = totalOutputPerMinute / outputPerMinute;\n }\n\n requirements[item.name].machines += Math.ceil(machinesNeeded); // Use Math.ceil to round up to the nearest whole number\n\n if (item.ingredients) {\n item.ingredients.forEach(ingredient => {\n let requiredOutputPerMinute = totalOutputPerMinute * ingredient.amount;\n let ingredientRecipe = recipes.find(recipe => recipe.name === ingredient.name);\n if (ingredientRecipe) {\n let requiredOutputPerMinute = totalOutputPerMinute * ingredient.amount;\n calculateRequirements(ingredientRecipe, requiredOutputPerMinute, currentPath, requirements);\n }\n });\n }\n\nif (item.outputName) {\n // Check if this item produces a specific output (e.g., petroleumGas from oil)\n let outputItem = recipes.find(recipe => recipe.name === item.outputName);\n if (outputItem) {\n let outputPerMinute = 60 / item.time * (toolCraftingSpeed[item.tool] || 1) * item.outputAmount;\n let machinesNeeded = quantityNeededPerMinute / outputPerMinute;\n requirements[item.outputName] = { // Use outputName to track the output product\n quantity: quantityNeededPerMinute,\n tool: item.tool,\n machines: Math.ceil(machinesNeeded),\n displayName: outputItem.displayName // Ensure displayName is correctly set\n };\n }\n}\n}\n\n\n\n//logic display \nfunction displayRequirements(requirements) {\n let resultText = \"

${item.displayName ? item.displayName : 'Missing Name'}: ${item.quantity.toFixed(2)} per minute using ${Math.ceil(item.machines)} ${item.tool}(s)

\"; // Close the unordered list tag\n document.getElementById('calculation-result').innerHTML = resultText;\n resultSection.style.display = 'block';\n}","style.css":"body {\n font-family: 'Arial', sans-serif;\n margin: 0;\n padding: 0;\n background-color: #f3f4f6;\n color: #333;\n}\n\nheader {\n background-color: #343a40;\n color: #fff;\n padding: 20px;\n text-align: center;\n}\n\nh1 {\n margin: 0;\n}\n\n.intro-section,\n.calculator-section,\n.result-section {\n margin: 20px auto;\n max-width: 600px;\n padding: 20px;\n background-color: #fff;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.form-group {\n margin-bottom: 20px;\n}\n\nlabel {\n display: block;\n margin-bottom: 5px;\n}\n\ninput[type='number'] {\n width: 100%;\n padding: 10px;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n /* Ensures padding doesn't affect overall width */\n}\n\n.calculate-button {\n background-color: #007bff;\n color: #fff;\n padding: 10px 20px;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 16px;\n}\n\n.calculate-button:hover {\n background-color: #0056b3;\n}\n\nfooter {\n background-color: #343a40;\n color: #fff;\n text-align: center;\n padding: 10px;\n position: absolute;\n bottom: 0;\n width: 100%;\n}\n\nfooter p {\n margin: 0;\n}\n\n/* The Modal (background) */\n.modal {\n display: none;\n /* Hidden by default */\n position: fixed;\n /* Stay in place */\n z-index: 1;\n /* Sit on top */\n left: 0;\n top: 0;\n width: 100%;\n /* Full width */\n height: 100%;\n /* Full height */\n overflow: auto;\n /* Enable scroll if needed */\n background-color: rgb(0, 0, 0);\n /* Fallback color */\n background-color: rgba(0, 0, 0, 0.4);\n /* Black w/ opacity */\n}\n\n/* Modal Content */\n.modal-content {\n background-color: #fefefe;\n margin: 15% auto;\n /* 15% from the top and centered */\n padding: 20px;\n border: 1px solid #888;\n width: 80%;\n /* Could be more or less, depending on screen size */\n}\n\n/* The Close Button */\n.close {\n color: #aaa;\n float: right;\n font-size: 28px;\n font-weight: bold;\n}\n\n.close:hover,\n.close:focus {\n color: black;\n text-decoration: none;\n cursor: pointer;\n}\n\n.changelog-section {\n margin: 20px auto;\n max-width: 600px;\n padding: 20px;\n background-color: #fff;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n}\n\n.changelog-section h2 {\n color: #343a40;\n}\n\n.changelog-section ul {\n list-style-type: none;\n padding: 0;\n}\n\n.changelog-section li {\n background-color: #f8f9fa;\n padding: 10px;\n margin-bottom: 10px;\n border-left: 4px solid #007bff;\n}","index.html":"\n\n\n\n \n \n \n Factorio RatioMaster\n \n\n\n\n\n\n

Welcome to Factorio RatioMaster

Optimize your factory production with our easy-to-use calculator.

Enter Your Production Target

\n \n

Calculation Result

\n\n \n \n\n\n\n\n

Changelog

[Chemical update(not realeased)] Version 1.3 - will add fluids, chemicals, oil, and\n chemical science pack
(transport update) Version 1.2.10 - added vehicles and related items
(logistic update)Version 1.2 - added logistic science and some other recipes
(automation update)Version 1.1 - added automation science and some other recipes
Version 1.0 - Initial release with basic ore processing and item crafting.

\n\n"},"chat_history":[{"message":"Let's get started!","project_id":1284,"created_at":"2024-04-28T10:34:32.601634Z","output_tokens":null,"sender":"human","code_id":72097,"deleted":0,"input_tokens":null,"id":38757},{"message":"First, let's update the CSS to better match the aesthetic of Factorio. We'll adjust colors, fonts, and add some thematic elements to the interface elements, like forms and buttons.\n\n```css\nbody {\n font-family: 'Consolas', 'Courier New', monospace;\n margin: 0;\n padding: 0;\n background-color: #2C2F33;\n color: #C0C0C0;\n}\n\nheader, .intro-section, .calculator-section, .result-section, .modal-content {\n background-color: #23272A;\n border: 2px solid #4F545C; /* Adjusted border color */\n}\n\n.calculate-button, #selectItemButton {\n background-color: #7289DA;\n color: #FFFFFF;\n border: 1px solid #4F545C; /* Border color for buttons */\n}\n\n.calculate-button:hover, #selectItemButton:hover {\n background-color: #5B6EAE;\n}\n\n.modal {\n background-color: rgba(35, 39, 42, 0.9); /* Modal background color */\n}\n\n.close {\n color: #C0C0C0;\n}\n\ninput[type='number'], select {\n background-color: #2C2F33;\n color: #FFFFFF;\n border: 1px solid #4F545C;\n}\n```\n\n- Changed the `font-family` to `Consolas` or `Courier New` for a more \"techy\" feel, reminiscent of coding or command line interfaces which aligns with the Factorio theme.\n- Adjusted the background and text colors to match Factorio's dark and industrial UI palette, enhancing the thematic consistency between the game and the calculator.\n- Updated button styles with a distinctive blue color (`#7289DA`), similar to Factorio's UI elements, and added a hover effect to improve user interaction feedback.\n- Modified the modal's background to a semi-transparent version of the dark theme, ensuring it blends seamlessly with the rest of the design.\n- Altered the input and select fields to fit the dark theme, with appropriate text and border colors for better visibility and aesthetic congruence.","project_id":1284,"created_at":"2024-04-28T10:34:32.607013Z","output_tokens":null,"sender":"ai","code_id":72097,"deleted":0,"input_tokens":null,"id":38758},{"message":"ok now add a new producer:pumpjack, makes oil, mineing speed(of oil) 1/s","project_id":1284,"created_at":"2024-04-28T10:36:09.588924Z","output_tokens":null,"sender":"human","code_id":72098,"deleted":0,"input_tokens":null,"id":38759},{"message":"```javascript\nlet recipes = [\n // Existing recipes\n // Add the new producer and product here\n {\n name: \"oil\",\n tool: \"pumpjack\",\n rate: 60, // Since 1 oil per second, converting to per minute\n displayName: \"Oil\"\n }\n // Ensure to add a comma after the last element of the existing array before adding the new object\n];\n```\n\n- Introduced a new entry in the `recipes` array for the production of oil using a pumpjack.\n- The `name` field is set to `\"oil\"` to identify the product.\n- The `tool` field specifies that a \"pumpjack\" is used for producing oil.\n- The `rate` is calculated based on the mining speed provided (1 oil per second), thus, `60` oil per minute to match the unit used across the application.\n- Added a `displayName` for user-friendly identification within the UI.","project_id":1284,"created_at":"2024-04-28T10:36:09.594528Z","output_tokens":null,"sender":"ai","code_id":72098,"deleted":0,"input_tokens":null,"id":38760},{"message":"dont we have to add it to the modal","project_id":1284,"created_at":"2024-04-28T10:50:24.873843Z","output_tokens":null,"sender":"human","code_id":72100,"deleted":0,"input_tokens":null,"id":38761},{"message":"```html\n\n```\n\n- This line should be inserted within the `

Welcome to Factorio RatioMaster

Enter Your Production Target

Calculation Result

Select Item

Changelog