Processing:Примеры/Дерево: различия между версиями

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Нет описания правки
Нет описания правки
Строка 4: Строка 4:
{{Myagkij-редактор}}
{{Myagkij-редактор}}


{{Черновик}}
 


=Описание<ref>[https://processing.org/examples/tree.html processing.org - Recursive Tree by Daniel Shiffman.]</ref>=
=Описание<ref>[https://processing.org/examples/tree.html processing.org - Recursive Tree by Daniel Shiffman.]</ref>=
Строка 156: Строка 156:
|Высота логотипа издателя для schemaNewsArticle=45
|Высота логотипа издателя для schemaNewsArticle=45
}}
}}
{{Навигационная таблица/Справочник языка Processing}}
{{Навигационная таблица/Портал/Processing}}
{{Навигационная таблица/Processing/Примеры}}
{{Навигационная таблица/Телепорт}}

Версия от 11:59, 20 мая 2023


Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.



Описание[1]

Этот скетч-пример при помощи рекурсии рендерит древоподобную структуру. Угол ветвления рассчитывается при помощи функции, в которой используется положение курсора на оси X.

Перемещайте курсор мышки влево-вправо, чтобы менять угол ветвления.

Пример

float theta;   

void setup() {
  size(640, 360);
}

void draw() {
  background(0);
  frameRate(30);
  stroke(255);
  // рассчитываем угол в диапазоне от 0 до 90 градусов
  // на основе позиции курсора на оси X:
  float a = (mouseX / (float) width) * 90f;
  // конвертируем его в радианы:
  theta = radians(a);
  // начинаем дерево в нижней части экрана:
  translate(width/2,height);
  // рисуем линию длиной 120 пикселей:
  line(0,0,0,-120);
  // перемещаемся к концу этой линии:
  translate(0,-120);
  // запускаем рекурсивное ветвление!
  branch(120);

}

void branch(float h) {
  // каждая ветвь – это 2/3 от длины предыдущей ветви:
  h *= 0.66;
  
  // у всех рекурсивных функций должно быть условие выхода!!!!!
  // в нашем случае этим условием будет,
  // если длина ветви составляет 2 пикселя или меньше:
  if (h > 2) {
    pushMatrix();    // сохраняем текущее состояние трансформации
                     // (т.е. то, где мы находимся сейчас)
    rotate(theta);      // вращаем на угол «theta»
    line(0, 0, 0, -h);  // рисуем ветвь
    translate(0, -h);   // перемещаемся к концу ветви
    branch(h);          // окей, теперь вызываем сами себя,
                        // чтобы нарисовать две новые ветви!!!
    popMatrix();        // каждый раз, добираясь сюда, возвращаем
                        // предыдущее состояние матрицы
    
    // повторяем то же самое, только для ветвления «влево»:
    pushMatrix();
    rotate(-theta);
    line(0, 0, 0, -h);
    translate(0, -h);
    branch(h);
    popMatrix();
  }
}

См.также

Внешние ссылки