Алексей Николаевич Васильев - Программирование на JavaScript в примерах и задачах

отбрасывается.
Что получается в итоге, показано на рис. 9.2.

632

Глава 9. Различные примеры

Рис. 9.1. Вид документа при загрузке: в нижней части графической области
отображена прямая линия

Рис. 9.2. Первая итерация при построении триадной кривой Коха

На следующей итерации каждый из четырех отрезков ломаной кривой разделяется на три равные части. Каждая центральная часть
служит основанием для равностороннего треугольника, а сами центральные части отбрасываются. Результат выполнения второй итерации показан на рис. 9.3.

633

Часть III. Использование JavaScript

Рис. 9.3. Вторая итерация при построении триадной кривой Коха

Далее действуем по той же схеме: каждый отрезок кривой разбивается на три равные части, на основании центральных частей строятся
равносторонние треугольники, а затем центральные части отбрасываются. Результат, который получаем на третьей итерации, показан
на рис. 9.4. Как выглядит кривая после четырех итераций, показано
на рис. 9.5.

Рис. 9.4. Третья итерация при построении триадной кривой Коха

634

Глава 9. Различные примеры

Рис. 9.5. Четвертая итерация при построении триадной кривой Коха

Пятая итерация представлена на рис. 9.6.

Рис. 9.6. Пятая итерация при построении триадной кривой Коха

Итерации можно продолжать и дальше, но с увеличением порядка итерации размер характерных деталей кривой становится очень
маленьким. Вообще же представленный выше документ позволяет

635

Часть III. Использование JavaScript

отображать до девяти итераций. Номер итерации выбирается в раскрывающемся списке, расположенном над графической областью.
Проанализируем код документа, позволяющего проследить процесс
построения триадной кривой Коха. Интересующий нас код представлен в листинге 9.1.

 Листинг 9.1. Триадная кривая Коха



Ëèñòèíã 9.1


// Ïåðåìåííûå äëÿ çàïèñè ññûëîê íà ãðàôè÷åñêóþ îáëàñòü,
// îáúåêò ãðàôè÷åñêîãî êîíòåêñòà è îáúåêò
// ðàñêðûâàþùåãîñÿ ñïèñêà:
var cnv,ctx,sel
// Ôóíêöèÿ äëÿ âû÷èñëåíèÿ ïîñëåäîâàòåëüíîñòè
// òî÷åê äëÿ êðèâîé Êîõà:
function getPoints(a,b){
// Âñïîìîãàòåëüíûå ïåðåìåííûå:
var p,k,i,j,phi
// Ìàññèâ ñ äâóìÿ íà÷àëüíûìè òî÷êàìè:
var pts=new Array(2)
// Ìàññèâû - ýëåìåíòû:
for(i=0;i
















654

Глава 9. Различные примеры







































704

Глава 9. Различные примеры




--">