';
+ var stage = D.createElement('div'); host.appendChild(stage);
+ var cv = mkCanvas(stage, 200);
+ var info = D.createElement('div'); info.className = 'out mol-info'; host.appendChild(info);
+ var sel = host.querySelector('.mol-sel'), spinBtn = host.querySelector('.mol-spin');
+ var state = { rotX: -0.35, rotY: 0.6, scale: 2.6, spin: true };
+ var cur;
+ function load(k) {
+ cur = MOL[k]; var g = BIO().vsepr(cur.atoms, cur.bonds); cur.g = g;
+ var pol = BIO().polarity(cur.atoms, cur.bonds);
+ var mr = C().molarMass ? C().molarMass(k) : BIO().molarMass(cur.atoms);
+ var bondTxt = cur.atoms.length === 2 && C().bondClass
+ ? C().bondClass(cur.atoms[0].s, cur.atoms[1].s).type
+ : (pol.label === 'Ионная' ? 'ионная' : 'ковалентная');
+ info.className = 'out mol-info ok';
+ info.innerHTML = '' + cur.name + ' · M = ' + (C().fmt ? C().fmt(mr) : mr) + ' г/моль '
+ + 'Связь: ' + bondTxt + ' · молекула: ' + pol.label.toLowerCase() + ''
+ + (g.shape ? ' · форма: ' + g.shape : '') + '';
+ }
+ function redraw() {
+ var d = fit(cv); if (!d) return;
+ BIO().render3D(d.ctx, cur.g.atoms3d, cur.bonds, { W: d.W, H: d.H, rotX: state.rotX, rotY: state.rotY, scale: state.scale }, { bg: '#0b1220' });
+ }
+ sel.addEventListener('change', function () { load(sel.value); redraw(); });
+ spinBtn.addEventListener('click', function () { state.spin = !state.spin; spinBtn.classList.toggle('primary', state.spin); });
+ attachRotate(cv, state, redraw);
+ load(key && MOL[key] ? key : keys[0]);
+ redraw();
+ if (fit(cv)) (function loop() { if (state.spin) { state.rotY += 0.012; redraw(); } W.requestAnimationFrame(loop); })(); // не стартуем цикл без canvas-контекста (jsdom)
+ return { el: host };
+ }
+
+ /* ── кристаллические решётки (§41) ── */
+ var LAT = {
+ ionic: { name: 'Ионная (NaCl)', build: function () { return cube(['Na', 'Cl']); }, note: 'Узлы — ионы Na⁺ и Cl⁻. Прочная решётка → тугоплавкие, твёрдые вещества.' },
+ atomic: { name: 'Атомная (алмаз)', build: function () { return cube(['C', 'C']); }, note: 'Узлы — атомы, связанные ковалентно. Очень твёрдые, тугоплавкие.' },
+ molecular: { name: 'Молекулярная (лёд)', build: function () { return cube(['O', 'O']); }, note: 'Узлы — молекулы со слабым притяжением. Летучие, легкоплавкие.' },
+ metallic: { name: 'Металлическая (Fe)', build: function () { return cube(['Fe', 'Fe'], true); }, note: 'Ион-остовы металла в «электронном газе». Ковкие, проводят ток.' }
+ };
+ function cube(symPair, electrons) {
+ var L = 16, atoms = [], id = 1;
+ for (var xi = -1; xi <= 1; xi += 2) for (var yi = -1; yi <= 1; yi += 2) for (var zi = -1; zi <= 1; zi += 2) {
+ var parity = ((xi + yi + zi) / 2 + 3) % 2;
+ atoms.push({ id: id++, s: symPair[parity], x: xi * L, y: yi * L, z: zi * L });
+ }
+ var bonds = [];
+ for (var i = 0; i < atoms.length; i++) for (var j = i + 1; j < atoms.length; j++) {
+ var a = atoms[i], b = atoms[j], dd = Math.abs(a.x - b.x) + Math.abs(a.y - b.y) + Math.abs(a.z - b.z);
+ if (dd === 2 * L) bonds.push({ f: a.id, t: b.id, o: 1 });
+ }
+ if (electrons) for (var e = 0; e < 6; e++) atoms.push({ id: id++, s: 'H', x: (e % 3 - 1) * L, y: ((e / 3 | 0) * 2 - 1) * L * 0.5, z: 0 }); // «электроны» как мелкие точки (H — мелкий радиус)
+ return { atoms: atoms, bonds: bonds };
+ }
+ function latticeViewer(mount, type) {
+ var host = typeof mount === 'string' ? D.querySelector(mount) : mount;
+ if (!host || !BIO()) return null;
+ var keys = Object.keys(LAT);
+ host.innerHTML = '';
+ var stage = D.createElement('div'); host.appendChild(stage);
+ var cv = mkCanvas(stage, 200);
+ var info = D.createElement('div'); info.className = 'out'; host.appendChild(info);
+ var sel = host.querySelector('.lat-sel');
+ var state = { rotX: -0.4, rotY: 0.5, scale: 2.4, spin: true };
+ var cur;
+ function load(k) { var l = LAT[k]; cur = l.build(); info.className = 'out ok'; info.innerHTML = '' + l.name + ' ' + l.note + ''; }
+ function redraw() { var d = fit(cv); if (!d) return; BIO().render3D(d.ctx, cur.atoms, cur.bonds, { W: d.W, H: d.H, rotX: state.rotX, rotY: state.rotY, scale: state.scale }, { bg: '#0b1220' }); }
+ sel.addEventListener('change', function () { load(sel.value); redraw(); });
+ attachRotate(cv, state, redraw);
+ load(type && LAT[type] ? type : keys[0]); redraw();
+ if (fit(cv)) (function loop() { if (state.spin) { state.rotY += 0.01; redraw(); } W.requestAnimationFrame(loop); })();
+ return { el: host };
+ }
+
+ W.Chem8Mol = { molModel: molModel, latticeViewer: latticeViewer, MOL: MOL };
+})(window);
diff --git a/frontend/textbooks/chemistry_8_ch4.html b/frontend/textbooks/chemistry_8_ch4.html
index 755e4e9..c0c60f4 100644
--- a/frontend/textbooks/chemistry_8_ch4.html
+++ b/frontend/textbooks/chemistry_8_ch4.html
@@ -23,6 +23,7 @@ html.dark{ --bg:#0a1a12; --card:#10271c; --card-soft:#143524; --text:#d1fae5; --
+
@@ -173,6 +174,7 @@ function bp38(){ document.getElementById('p38-body').innerHTML =
+makeCard('theory','Электроотрицательность и полярность','§38','
Электроотрицательность (ЭО) — способность атома притягивать к себе общие электроны.
Если ЭО атомов одинакова (H₂, Cl₂) — общая пара поделена поровну, связь неполярная. Если ЭО разная (HCl, H₂O) — пара смещена к более электроотрицательному атому, связь полярная (возникают частичные заряды δ+ и δ−).
')
+flag('Конструктор связи: ΔЭО → тип','Меняй атомы — видно, как разница ЭО превращает связь из неполярной в полярную и далее в ионную.','')
+makeCard('lab','Лабораторный опыт 4 · Составление моделей молекул',null,'
Соберите шаростержневые модели молекул H₂, Cl₂, HCl, H₂O, CO₂. Определите для каждой тип связи (полярная/неполярная) и форму молекулы. Сравните: в симметричных молекулах (CO₂) полярные связи «компенсируются», и молекула в целом неполярна.
')
+ +flag('3D-модели молекул','Выбери молекулу и вращай её мышью. Снизу — молярная масса, тип связи, форма и полярность.','')
+rememberBox(['ΔЭО ≈ 0 → неполярная; ΔЭО заметна → полярная; ΔЭО велика → ионная.','Более электроотрицательный атом получает δ−.'])
+qList(['Полярна ли связь в Cl₂? А в HCl?','Что показывает электроотрицательность?'])
+secNav('p37','p39')+readButton('p38'); wireReadBtn('p38'); }
@@ -207,6 +209,7 @@ function bp41(){ document.getElementById('p41-body').innerHTML =
+'
Молекулярная
лёд, CO₂, I₂
узлы — молекулы
летучие, легкоплавкие
мягкие
'
+'
Металлическая
Fe, Cu, Al
ион-остовы + e-газ
ковкие, проводят ток
блеск
'
+'')
+ +flag('3D-модель кристаллической решётки','Выбери тип решётки и вращай её мышью.','')
+rememberBox(['Ионная и атомная решётки — прочные, тугоплавкие.','Молекулярная — летучая, легкоплавкая.','Тип решётки ← тип связи → свойства.'])
+qList(['Какой тип решётки у льда? Почему он легкоплавкий?','Чем объясняется твёрдость алмаза?'])
+secNav('p40','final1')+readButton('p41'); wireReadBtn('p41'); }