feat(math6): полировка Гл.6 §3 — перетаскиваемый треугольник

Math6Anim.triangleDrag (SVG): тащишь вершины A/B/C — тип пересчитывается
вживую по сторонам и по углам, штрихи равных сторон + метка прямого угла.
Блок «Песочница» перед интерактивами §3. Тесты math6: 20/20.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maxim Dolgolyov
2026-06-02 22:13:01 +03:00
parent 51db000545
commit 21c18ce477
3 changed files with 53 additions and 0 deletions
+5
View File
@@ -323,6 +323,9 @@ function buildP3(){
+'</ol>');
h+=makeCard('theory','А знаешь ли ты?','3.2t',
'<p>Треугольник со сторонами $3$, $4$, $5$ называют «египетским» — строители Древнего Египта натягивали верёвку с 12 узлами (3+4+5) в виде треугольника, чтобы получить идеальный прямой угол для кладки стен пирамид. Этим приёмом пользуются строители до сих пор!</p>');
h+='<div class="wg" id="p3-play"><div class="wg-header"><span class="wg-badge">Песочница</span><div class="wg-title">Тащи вершины — тип меняется вживую</div></div>'
+'<div class="wg-help">Перетаскивай вершины $A$, $B$, $C$. Штрихи отмечают равные стороны, красный уголок — прямой угол. Сделай равносторонний, прямоугольный или тупоугольный треугольник.</div>'
+'<div id="p3-tri"></div></div>';
h+='<div class="wg" id="p3-iv1"><div class="wg-header"><span class="wg-badge">Интерактив 1</span><div class="wg-title">Вид по сторонам</div></div>'
+'<div class="wg-help">Определи вид треугольника по сторонам (штрихи отмечают равные стороны).</div>'
+'<div class="score-display"><span>Вопрос <b id="p3-i">1</b> / 5</span><span>Очки: <b id="p3-s">0</b> / 5</span></div>'
@@ -342,6 +345,8 @@ function buildP3(){
h+=secNav('p2','p4')+readBtn('p3');
box.innerHTML=h; renderMath(box);
if(window.Math6Anim&&Math6Anim.triangleDrag){ try{ Math6Anim.triangleDrag(document.getElementById('p3-tri')); }catch(e){} }
setupSorter('p3-sorter',{
items:['Равносторонний','Равнобедренный','Разносторонний','Остроугольный','Прямоугольный','Тупоугольный'],
groups:['По сторонам','По углам'],