请制作一个以**真实直流电路连接、测量与功率变化**为核心的**2D港湾配电工作台**。采用固定正视的二维接线板，元件、导线、表笔和仪表都以清楚的平面图形呈现，端口、跨线、接点和极性在同一平面上操作与辨认；不引入立体器件侧面、倾斜台面或三维相机。用户可以拿起红黑表笔、连接导线、拨动开关并调整电源与电阻，直接看到结构和参数如何共同改变电流、分压及负载状态。绘图技术自行选择，最终画面明确为2D。

让工作台像一件可以动手操作的游戏道具：铜线、黄铜开关、实体电阻与玻璃仪表组成视觉主体，港湾夜景提供氛围。借鉴《Minecraft》红石建造的端点连接和即时反馈感，做成有完整美术设计的蒸汽港湾电工台。用户自由选择连接和观察方式，不设置工单通关、目标功率、实验提交或固定操作路线。

## 1. 科学模型与参数

采用理想直流稳态模型，固定提供一个理想电源、两个线性电阻R₁/R₂、三个理想开关S₀/S₁/S₂，以及可增删的理想导线。元件可移动，数量不增减，开关作用由实际接线决定；不模拟多电源、交流、电容、电感、内阻、温变、灯泡非线性或熔断烧毁。

| 参数 | 范围与精度 | 默认值 |
| --- | --- | --- |
| 电源电压V | 3–12 V，步长0.1 V | 12 V |
| 电阻R₁ | 10–100 Ω，步长1 Ω | 20 Ω |
| 电阻R₂ | 10–100 Ω，步长1 Ω | 40 Ω |

每个参数提供滑块与精确输入。首次打开即呈现可编辑的并联电路：S₀控制总回路，S₁/S₂分别控制R₁/R₂支路，三个开关均闭合。另有串联和空白接线示例；空白仅移除导线并保留元件，示例载入后均可自由改接，不锁定拓扑。

端口允许分支连接；导线交叉不自动相连，真实连接以端口或明确连接点表示。按当前拓扑求解V=IR、P=VI=I²R及节点电流守恒、回路电压关系，不以示例名称填入预设结果。电源负端为接源部分的零电位参考。显示电源总电流、负载等效电阻，以及每个电阻的电压差、电流大小和功率；电压端点及正负定义可辨，电流方向采用传统电流方向。

无闭合负载通路时总电流为0、等效电阻显示“断路”，但断路两端仍可能有电压。被理想导线旁路的电阻压降和电流均为0。与电源脱离的无源部分无电流，同一连通无源部分内部等势，但相对电源的绝对电位未定义。

电压表为不扰动电路的理想测量，显示红端减黑端的电位差。交换两端应反号，同一电气节点读0。表笔未接好时显示未连接；两端分属无共同电位参考的独立部分时显示不可测及原因，不使用0或旧数值代替。

若理想导线与闭合开关直接连通电源两极，当前电路无有限稳态解。标出实际短路通路，并以明确的理想短路状态替代失效的有限电流、功率等求解读数；设定电压仍作为输入可见。不得私自加入内阻、限流或熔断以伪造正常解，删除短接后即时恢复求解。冗余理想导线回路可能没有唯一的逐段电流，不强行编造，重点正确表达元件电流与可确定的通路。

每个电阻以3 W为参考额定功率，用于观察实际功率与参考值的关系，超限不改变电阻模型、不烧毁元件，也不作为用户必须达成或避免的通关条件。

## 2. 核心交互与状态反馈

工作台打开即允许操作，不需先开始实验。当前处于接线、移动、删线或测量操作时，对象与指针提示清楚；Esc可取消未完成接线或当前拖动，元件移动取消后恢复原位置和连接。参数输入为空、非数或越界时保留最近合法值与求解状态，在输入附近说明范围，修正后继续。

用户可从端口拖出导线，也可依次点选两个端口接线。端口悬停或键盘聚焦时出现可连接提示；开始接线后突出起点、候选目标和区别于实际导线的预览。松手到合法端口或点选第二个端口才建立连接，空白处松手或Esc取消预览，取消不改变电路和读数。连接完成时给出局部确认反馈并立即更新电学结果；交叉跨线与真实接点在形状上可辨。导线可选中并通过明确的删除入口移除，待删除对象有清楚高亮，不因点击交叉处而误删另一条线。

元件有与端口、开关触点分开的可抓取主体。拖动主体只改变位置，已连导线和附着表笔跟随端口，不改变连接关系或电学结果；拖动开关主体与拨动开关是可区分的动作。选中电源或电阻时，就近显示其参数，突出标识、端口及对应读数；选择R₁或R₂不移动表笔，也不改变测量端点。参数滑块拖动中持续求解和更新，精确输入确认后执行相同更新。

用户可分别拖放红黑表笔到任一实际端口，也可先选表笔再点端口放置。表笔尖端、附着位置与仪表红/黑端标签明确对应，表笔连线与电路导线样式不同。开始拿起任一表笔即使该次测量失效，仪表显示未连接，不保留旧值作为当前测量；落到端口后即时测量。Esc取消表笔拖动恢复原附着并重新计算，空白处松手表示移出。两表笔保持附着时，改接、开关与参数变化都即时更新读数，正负号与单位完整显示。

拨动开关时，机械触点、断口形态与电气状态同步改变。通路中的流动箭头或粒子、各负载功率条、负载光效和仪表一起响应；电流为0时相应通路停止流动。每个电阻的功率条标出3 W参考线，超限标记定位该元件并显示实际值，恢复后自然解除。出现短路时突出真实通路和模型原因，仍能继续接线、删线或拨动开关修复，不用全屏弹窗挡住现场。

载入串联、并联或空白示例替换当前接线，清理旧表笔附着、选择、预览与悬停，显示对应示例的初始设置；串联与并联示例使用表中默认参数且三个开关闭合，空白使用同样参数与开关状态但不连接导线。提供“恢复默认电路”，回到初始并联场景、元件位置、默认参数和未连接表笔状态。

提供“暂停流动示意”控制，只冻结装饰性电流流动，开关与调参仍正常更新数值及静态通路状态，界面说明其含义。快速连续编辑始终使用最新有效电路，旧动画不覆盖新结果；异常解除后无需重新加载页面即可继续测量。

## 3. 视觉设计与游戏风格

**游戏风格：借鉴《Minecraft》红石建造的网格秩序、端点吸附与通断即时反馈，转化为2D蒸汽港湾夜间接线板。** 使用平面铜线、端子符号、拨杆和刻度仪表组织画面，木纹、黄铜色和玻璃刻度以二维插画细节表达；器件、端口及交叉关系保持清楚，不依靠厚度、侧面或空间投影制造立体。借用操作感和视觉组织，素材自行创作，不引入原作逻辑门或目标验收玩法。

- **场景与材质**：木纹台面边界与网格接线区构成主体，深蓝海面、码头、港口建筑和灯塔的低对比平面剪影提供夜港氛围。黄铜端子、铜线、开关拨杆与断口、电阻标签、玻璃刻度通过轮廓、纹理、色块与克制高光区分，不要求器件体积或接触投影。暖色仪表与冷色港湾形成主次，纹理不压过端口和导线。器件、接线、表笔和仪表属于同一套二维工作台设计，不能以港口背景配一组无关联的通用卡片替代实际可操作场景。
- **科学操作的游戏化呈现**：端口像可插接的金属接头，接线预览有可辨的虚线或半透明轮廓，真实接点有实体连接标记；候选吸附、成功连接、取消与无效落点有局部可见反馈。红黑实体表笔的尖端、线缆和仪表输入一一对应，测量线缆与电路连线能区分。开关拨杆位置表达真实开合，元件主体与端口的操作区域明确，悬停和键盘焦点揭示可操作对象。
- **观察层次与交互重点**：1440×900视口下，主工作台视图区宽度至少为视口的60%、高度至少为55%，不把外围港湾背景或文字面板计入；电源、两个电阻、三个开关、表笔与仪表均在首屏可辨认和操作。打开即显示默认电路，标题不独占首屏。工作台为第一视觉层，当前测量和所选元件为第二层，功率比较为第三层，公式详情默认收起。普通选择、调参和测量不重排整块工作台，浮层不盖住目标端口，主要操作无需滚动或展开长说明。
- **颜色与信息层级**：R₁青色、R₂琥珀色，元件标签、读数与功率表示对应；红黑仅清楚表达表笔极性，异常有文字或图标补充。电路导线、测量线、预览、选中与短路高亮使用可辨线型或轮廓，线条交叉不能只靠颜色判断是否相连。器件编号、主读数与辅助说明有清楚字号和明暗层级，单位、负号与3 W参考标记在默认缩放下可读，材质装饰不侵占文字空间。
- **反馈动效**：连接成功有短促连通脉冲，开关有贴合拨杆动作的机械反馈，调参时流动示意和暖光跟随实际电流与功率。短路高亮显示真实路径并保留接线可见，修复后警示解除；不添加烧毁、爆炸、永久损坏或满屏红闪。静止画面仍清楚表达通断、测量与超限，动效用于增强理解和触感，不能代替结构标识或掩盖失效测量。

整体应是一件有吸引力的二维港湾电工装置：平面纹理、字体、图标、按钮和仪表协调，视线先落到电路和表笔，线条、留白和局部反馈精致，默认、测量和异常状态都保持完整构图。具体布局、字体、器件平面造型与绘图技术自行设计，不要求逐像素复刻参照游戏。

桌面默认无横向滚动；窄屏可重排与纵向滚动，不套用桌面占比，端口和按钮仍可点击。接线、放置表笔和调参均有点击或数值替代，主要操作有可见键盘焦点；解释可收起。提供减弱装饰动效的方式，保留必要科学反馈；音效可选，若提供须可静音。

## 4. 科学表示与结果解释

工作台、仪表、功率表示与读数来自同一当前电路。R₁/R₂与开关身份在移动和改接后保持稳定；选中对象、接线预览和测量端点各有独立标记，不将选择高亮误当成已连接或有效测量。元件移动不改变电学结果，导线交叉不决定连通。

并列呈现每个电阻的实际功率和3 W参考线，两条功率条共用数值尺度，超过参考值仍呈现真实读数与超限程度，不全部截成同样的满格。显示源输出功率与两电阻消耗功率之和的对应关系。数字保留足以比较变化的精度和单位；内部计算不以显示舍入值继续推导。

流动示意只出现在实际导通且电流非零的通路，方向正确，在同一套视觉尺度下用快慢或密度表达可确定电流的相对变化，并标明为传统电流示意而非真实电子速度。无唯一逐段电流的冗余导线路径不伪造精确流速。电阻附近的暖光对应其实际功率；若关联港口建筑指示光，必须保持对象对应并标为负载示意，不新增灯泡电学模型。

断路、被旁路、未接好、悬浮不可测和理想短路分别显示其状态与原因。无效测量不显示为0，理想短路不保留此前正常流速或有限功率反馈；输入设定与当前有效求解结果明确区分。

解释依附当前对象和电路：选中电阻展示实际V/I/R/P及公式代入，测量时说明红端减黑端，开关或接线改变后说明当前断开的通路、被旁路的负载或改变的分流关系。串并联关系以实际连接为依据，不能只展示一段固定教材文字。

功率超限说明对应电阻的实际功率及3 W参考值，不以总功率替代单个负载状态。理想短路说明为什么没有有限稳态解及哪条连接可编辑；悬浮、未接好和断路说明各自原因。提示就近、简洁、可关闭，不遮住用户需要修复的端口；公式和详细解释按需展开。

## 5. 运行与交付

交付完整可运行的纯前端网页，以`index.html`为入口，通过本地HTTP服务即可打开。源码、依赖与资源随项目提供，核心操作不依赖后端或外部网络。

界面中文，参数含义、仪表极性和单位明确。附运行说明和实际完成的自检说明，未完成或未验证部分如实记录。框架、内部命名、求解方法及代码组织自行选择。