refactor: distribute lab-init.js into 34 engine files

lab-init.js: 4098 -> 543 lines (infrastructure + THEORY only) Each sim's _open*() + UI helpers moved to its engine file: graph.js, projectile.js, collision.js, magnetic.js, triangle.js, geometry.js, trigcircle.js, gas.js (molphys), coulomb.js, circuit.js, reactions.js (chemistry), newton.js (dynamics), chemsandbox.js, celldivision.js, photosynthesis.js, angrybirds.js, quadratic.js, normaldist.js, graphtransform.js, pendulum.js, equilibrium.js, thinlens.js, mirror.js, isoprocess.js, titration.js, refraction.js, probability.js, bohratom.js, electrolysis.js, waves.js, crystal.js, orbitals.js, stereo.js, hydrostatics.js All 34 engine files syntax-checked OK.
2026-05-08 14:54:54 +03:00
parent d5f77bb648
commit ae31e4c4e8
35 changed files with 3657 additions and 3589 deletions
@@ -1,4 +1,4 @@
-'use strict';
+'use strict';
 /* ═══════════════════════════════════════════════════════════════════
   HydroSim v2 — Гидростатика
   Модули: давление · поверхностное натяжение · сообщающиеся сосуды · Архимед
@@ -1348,3 +1348,119 @@ class HydroSim {
  }
  _notify() { if (this.onUpdate) try { this.onUpdate(this.getInfo()); } catch {} }
 }
+
+/* ─── lab UI init ─────────────────────────────────── */
+  var hydroSim = null;
+  let _hydroValveOpen = true;
+
+  function _openHydro(preset) {
+    document.getElementById('sim-topbar-title').textContent = 'Гидростатика';
+    _simShow('sim-hydro');
+    document.getElementById('ctrl-hydro').style.display = '';
+    _registerSimState('hydrostatics',
+      () => ({ mode: hydroSim?.mode, liq: hydroSim?.liquidKey }),
+      st => { if (st?.mode && hydroSim) hydroMode(st.mode); });
+    if (_embedMode) _startStateEmit('hydrostatics');
+    window.addEventListener('load', () => {}, { once: true });
+    requestAnimationFrame(() => requestAnimationFrame(() => {
+      const canvas = document.getElementById('hydro-canvas');
+      const mode   = preset || 'pressure';
+      if (!hydroSim) {
+        hydroSim = new HydroSim(canvas, mode);
+        hydroSim.onUpdate = _hydroUpdateUI;
+      } else {
+        hydroSim.fit();
+        hydroSim.play();
+      }
+      hydroMode(mode);
+    }));
+  }
+
+  function hydroMode(mode) {
+    if (!hydroSim) return;
+    hydroSim.setMode(mode);
+    const sel = document.getElementById('hydro-mode-sel');
+    if (sel) sel.value = mode;
+    // show/hide sub-controls
+    ['arch','comm','surf','mat'].forEach(k => {
+      const el = document.getElementById('hydro-panel-' + k);
+      const el2 = document.getElementById('hydro-' + k + '-ctrl');
+      if (el)  el.style.display  = 'none';
+      if (el2) el2.style.display = 'none';
+    });
+    if (mode === 'archimedes') {
+      const a = document.getElementById('hydro-panel-mat');
+      const b = document.getElementById('hydro-arch-ctrl');
+      if (a) a.style.display = '';
+      if (b) b.style.display = 'flex';
+    }
+    if (mode === 'surface') {
+      const a = document.getElementById('hydro-panel-theta');
+      const b = document.getElementById('hydro-surf-ctrl');
+      if (a) a.style.display = '';
+      if (b) b.style.display = 'flex';
+    }
+    if (mode === 'communicating') {
+      const a = document.getElementById('hydro-panel-comm');
+      const b = document.getElementById('hydro-comm-ctrl');
+      if (a) a.style.display = '';
+      if (b) b.style.display = 'flex';
+    }
+  }
+
+  function hydroToggleSurface() {
+    if (!hydroSim) return;
+    const next = hydroSim._stMode === 'capillary' ? 'drop' : 'capillary';
+    hydroSim._stMode = next;
+    const label = next === 'capillary' ? '\u041A\u0430\u043F\u0438\u043B\u043B\u044F\u0440\u044B' : '\u041A\u0430\u043F\u043B\u044F';
+    ['hydro-surf-toggle','hydro-surf-toggle-panel'].forEach(id => {
+      const el = document.getElementById(id);
+      if (el) el.textContent = label;
+    });
+  }
+
+  function hydroToggleValve() {
+    if (!hydroSim) return;
+    _hydroValveOpen = !_hydroValveOpen;
+    hydroSim.setValve(_hydroValveOpen);
+    const label = _hydroValveOpen ? 'Кран: открыт' : 'Кран: закрыт';
+    const color = _hydroValveOpen ? '#06D6A0' : '#F15BB5';
+    ['hydro-valve-btn','hydro-valve-panel-btn'].forEach(id => {
+      const el = document.getElementById(id);
+      if (el) { el.textContent = label; el.style.color = color; el.style.borderColor = _hydroValveOpen ? 'rgba(6,214,160,.3)' : 'rgba(241,91,181,.3)'; }
+    });
+  }
+
+  function hydroSetVessels(n, btn) {
+    if (hydroSim) hydroSim.setNumVessels(n);
+    document.querySelectorAll('.hydro-nv').forEach(b => b.classList.remove('active'));
+    if (btn) btn.classList.add('active');
+  }
+
+  function _hydroUpdateUI(info) {
+    if (!info) return;
+    const el = document.getElementById('hydro-formulas');
+    if (!el) return;
+    const lines = [];
+    if (info.formula) lines.push(`<span style="color:#FFD166">${info.formula}</span>`);
+    if (info.liqName) lines.push(`Жидкость: ${info.liqName}${info.rho ? ' (ρ=' + info.rho + ')' : ''}`);
+    if (info.matName) lines.push(`Материал: ${info.matName}`);
+    if (info.FA)      lines.push(`<span style="color:#06D6E0">F_A = ${info.FA} Н</span>`);
+    if (info.mg)      lines.push(`<span style="color:#F15BB5">mg  = ${info.mg} Н</span>`);
+    if (info.sigma)   lines.push(`σ = ${info.sigma} Н/м,  θ = ${info.theta}°`);
+    if (info.h && !info.FA) lines.push(`h_подъём = ${info.h} мм`);
+    el.innerHTML = lines.join('<br>');
+    // result badge
+    const rb = document.getElementById('hydro-result');
+    if (rb && info.state) {
+      const colors = { 'ВСПЛЫВАЕТ': '#06D6A0', 'ТОНЕТ': '#F15BB5', 'ВЗВЕШЕНО': '#FFD166' };
+      rb.style.display = '';
+      rb.style.color = colors[info.state] || '#fff';
+      rb.style.background = (colors[info.state] || '#9B5DE5') + '18';
+      rb.style.border = '1px solid ' + (colors[info.state] || '#9B5DE5') + '44';
+      rb.textContent = info.state;
+    } else if (rb) {
+      rb.style.display = 'none';
+    }
+  }
+