Circuit Wizard: Ohm's Law Maker

{"name":"Circuit Wizard: Ohm's Law Maker","description":"Unleash your inner engineer with Circuit Wizard! This interactive circuit diagram maker not only lets you create stunning visuals but also calculates Ohm's Law in real-time. Experiment with resistors, voltages, and currents while learning the fundamentals of electricity in a fun and engaging way!","photo":null,"view_count":1,"fork_count":0,"expires_at":null,"created_at":"2024-11-22T02:34:14.546474Z","updated_at":"2024-11-22T02:34:14.546481Z","user_id":60,"status":"PRIVATE","parent_id":null,"id":4743,"user":{"photo":null,"email":"jacob@jippity.pro","recess_id":"34481dd2-2bdf-14f9-99da-131de59dc90f","created_at":"2024-02-26T18:31:54.473216Z","reset_token":null,"stripe_customer_id":"cus_RPbovGjLueUufv","seats":100,"username":"2718281828459045","id":60,"password_hash":"$2b$12$ZpelZmCi5wEA/VuXSdOJXeylQ6vOUks0sfwQxIKdjwBAeamaWIMOW","updated_at":"2024-02-26T18:31:54.473218Z","reset_token_expiry":null,"subscription_status":"active"},"code":{"script.js":"let components = [];\n\n// Array to hold circuit components\nlet wires = [];\n\n// Array to hold wire connections\nlet currentComponent = 'battery';\n\nlet lastComponent = null;\n\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n background(135, 206, 235); // Sky blue background\n}\n\nfunction draw() {\n background(135, 206, 235); // Sky blue background\n\n // Draw wires\n for (let wire of wires) {\n stroke(0);\n line(wire.startX, wire.startY, wire.endX, wire.endY);\n }\n\n // Draw all components\n for (let component of components) {\n if (component.type === 'battery') {\n drawBattery(component.x, component.y);\n } else if (component.type === 'resistor') {\n drawResistor(component.x, component.y);\n }\n }\n}\n\nfunction selectComponent(component) {\n currentComponent = component; // Update the current component based on the button clicked\n}\n\n// Function to draw a battery\nfunction drawBattery(x, y) {\n stroke(0);\n line(x, y - 10, x, y + 10); // Battery line\n text(\"+\", x - 10, y - 5); // Positive terminal\n text(\"-\", x - 10, y + 15); // Negative terminal\n}\n\n// Function to draw a resistor\nfunction drawResistor(x, y) {\n stroke(0);\n fill(192, 192, 192); // Gray color for resistor\n rect(x, y - 5, 40, 10); // Resistor body\n}\n\nfunction mousePressed() {\n // Check if a component is already selected\n if (currentComponent === 'battery' || currentComponent === 'resistor') {\n let newComponent = { type: currentComponent, x: mouseX, y: mouseY };\n components.push(newComponent);\n\n // If there's a lastComponent, create a wire between them\n if (lastComponent) {\n wires.push({ startX: lastComponent.x, startY: lastComponent.y, endX: mouseX, endY: mouseY });\n }\n lastComponent = newComponent; // Update lastComponent to the newly placed one\n } else if (currentComponent === 'wire') {\n // Logic to place a wire (this can be further defined)\n }\n}\n\nfunction keyPressed() {\n if (key === '1') {\n selectComponent('battery'); // Select battery when '1' is pressed\n } else if (key === '2') {\n selectComponent('resistor'); // Select resistor when '2' is pressed\n } else if (key === '3') {\n selectComponent('wire'); // Select wire when '3' is pressed\n }\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n\n \n \n Circuit Wizard: Ohm's Law Maker\n \n \n\n\n\n \n\n \n \n \n\n\n"},"chat_history":[],"assets":[],"messages_sent":9,"comments":[],"steps":[]}