§12 Charge Sandbox: canvas с динамическим добавлением зарядов.
Click → +заряд (или - через кнопку), drag для перемещения,
стрелки взаимодействия по Кулону (красные=отталкивание,
зелёные=притяжение). Кнопки '+/-', 'Очистить'.
§17 Field Visualizer: drag-зарядов с live перерисовкой
силовых линий. От каждого + рисуются 16 линий, идущих
по полю E через интегрирование шагами. Линии останавливаются
у − зарядов или вылетают за canvas.
§22 Закон Ома: SVG цепь батарея + резистор + лампа.
Scrubbers U (0.5-12 В), R (1-100 Ом). I=U/R обновляется
live, яркость лампы ∝ I (glow при I>0.3).
§25 Параллельные резисторы: SVG цепь с разветвлением.
Scrubbers R₁, R₂. Live расчёт R_общ = R₁R₂/(R₁+R₂),
I₁, I₂ для каждой ветви, общий I.
§28 Магниты: canvas с 2 drag-магнитами (N-S полюса).
При сближении inner полюсов (S-N) рисуются стрелки
притяжения с величиной по F~1/d².
§30 Опыт Эрстеда: SVG провод с током (scrubber -5..+5 А)
и компас под ним. Силовые линии магн. поля вокруг провода
(концентрические штриховые круги) с opacity ∝ |I|.
Стрелка компаса отклоняется по arctan(I), угол выводится.
F5. Машина Атвуда (§22):
- Canvas 640×420: блок с двумя массами на нити
- Slider'ы: m₁, m₂, трение в блоке
- Запуск: бо́льшая масса опускается, меньшая поднимается
- Физика: a = ((m₁-m₂)g - μ)/(m₁+m₂)
- Анимация: блок вращается, грузы движутся, размер пропорц. m
- Показ векторов сил тяжести (m₁g, m₂g) и натяжений (T) в покое
- Stats: a, T, v, t
F7. Лифт с динамометром (§24):
- Canvas 640×460: шахта с 5 этажами + большой циферблат справа
- Слева кабина с динамометром и грузом m
- Slider'ы: m груза, a разгона
- 5 режимов кнопок:
- Разгон ⬆ (hold) → a = +a_in
- Разгон ⬇ (hold) → a = -a_in
- Стоп → a = 0
- Свободное падение → a = -g (трос показывается пунктиром)
- Сброс
- 2 динамометра: мини в кабине + большой круглый (шкала 0..2.5g)
- Stats: P, P/(mg), v лифта, h высота
- Контекстный feedback: невесомость / норма / перегрузка / P<0
Подключение в ch2: F5 на p22 (закон Ньютона II), F7 на p24 (вес).
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Полный план в стиле PLAN_PHYSICS_8: 5 содержательных глав, 42 параграфа,
6 виртуальных ЛР, 8 фаз реализации, ~62 800 LOC.
Особенности курса:
- Новая глава §§1–7 «Методы познания»: измерения, СИ, цена деления, погрешность.
- Глава 4 «Давление» — гидростатика, закон Паскаля, барометры (нет в phys 8).
- Глава 5 «Работа/мощность/энергия» — закон сохранения механической энергии.
- Палитра sky/blue (#0284c7), не пересекается с violet phys 8, amber phys 10, teal phys 11.
- Новые хелперы в phys.js: forceVector, dynamometer, connectedVessels,
hydraulicPress, mercuryBarometer, HillSlideSim, PendulumSim и др.
- Учтены уроки phys 9: cache-busting ?v=YYYYMMDD, sidebar-фикс на desktop,
delimiters для renderMathInElement, скобка вне $..$.
Главный визуал курса — закон сохранения механической энергии
(горка с тележкой / маятник, графики E_к(t)/E_п(t)/E_полн(t)).
ИТОГО: 5-й физический курс проекта, первый учебник 7 класса по физике.
Заменены оставшиеся stub'ы (Phase 1. coming soon) на реальные
интерактивы. Все 11 параграфов Ch1 теперь имеют flagship IV-6.
§2 Способы изменения U — Drag-piston:
- Цилиндр с газом, движущийся поршень (scrubber сжатия 0-100%).
- Scrubber Q для подачи тепла. Молекулы рисуются динамически
(количество ∝ T). Цвет газа по T через P8Helpers.thermal.tempColor.
- Readouts T (°C), U (отн.).
§4 Конвекция — Animated convection cell:
- Canvas-симуляция с 60 частицами, P8Anim.raf.
- Поток вверх по центру (нагретая лёгкая вода), вниз по краям.
- Скорость потоков ∝ мощности горелки (scrubber). Цвет частиц
по локальной T. Кнопки Пуск/Стоп.
§5 Излучение — Radiation balance:
- Лампа с 3 телами (чёрное, белое, зеркало) разной поглощающей
способности (0.95, 0.20, 0.05).
- Scrubber мощности лампы. Симуляция P8Anim.raf: T каждого тела
растёт ∝ absorption × power. Glow вокруг тёплых тел.
§7 Q=qm — Fuel burn:
- 3 кнопки палитры топлива (дрова q=10, уголь q=29, газ q=44 МДж/кг).
- Кастрюля с водой 1 кг. Сжигание выбранного топлива + scrubber массы.
- Q = qm, ΔT = Q/(c·m_в). Пар над кастрюлей при ΔT > 60°C.
§9 Q=λm — λ-meter:
- Select веществ (лёд, свинец, алюминий, железо) + scrubber массы.
- SVG: блок вещества + grad-arrow (Q) + расплав. Q = λ·m в реальном
времени.
§10 Скорость испарения — 3-scrubber sandbox:
- T (0-100°C), площадь (0.01-1 м²), ветер (0-10 м/с).
- Стрелки испарения вверх с количеством ∝ rate; наклон ∝ ветру.
- Качественная демонстрация трёх факторов.
§11 Скороварка — Pressure cooker:
- Canvas: кастрюля с водой, динамические пузыри.
- Scrubber давления 0.5-3 атм. T_кип = 100 + 20·log₂(p).
- Пар, T-индикатор столбиком.
Все интерактивы +10 XP при первом использовании.
Builders все на месте, JS парсится.
F3. Тахометр + спидометр + одометр (§11 в ch1):
- Canvas 640×400 с 3 аналоговыми приборами вверху
(тахометр a, спидометр v, одометр Δx mod 1000)
- Графики v(t) и a(t) внизу с горизонтальной цель-линией
- Кнопки «Газ»/«Тормоз» удержанием, «Отпустить» — coast-режим
(лёгкое торможение от трения)
- Slider'ы: a_газа, |a_тормоз|, цель скорости (по умолчанию 16.7 м/с)
- Рекорд скорости в localStorage
- Feedback при достижении цели
F4. Орбитальный конструктор (§17 в ch2):
- Canvas 640×480 (космос со звёздами)
- Планета (Земля) в центре, спутник запускается с r=200
- Slider'ы: M, v₀, угол α
- Кнопки: Запустить/Сброс/«Круговая орбита» (вычисляет v=√(M/r))
- Физика: F=GM/r² (G=1), Эйлер 8 шагов/кадр
- Trail орбиты до 1500 точек
- Классификация: падение/круговая/эллипс/убегание
- Период T через переход через ось x
- Feedback при крайних случаях
Подключение:
- ch1: phys9_flag_F3_dashboard.js + хук на p11
- ch2: phys9-flagships.css + base + F4 + хук на p17
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Предыдущий коммит eaee79d удалил builders §3, §5, §6, §8 из-за
greedy regex, который пересекал границы параграфов. Фактически
жалкие 211 КБ файла вместо 280 КБ.
redesign_p8_ch1_2.cjs переписан:
- Использует точный stub-text per-paragraph (с 'Новый интерактив §N'
в title — уникальный маркер).
- Нормализует CRLF/LF (ch1.html на диске CRLF, шаблон — LF).
- Делает простой h.replace(stubText, widget) без regex с greedy.
- Sanity-чек: все 11 builders должны остаться на месте после patch.
Восстановлены §3 Heat Conductor Bench, §6 Heat Mixer, §8 Phase
Diagram T(t) — full IV-6 interactives с drag/scrubbers/Anim.raf.
Размер ch1: 295851 байт. Все 11 builders + 5 IVs in каждом + IV-6
flagship в §1, §3, §6, §8.
Заменены stub'ы 'coming soon' на полноценные drag-and-drop виджеты:
§3 Тепловая лавочка (Heat Conductor Bench):
- SVG-sandbox 560×300 с горелкой (drop zone) и 4 стержнями
(медь λ=400, серебро λ=430, стекло λ=0.8, дерево λ=0.15).
- P8Drag.attach на каждый стержень → drop на горелку.
- При drop'е sim запускается: P8Anim.raf обновляет цвет
каждого сегмента стержня через P8Helpers.thermal.tempColor()
по log-нормализованной λ. Тепловая волна идёт по стержню.
- Readouts: материал, λ, T дальнего конца.
§6 Heat Mixer (Q=cmΔT):
- 2 ёмкости (m₁, T₁), (m₂, T₂) — рисуются с цветом по T.
- 4 scrubber'a (m₁, T₁, m₂, T₂) с live update SVG.
- Кнопка 'Смешать' → tween анимация в 1.2 с → итоговая T
через формулу теплового баланса (m₁T₁+m₂T₂)/(m₁+m₂).
- Readout T_итог, кнопка 'Сброс'.
§8 График плавления (Phase Diagram T(t)):
- T-t график 560×280 с осями (-20 до 120°C, 0 до 300 с).
- Фазовые области: лёд (синий), вода (голубой), пар (жёлтый).
- Реальная симуляция: c_льда=2100, c_воды=4200, λ=330000,
r=2300000. P8Anim.raf вычисляет накопление энергии и
фазовые переходы — плато на 0°C (плавление) и 100°C
(кипение).
- Scrubber мощности 100-2000 Вт. Кнопки Старт/Сброс.
- Readouts: фаза, T.
+10 XP за каждое успешное взаимодействие.
KaTeX-фикс в phys9_ch1_widgets.js (delimiters $...$ в renderMathInElement) и
исправление ловушки $(v_1+v_2)/2$ в §7 «Средняя скорость» уже были в HEAD
(коммит 5b075cd), но из-за агрессивного браузерного кеша JS-файлов пользователи
продолжали видеть старую версию: формулы как raw текст, ловушка как
($v_1+v_2)/2$ с битым синтаксисом.
HTML уже имеет no-cache meta-теги, но они не контролируют кеш связанных JS.
Добавляю query-string ?v=20260530 к phys.js и phys9_*.js на 5 страницах глав.
Визуальный редизайн ch1 Тепловые явления:
- Hero: заменён старый .hdr на новый .p8-hero с анимированным
градиентом (thermal-shift 14s), огненным SVG-watermark
справа (дышащая анимация 6s), live-meter в углу с пульсацией
и плавной анимацией значения 37 → 100 → 0 → -10 → 25 → 80 °C.
- Eyebrow 'Глава 1 · 11 параграфов', крупный title, sub-описание.
- Section watermarks: в каждой <section sec-pN> добавлены
тематические SVG (атом, конвекция, солнце, сосуд, фазовый
переход, пузыри и т.д.) с opacity .07 на правой стороне.
IV-6 §1 flagship interactive — Drag thermometer:
- SVG-sandbox 560×320 с 4 телами (лёд, вода, чай, пар) разной
T и относительной U.
- Draggable термометр (P8Drag.attach + P8Helpers.svg).
- При наведении на тело — изменяется цвет термометра по
P8Helpers.thermal.tempColor(), readout табло показывают
T (°C) и U (отн.).
- +5 XP за 12 сек исследования.
IV-6 stubs для §2-§11: 'Coming soon' плашки с тематическим
SVG-иконкой clock. Расширим в Phase 1.2.
Новый модуль frontend/js/phys9_finals.js:
1. РАСШИРЯЕТ window.checkNum чтобы поддерживать сигнатуру
(id, answer, unit, tol) — раньше legacy checkNum принимал только
sec для POOLS, из-за чего кнопки «Проверить» в финалах не работали.
2. ПРОГРЕСС-БАР под заголовком каждого finalN:
- Подсчитывает количество <input id="fin1-q1"...> в финале
- При правильном ответе обновляет % решённых
- +8 XP за каждую решённую задачу
3. АЧИВКИ:
- При 100% решённых задач финала — +50 XP + бэйдж
«★ МАСТЕР ГЛАВЫ» (физика9_chN_master)
- При всех 5 финалах — +150 XP + ачивка «МАГИСТР ФИЗИКИ 9»
(Wave G — финал курса)
Подключение во все 5 ch + хук на ensureBuilt вызывает
PHYS9_FINALS_INIT(id) для id вида final1..final5.
(linter добавил { delimiters, throwOnError:false } в renderMathInElement
вызовы во всех 5 widget-модулях — сохранено).
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Новый модуль frontend/js/phys9_ch5_widgets.js — экспортирует
window.PHYS9_CH5_WIDGETS = { lr1..lr12: fn }.
Каждая ЛР содержит:
- 2-4 slider'а с параметрами измерений
- Автоматический расчёт результата
- Кнопка «Сдать работу (+30 XP)» с интеграцией в XP-систему
Виджеты:
- ЛР 1: средняя скорость на 2 участках
- ЛР 2: ускорение через 2 измерения s/t²
- ЛР 3: a_n по 10 оборотам шарика на нити
- ЛР 4: g через период математического маятника + погрешность
- ЛР 5: проекции силы на наклонной (F‖, F⊥)
- ЛР 6: g = 2h/t² свободное падение + погрешность
- ЛР 7: ЗСМЭ — сравнение Ep и Ek с расчётом потерь
- ЛР 8: F_A и V тела (вес в воздухе и в воде)
- ЛР 9: условие плавания — доля погружения, статус
- ЛР 10: равновесие рычага — l₂ для баланса
- ЛР 11: КПД наклонной — A_пол/A_зат
- ЛР 12: жёсткость пружины k через период
Подключено в physics_9_ch5.html через ensureBuilt hook.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
На десктопе (>980px) .col-side уже видна как sticky-колонка справа в grid 1fr 280px.
Клик по кнопке #sidebar-btn добавлял .col-side-backdrop.show — backdrop с
z-index:9990 затемнял всю страницу, перекрывая sticky-aside. Со стороны
выглядело как «ничего не открылось» — на самом деле появлялась чёрная вуаль.
Фикс: @media(min-width:981px) скрывает #sidebar-btn и подавляет показ backdrop.
На мобайле (≤980px) кнопка и overlay работают как раньше.
Применено в 51 файле: physics 8/9/10 chN, algebra 7/9/10/11 chN + 8 ch2-3,
geometry 7/8/9/11 chN, geometry_10 r1-4.
Новый модуль frontend/js/phys9_ch4_widgets.js — экспортирует
window.PHYS9_CH4_WIDGETS = { p31..p36: fn }.
Виджеты:
- §31 CALC: импульс p=mv с slider'ами m, v и бытовой аналогией
(футбольный мяч / автомобиль / грузовик и т.д.)
- §32 CALC: ЗСИ — упругий и неупругий удар двух тел. m₁, v₁, m₂, v₂ →
v₁', v₂', проверка сохранения импульса
- §33 DnD: 9 ситуаций → знак работы (A>0/A<0/A=0)
- §34 CALC: Ek+Ep с slider'ами m, v, h
- §35 CALC: ЗСМЭ — найти v в любой точке горки по высоте старта
(h_старт=5, h_тек=0 → v=9.9 м/с)
- §36 CALC: период маятника (математ./пружинный) — переключатель,
формула обновляется автоматически
Подключено в physics_9_ch4.html через тот же hook ensureBuilt.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Новый модуль frontend/js/phys9_ch3_widgets.js — экспортирует
window.PHYS9_CH3_WIDGETS = { p25..p30: fn }.
Виджеты:
- §25 CALC+VIS: равновесие рычага — 4 slider'а (m₁, l₁, m₂, l₂),
балка наклоняется при дисбалансе, статус (равновесие/перевешивание)
- §26 DnD: 8 механизмов → 3 категории (выигрыш в силе / расстоянии /
без выигрыша)
- §27 CALC: КПД наклонной плоскости — m, h, угол α, μ → A_пол, A_зат, η
- §28 DnD: 8 ситуаций → виды равновесия (устойчивое/неустойчивое/безразл.)
- §29 CALC: F_A=ρgV для разных жидкостей (вода/керосин/ртуть/спирт),
сравнение с весом, статус (плавает/тонет/висит в толще)
- §30 DnD: 5 жидкостей → группы плотности
Подключено в physics_9_ch3.html через тот же hook ensureBuilt.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Новый модуль frontend/js/phys9_ch2_widgets.js — экспортирует
window.PHYS9_CH2_WIDGETS = { p15..p24: fn }. Архитектура аналогична
ch1_widgets (хелперы дублируются для self-sufficient загрузки).
Виджеты:
- §15 CALC: F=Gm₁m₂/r² с slider'ами в показателях 10^a, бытовые
аналоги (Земля-Луна, Земля-человек)
- §16 DnD: 6 планет → группы по периоду (T<1, 1≤T<5, T≥5 лет)
- §17 CALC: связь T, ν, ω с переключателем «известная величина»
- §18 CALC+VIS: a_n=v²/R + анимированная точка по окружности
с векторами v (касательно) и a_n (к центру), пересчёт в g
- §19 CALC: F=kx закона Гука + перевод в массу подвешенного тела
- §20 DnD: 8 пар материалов → 3 группы по μ
- §21 DnD: 8 ситуаций → инерц/неинерц СО
- §22 CALC: F=ma + что будет за 1 с
- §23 CALC: g(h) для разных высот (МКС, геостационар, поверхность)
- §24 CALC: вес P=m(g+a) в лифте с классификатором режима
(норма/перегрузка/разгон/невесомость)
Виджеты подключены в physics_9_ch2.html через тот же hook ensureBuilt.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Новый модуль frontend/js/phys9_ch1_widgets.js — экспортирует
window.PHYS9_CH1_WIDGETS = { p1..p14: fn }.
Каждая функция инжектится в pN-body через расширенный ensureBuilt hook
после оригинального билда и блока POOLS-задач. Идемпотентно
(проверка class wg-phys9-extra-<id>).
Виджеты:
- §1 DnD: 8 объектов → точка / не точка
- §2 CALC: скорость катера отн. берега (slider v_катера, v_течения,
направление)
- §3 DnD: 8 величин → вектор / скаляр
- §4 CALC + SVG: проекции вектора по углу с тригокружностью
- §5 DnD: 6 траекторий → s=|Δr| или s>|Δr|
- §6 CALC: v=s/t с переводом в км/ч + бытовая аналогия
- §7 CALC: средневзвешенная ⟨v⟩ + ловушка «среднее арифметическое»
- §8 DnD: 6 уравнений x(t) → характер движения
- §9 CALC: время и место встречи двух тел
- §10 DnD: 6 признаков → знак мгновенной v
- §11 CALC: режим движения (ускорение/торможение/равномерное)
- §12 CALC: тормозной путь автомобиля
- §13 CALC: Δx и v при равноуск. + проверка v²−v₀²=2aΔx
- §14 DnD: 6 графиков v(t) → знак ускорения
Все виджеты используют:
- стандартные CSS-классы .wg, .sliders, .score-display, .drop-box
(из phys-textbook-widgets.css)
- палитру PHYS9_COLORS (тёмная тема работает автоматически)
- KaTeX для формул
- единый DnD движок через wireDnd
В ch1.html подключён скрипт + расширен hook _injectTasks вызывать
PHYS9_CH1_WIDGETS[id] после рендера задач.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
В Физике 8 ch1 §6, §7, §9, §11 уже имели IV-4 'Тренажёр N расчётных задач'.
У §1-5, §8, §10 IV-4 был только MCQ — числовых задач не было.
inject_p8_ch1_tasks.cjs добавляет IV-5 виджет после IV-4 в build_pN:
- §1 Внутр. энергия: 5 задач (T-конверсия, U vs масса/высота)
- §2 Способы изменения U: 5 (Q=ΔU+A, кин. энергия молота → тепло)
- §3 Теплопроводность: 5 (тепловой поток P=Q/t, зависимости от d, S, λ)
- §4 Конвекция: 5 (плотности тёплого/холодного, нагрев радиатором)
- §5 Излучение: 5 (солнечный поток, Стефан-Больцман упрощённо)
- §8 Плавление: 5 (Q=λm)
- §10 Испарение: 5 (Q=rm, испарение пота, лужи)
Всего 35 новых задач с автопроверкой числового ответа (±tol),
подсказкой-решением (KaTeX) и +20 XP при прохождении всей серии.
Используется существующий design system (.wg, .tinp, .feedback,
.score-display) — уже подключён через phys-textbook-widgets.css.
Новый модуль frontend/js/phys9_palette.js — экспортирует
window.PHYS9_COLORS с цветами для всех кинематических, динамических,
энергетических и геометрических величин Физики 9.
Структура палитры:
- velocity / acceleration / displacement / position / time
- force / forceGravity / forceFriction / forceNormal / forceSpring /
forceTension
- energyK / energyP / work / power
- body / bodyAccent / liquid / gas / surface
- angle / axis / grid / dashed
- plotPrimary / plotSecondary / plotTertiary
- text / textMuted / textLabel
- bg / bgSubtle / bgCard
- ok / warn / fail
Палитра автоматически переключается между светлой и тёмной темой
через get-проперти, проверяющий html.dark / body.dark.
Утилиты:
- PHYS9_COLORS.vector('F'|'v'|'mg'|...) — цвет вектора по типу
- PHYS9_COLORS.byClass('kinematic'|'dynamic'|...) — цвет по классу
Подключён во все 5 ch-страниц до phys9_legacy.js.
Подготовка к Phase 3 — перенос hardcoded #цветов в legacy на ссылки
PHYS9_COLORS.*.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Жалоба: 'каждому параграфу там [в монолите] есть задачи, тут нет'.
В монолите physics_9.html — отдельный tab-tasks блок содержит 36 ptab-pN
панелей (~1.3 KB каждая) со scaffold'ом score-bar/prog-wrap/nav-dots/
taskArea/feedback/summary. Сами задачи (TASKS_P31..P36) рендерятся в
taskAreapN через goToTask('pN', i).
migrate_phys9_tasks.cjs:
- Извлекает ptab-p31..p36 из монолита (clean emoji + FA<i>)
- Внутри каждого build_pN в ch4 после theory body добавляет <div class='wg'>
с заголовком 'Задачи §N · Тренажёр §N' и вставляет ptab HTML
- Через 80 мс после render вызывает goToTask('pN', 0) → рендерит первую
задачу из TASKS_PN
Не делаю это для §1-30: TASKS_P1..P30 не определены в монолите
(там было решение делать тренажёры только для главы 'Законы сохранения').
Раньше в монолите physics_9.html на каждый § был блок задач
(navDots, taskArea, fb, sum, progress-bar и chip-ok), но в новых
ch-страницах physics_9_ch{1..5}.html этого не было.
Изменения:
1. В каждой ch1..ch5.html добавлен hook поверх ensureBuilt:
- Функция _makeTaskBlock(sec) генерирует HTML контейнеров
legacy-tasks (#taskArea<sec>, #navDots<sec>, #fb<sec>, #sum<sec>,
#prog<sec>, #ok<sec>, #cur<sec>, #max<sec>, кнопка «Заново»,
кнопка «Следующая»).
- _injectTasks(id) добавляет блок в #<id>-body если есть
window.POOLS[id], и вызывает window.renderTask(id) +
window.renderNav(id) для рендера первой задачи.
- ensureBuilt обёрнут так, чтобы вызывать _injectTasks
после оригинального билда.
2. В phys9_legacy.js добавлен экспорт POOLS и STATE в window
(раньше они были скрыты внутри IIFE).
Стили блока задач используют CSS-переменные секции (var(--sec-acc, ...))
и работают с любой темой главы.
Теперь по каждому §1-§36 показывается соответствующий пул задач
(TASKS_P1..P36).
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Жалоба пользователя по Физике 8 (но проблема общая для Phys 8 и Phys 9):
страницы глав используют классы .wg/.dnd-pool/.dnd-chip/.btn/.score-display/
.feedback/.actions/.sliders/.spoiler/.drop-box в HTML-разметке, но CSS-правила
для них живут только в physics_10_ch1.html. Из-за этого карточки-задания,
chip'ы drag-and-drop, кнопки и feedback-блоки в Phys 8 и Phys 9 рендерились
без стилей (как обычный текст).
- extract_widget_css.cjs: вытягивает CSS-блок (.btn..pre-.col-side) из
physics_10_ch1.html в frontend/css/phys-textbook-widgets.css (6.4 КБ)
- Подключает <link> в 11 файлов: physics_8_ch1/ch2/ch3/hub/lab,
physics_9_ch1..ch5, physics_9_hub
- migrate_phys9_content.js теперь инжектит ссылку на widget CSS при будущих
миграциях (рядом с FA CDN)
Ошибка: renderTask() падал на secций, отсутствующих на странице ch1
(нет элементов #sum<sec>, #taskArea<sec>, #fb<sec>) — getElementById
возвращал null, .classList.remove падал → IIFE прерывался → экспорт
функций в window не выполнялся → startAnim1 is not defined.
Фиксы:
1. renderTask: early return если area/fb/sum/pool/s — null.
2. Инициализационный forEach обёрнут в try/catch + per-item try/catch.
3. setParaTab('p1') и блок upd2..upd12 обёрнуты в try/catch
(некоторые элементы могут отсутствовать на отдельных ch-страницах).
Теперь экспорт функций гарантированно выполняется до конца файла.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Тег <script src="/js/phys9_legacy.js" defer> отсутствовал во всех
physics_9_ch{1..5}.html. Auto-init блок в каждой ch-странице ожидал
window.startAnim1, window.upd2 и т.д. — но без подключения скрипта
эти функции не существовали → ReferenceError: startAnim1 is not defined
при клике на кнопки onclick="startAnim1()".
Тег добавлен после <script src="/js/phys.js"> во всех 5 файлах.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Три бага из жалобы пользователя:
1) phys9_legacy.js упал с 'Identifier STATE has already been declared' —
const STATE в монолите конфликтовал с const STATE в chapter inline JS.
Скрипт extract_phys9_legacy.cjs теперь оборачивает извлечённый код в IIFE
и явно экспортит через window 70 функций (upd*/draw*/init*/start*/lab*/
check*/toggle*/render*/show*/...) + 7 const-массивов (TASKS_PN, PUZ_PN).
2) В боковой панели формулы рендерились как 'Delta vecr' вместо Δr⃗ —
мой переход на JSON.stringify в gen_phys9_ch.js добавил лишний слой
escape backslash. Уменьшил \\ → \ в SIDEBAR_ROWS, TIPS_HTML,
PARA_SUBS, LR_SUBS (90 строк). Цепочка теперь: source \Delta → string
\Delta → JSON "\\Delta" → HTML JS \Delta → runtime \Delta →
KaTeX \Delta ✓.
3) 'не работают симуляции' — функции из legacy.js были доступны, но
chapter goTo(id) их не вызывал. Добавлен авто-вызов upd<N>(),
startAnim<N>(), init<N>(), draw<N>() при переключении на параграф,
и updLab<N>(), drawLab<N>() — для ЛР.
На страницах physics-9-ch1..ch5 нет элементов #themeBtn, #refToggle, #refPanel
(они только в hub). Без проверки на null код падал с
"Cannot read properties of null", из-за чего НЕ выполнялся
последующий экспорт функций в window (startAnim1, startAnim15 и т.д.) —
и кликам по кнопкам onclick="startAnim1()" соответствовало
ReferenceError: startAnim1 is not defined.
Обёрнуто в `if (themeBtn) {...}` и `if (refToggle && refPanel) {...}` —
теперь скрипт продолжает работу на любой странице, а функции
анимаций корректно экспортируются.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Каждая ЛР: цель, оборудование, ход работы, симуляция, таблица
измерений, расчёт и кнопка «Сдать работу» (+30 XP).
ЛР 1: Теплообмен при смешивании воды разной T
- симуляция 2 калориметров + слияние, цвета через tempColor
- расчёт t_теор vs t_изм с погрешностью
ЛР 2: Удельная теплоёмкость твёрдого тела
- 4 материала (медь/железо/алюминий/свинец)
- образец 100°C → калориметр с водой 18°C, расчёт c
ЛР 3: Сборка простейшей цепи
- виртуальная цепь: батарея + лампа + амперметр (последов) +
вольтметр (паралл лампе) + ключ
- замыкание ключа → I=0.52 А, U=4.2 В, R=8 Ом
ЛР 4: Последовательное соединение
- 2 резистора, slider'ы R₁, R₂, U; проверка 3 правил автоматически
ЛР 5: Параллельное соединение
- 2 ветви, расчёт I₁, I₂, R_общ; проверка 3 правил
ЛР 6: Работа и мощность тока
- slider'ы U, I, t; расчёт P=UI и A=Pt
ЛР 7: Отражение света
- лазер + зеркало, slider α 10-80°
- таблица серии измерений: α=15/30/45/60, β = α
Ачивка lab_master при сдаче всех 7 ЛР.
Phase 6 завершён. С Phase 0-7 курс «Физика 8» полностью готов:
40 параграфов + 7 ЛР + 3 финала глав + финал курса (в hub).
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
§36 Преломление света:
- Закон Снеллиуса с интерактивным OPTICS.refractRay
- 4 материала (воздух/вода/стекло/алмаз)
- Полное внутреннее отражение
- 5 численных задач
§37 Линзы. Оптическая сила:
- OPTICS.thinLens — собирающая и рассеивающая
- D = 1/F, дптр
- 5 задач (включая F=17 мм для глаза)
§38 Построение изображений (ГЛАВНЫЙ ВИЗУАЛ ОПТИКИ):
- Конструктор изображения через OPTICS.buildLensImage
- slider F и d, увеличение, тип изображения
- 5 типов (d>2F/2F/F<d<2F/d=F/d<F)
- DnD устройств (фотоаппарат/проектор/лупа)
- 5 задач на формулу тонкой линзы
§39 Глаз как оптическая система:
- OPTICS.eyeDiagram с slider'ом аккомодации
- 5 элементов глаза, MCQ
- DnD оптические vs нервные части
§40 Дефекты зрения. Очки:
- Визуализация близоруков. и дальнозоркости с очками
- OPTICS.thinLens исправляет фокус
- 5 задач (включая «знак D»)
ФИНАЛ ГЛАВЫ 3:
- Шпаргалка из 10 формул
- 7 интегрированных боссов: c, отражение, преломление, D, тонкая
линза, очки, магистр света
- Ачивка light_master (+50 XP)
Глава 3 «Световые явления» (§§32-40, 9 параграфов + финал) закончена.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
§30 Опыт Эрстеда:
- 3 теории: открытие 1820, значение опыта, применения
- IV-1: симуляция Эрстеда — провод + стрелка, slider'ы ключа и
направления тока; без тока стрелка указывает на N (Землю),
при включении тока отклоняется на 60° (по/против часовой
в зависимости от направления)
- IV-2: 5 вопросов о значимости опыта
- IV-3: DnD 8 «есть/нет поля» (магниты, токи, нейтр. тела)
- IV-4: 6 MCQ
§31 Поле прямого провода + электромагнит:
- 3 теории: окружности линий и правило правой руки, соленоид,
электромагнит
- IV-1: ГЛАВНЫЙ ВИЗУАЛ — электромагнит-конструктор: slider'ы I, N
и dropdown сердечника (воздух/железо μ=500); катушка с витками,
стержень, рассчитанный |B| и число поднимаемых скрепок
- IV-2: 5 вопросов «правило правой руки»
- IV-3: DnD 8 действий «усилит/ослабит поле»
- IV-4: 6 MCQ
ФИНАЛ ГЛАВЫ 2:
- Шпаргалка из 12 формул и понятий
- 10 интегрированных боссов: закон Ома, R=ρl/S, последов., параллельная,
смешанная цепь, мощность, Джоуль-Ленц, кВт·ч за месяц, тариф,
магистр электромагнетизма
- Прогресс-бар + ачивка em_master (+50 XP) при 10/10
Глава 2 «Электромагнитные явления» (§§12-31, 20 параграфов) закончена.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
§28 Постоянные магниты:
- 3 теории: что такое магнит, закон взаимод. полюсов, поле Земли
- IV-1: интерактив 2 магнита, slider переворота второго —
N–S притягиваются (зелёные стрелки), N–N отталкиваются (красные)
- IV-2: 5 раундов «полюсы»
- IV-3: DnD 8 утверждений правда/ложь
- IV-4: 6 MCQ
§29 Магнитное поле:
- 3 теории: что такое B, линии индукции (замкнутые!), опилки
- IV-1: ГЛАВНЫЙ ВИЗУАЛ — 7 эллиптических замкнутых линий поля
полосового магнита N→S, со стрелками направления, прямые
линии вблизи оси
- IV-2: 5 утверждений правда/ложь
- IV-3: DnD 8 свойств «электрическое vs магнитное поле»
- IV-4: 6 MCQ
Добавлен общий хелпер _drawMagnet.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
§26 Работа и мощность тока:
- 3 теории: A=UIt, P=UI=I²R=U²/R, закон Джоуля-Ленца
- IV-1: калькулятор + анимация нагрева резистора по tempColor,
цвет меняется от синего до красного в зависимости от P,
glow при высокой мощности
- IV-2: 5 раундов «какую формулу использовать?»
- IV-3: DnD 5 приборов по возрастанию P (LED → автомобиль)
- IV-4: 6 числовых задач
§27 Электроэнергия. Безопасность:
- 3 теории: кВт·ч, экономия, правила ТБ
- IV-1: ГЛАВНЫЙ ВИЗУАЛ — счётчик за месяц: 4 прибора (лампа, ТВ,
чайник, холодильник) + slider'ы часов/день и тарифа,
показывает кВт·ч и руб + «самый прожорливый прибор»
- IV-2: 6 ситуаций «безопасно/опасно»
- IV-3: DnD 8 ситуаций «экономит/расходует»
- IV-4: 5 задач (включая обогреватель за месяц)
Со Phase 3 завершён: §19-27 (постоянный ток, 9 параграфов).
Phase 4 → §28-31 + Финал главы 2.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
§23 R = ρl/S:
- 3 теории: формула, таблица ρ (6 материалов), применение
- IV-1: калькулятор с визуализацией провода (длина и толщина
меняются на SVG)
- IV-2: 6 пар «у какого больше R?»
- IV-3: DnD 8 факторов «R растёт/падает»
- IV-4: 5 расчётных задач
§24 Последовательное соединение. Реостат:
- 3 теории: правила, реостат, ёлочная гирлянда
- IV-1: ГЛАВНЫЙ ВИЗУАЛ — реостат-симулятор: slider положения движка,
яркость лампы меняется с током
- IV-2: 3-slider калькулятор послед. цепи (U, R₁, R₂) — I, U₁, U₂
- IV-3: DnD 8 утверждений «верно/неверно»
- IV-4: 5 задач (включая «реостат при I=0.2 А»)
§25 Параллельное соединение:
- 3 теории: правила, R = R₁R₂/(R₁+R₂), розетки дома
- IV-1: визуальная схема 2 параллельных ветвей с резисторами,
токи и общий R рассчитываются
- IV-2: 6 раундов «послед. или паралл.?»
- IV-3: DnD 8 формул на 2 типа соединения
- IV-4: 6 задач (включая утюг+лампа в розетке 220 В)
Добавлена константа MAT_RHO (6 материалов).
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
§17 Электрическое поле:
- 3 теории: что такое поле, линии поля, напряжение U=A/q
- IV-1: линии поля точечного заряда через fieldLinesPointCharge,
slider знака (+/−) и силы поля (40-120 px scale)
- IV-2: 5 вопросов о свойствах линий
- IV-3: DnD 8 утверждений «правда / ложь»
- IV-4: 6 MCQ
§18 Единица напряжения. A = qU:
- 3 теории: формула, 1 Вольт = 1 Дж/Кл, таблица напряжений в быту
- IV-1: калькулятор A=qU с анимацией batteryEMF→стрелка→lightbulb
+ аналогия «поднять груз на 1 м»
- IV-2: 5 числовых задач «дано/найди» (q, U, A)
- IV-3: DnD 5 источников по возрастанию U (батарейка → молния 10⁸ В)
- IV-4: 5 расчётных задач (включая 1 эВ = 1.6×10⁻¹⁹ Дж)
С Phase 2 целиком: §12-18 (7 параграфов) — электростатика главы 2
закончена. Дальше — Phase 3: постоянный ток (§19-27).
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
§15 Электрический заряд. Элементарный заряд:
- 3 теории: e = 1.6·10⁻¹⁹ Кл, формула q = Ne, закон сохранения
- IV-1: интерактивный калькулятор q ↔ N со slider в логарифм. шкале
10⁶..10¹⁸ электронов, выводит q в Кл и нКл
- IV-2: 6 раундов «существует ли такой заряд?» (проверка кратности e)
- IV-3: DnD 8 ситуаций «сохраняется / меняется» (заземление, рентген...)
- IV-4: 5 расчётных задач с допусками и подсказками
§16 Строение атома. Ионы:
- 3 теории: планетарная модель, ионы, таблица атомов и ионов
- IV-1: главный визуал — интерактивная модель атома: slider'ы Z и
число электронов, электроны распределяются по 3 оболочкам (2/8/18),
ядро с Z протонов, заряд иона рассчитывается автоматически
- IV-2: 6 викторин по таблице ионов
- IV-3: DnD 9 частиц на 3 категории (+/-/нейтр)
- IV-4: 6 MCQ
Глобальная константа E_CHARGE = 1.6e-19 на верхнем уровне.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
§12 Электризация тел. Взаимодействие зарядов:
- 3 теории: 2 рода зарядов, закон взаимодействия, примеры
- IV-1: виртуальный электроскоп — кнопки «потереть» и «поднести»,
листочки расходятся при поднесении заряженной палочки
- IV-2: 5 опытов «знак заряда» (стекло о шёлк, эбонит о шерсть...)
- IV-3: DnD 8 пар (одноим./разноим./нейтральные) на 2 категории
- IV-4: 6 MCQ
§13 Проводники и диэлектрики:
- 3 теории: свободные носители, таблица примеров, бытовая электротехника
- IV-1: симуляция «куда уходит заряд?» — на металле заряды разлетаются
по поверхности (анимация движения по окружности), на пластике —
остаются в точке касания
- IV-2: 8 материалов «проводник/диэлектрик»
- IV-3: DnD 8 материалов на 2 категории
- IV-4: 6 MCQ
§14 Электризация через влияние:
- 3 теории: что такое индукция, механизм, примеры (молниеотвод)
- IV-1: симуляция «палочка возле металл. шара» — slider положения
и dropdown знака; шарик «реагирует» — разделение зарядов
(-+ интенсивность зависит от расстояния)
- IV-2: 5 ситуаций «что произойдёт?»
- IV-3: DnD 8 примеров «индукция (проводник) / поляризация (диэлектрик)»
- IV-4: 6 MCQ
Добавлены _SIMS/_killSim/_isVisible для управления RAF в ch2.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Maxim Dolgolyov