Book2v1

Итак, у нас есть точка n, которую мы принимаем за центр новой окружности с радиусом 200. По этой окружности мы рассчитываем координаты двух точек x1 и y1 и x2 и y2, которые используем для отрисовки отрезка в строке 25. Получается, что мы отрисовываем отрезок, концы которого вращаются вокруг точки, которая в свою очередь вращается вокруг центра с координатами cx и cy. В результате мы получаем изображение, представленное на Рисунке 49.

Рис. 49: Результат выполнения Листинга 41. Геометрический цветок.

Вынесем логику отрисовки линий в отдельный метод oneLineDraw(), как показано в Листинге 42. И добавим еще и изменение радиуса первой окружности, по которой вращается воображаемая точка n. Для изменения радиуса введем свойство (переменную) cRadius, которая будет зависеть от counter (см. строку 42).

91

38counter = 0;

39}

40

41 counter1 += 0.01;

42 cRadius += counter /20;

43

44if ( counter1 > 2* PI ) {

45counter1 = 0;

46}

47}

Результат работы кода Листинга 42 показан на Рисунках 50 и 51 (с измененным размером центральной части).

Рис. 50: Результат выполнения Листинга 42. Синусоидная звезда на черном фоне 1.

93

Рис. 51: Результат выполнения Листинга 42. Синусоидная звезда на черном 2.

На правой части рисунка показаны первые кадры отрисовки. Рендеринг (отрисовка) происходит не сразу: каждый кадр приложение рисует одну линию, как бы вышивая белый узор на черном поле холста. Это «прорастание», постепенное формирование графики и является признаками генеративного метода получения изображений.

Изменяя параметры отрисовки, например, толщину линий, размер окружности и длину линий в методе oneLineDraw(), можно получить интересные эффекты (см. Рисунок 52).

Задание 2. Измените код Листинга 42 так, чтобы линии на холсте формировали рисунок, похожий на Рисунок 52.

94

Рис. 52: Результат задания 2. Вариации на тему звезды.

Приведем еще один пример использования тригонометрических функций. В Листинге 43 мы строим прямоугольную сетку точек. Сетка строится двумя циклами for, вложенными друг в друга (см. строки 15 и 16).

Каждый раз, когда вызывается метод draw(), циклы отрабатывают свои задачи. А именно, в 17-й и 18-й строках формируются координаты текущей точки сетки; с 20-й по 23-ю строку формируются координаты начала и конца отрезков в зависимости от значения счетчика counter.

Листинг 43: Рисуем диагональные звезды

4smooth () ;

5background (0) ;

6strokeWeight (1) ;

7}

8

9 float counter , nx , ny ;

10float cx = 250;

11float cy = 250;

12

13void draw () {

14stroke (200 , 5) ;

95

33}

Врезультате выполнения кода Листинга 43 мы получаем изображение, показанное на Рисунке 53.

Рис. 53: Результат выполнения Листинга 43. Диагональные звезды на черном фоне.

96

Задание 3. Измените код Листинга 43: после 18-й строки вставьте отрисовку точки сетки (т.е. необходимо отрисовывать точки с координатами nx и ny).

На примере кода Листинга 44 можно увидеть использование переключателя . В строке 27 переключатель меняет свой знак. От знака этого переключателя зависит формирование координат и . Логическое условие в строке 17 обеспечивает исполнение строк или 18 – 20, или 22 – 24. Таким образом при каждом вызове метода draw() отрисовыется или светлый отрезок, или темный.

Листинг 44: Синусоидный орнамент из крупных отрезков

4smooth () ;

5background (0) ;

6strokeWeight (50) ;

7}

8

9 float counter , counter1 , nx , ny ;

10float cx = 250;

11float cy = 250;

12float cRadius = 10;

13int switcher = 1;

20stroke (0 , 50) ;

21} else {

24stroke (250 , 50) ;

25}

97

33

34 line (x1 , y1 , x2 , y2 );

35

36 counter += 0.1;

37 if ( counter > 2* PI ) {

38counter = 0;

39}

40

41 counter1 += 0.01;

42

43 cRadius += counter /50;

44

45if ( counter1 > 2* PI ) {

46counter1 = 0;

47}

48}

Результат работы кода Листинга 44 показан на рисунке 54. Этот пример показывает возможности перерисовки изображения, что в конечном итоге формирует интересное художественное решение.

Рис. 54: Результат выполнения Листинга 44. Синусоидный орнамент из крупных отрезков.

98

Изменяя толщину линий в строке 6, как показано в коде Листинга 45, можно добиться абсолютно другого художественного результата. Наше приложение начинает плести узор линий, накладывая их друг на друга, дополняя друг друга, а не перерисовывая, как в предыдущем случае.

Листинг 45: Тонкие линии по спирали

4smooth () ;

5 background (120) ;

6strokeWeight (1) ;

7}

8

9 float counter , counter1 , nx , ny ;

10float cx = 250;

11float cy = 250;

12float cRadius = 10;

22stroke (0 , 50) ;

23} else {

26stroke (250 , 50) ;

27}

37line (x1 , y1 , x2 , y2 );

38counter += 0.1;

39 if ( counter > 2* PI ) {

40counter = 0;

41}

42

99

43 counter1 += 0.01;

44

45 cRadius += counter /50;

46

47if ( counter1 > 2* PI ) {

48counter1 = 0;

49}

50}

Результат работы кода Листинга 45 показан на Рисунке 55.

Рис. 55: Результат выполнения Листинга 45. Тонкие линии по спирали.

Традиционным примером работы с тригонометрическими функциями считается отрисовка спирали. Вариации на эту тему представлены в коде Листинга 46. Переменная cRadius с каждым вызовом метода draw() меняет свое значение. Это приращение реализовано в строке

100