Hero: spectrum-drift градиент (18s), солнце SVG-watermark
(rotate-анимация 40s), live-meter длины волны (400/470/550/600/700 нм
с цветами цикла).
9 section watermarks: лампа, тень, угол, зеркало, парабола,
рефракция, линза, призма, глаз.
9 IV-6 интерактивов:
§32 Источники — кнопки 'Точечный/Протяжённый' с динамической
тенью (точечный — чёткая, протяжённый — с полутенью).
§33 Тени — drag-источника по X, размер тени пересчитывается
проективно.
§34 Закон отражения — scrubber угла, лучи + нормаль.
§35 Плоское зеркало — drag-d объекта, мнимое изображение за
зеркалом на том же расстоянии (штриховая стрелка).
§36 Сферическое зеркало — drag-d, формула 1/v+1/d=1/F,
изображение с правильным знаком/размером.
§37 Преломление — scrubber угла, закон Снеллиуса (n₁=1, n₂=1.33).
§38 Линза — 3 главных луча от объекта, формула v=dF/(d-F),
изображение по принципу геометрической оптики.
§39 Дисперсия — призма с разложением белого света на 7 цветов
видимого спектра.
§40 Глаз — кнопки 'Норма/Близорукость/Дальнозоркость' с
fokus-точкой и корректирующей линзой (рассеив/собир).
На десктопе (>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.
Жалоба пользователя по Физике 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)
§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>
Maxim Dolgolyov