Уроки информатики в школе - Фигуры произвольной формы

Вторник, 21.01.2025, 12:05

Главная | Регистрация | Вход

Приветствую Вас Гость | RSS

Меню сайта

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

Тестування онлайн

тестування онлайн

Социальные закладк

Последовательность рисования. Фигуры произвольной формы

https://www.youtube.com/watch?v=1xXRsbBOmrw&index=12&list=PLU24OxjGmbJsAomamaD1A64QIZiyz5var

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

Пример 1. Соблюдаем последовательность

size(480,120);//устанавливает размер окна

//цвет заливки окна _ светло-синий цвет

background(204,226,225);
ellipse(140,8,190,190); // рисуем эллипс

//прямоугольник расположен поверх эллипса потому, что в программе он стоит после него

rect(160,30,280,20);//рисуем прямоугольник

size(480,120);//устанавливает размер окна

//цвет заливки окна _ светло-синий цвет

background(204,226,225);

rect(160,30,280,20);//рисуем прямоугольник

/*эллипс расположен поверх прямоугольника потому, что
прорисовывается после прорисовки прямоугольника */

ellipse(140,8,190,190); // рисуем эллипс

Пример 2.

quad(158,55,199,14,392,66,351,107)

;

Рисуем четырехугольник

quad(x1,y1,x2,y2,x3,y3,x4,у4);

первая точка - (х1,у1),
остальные три вершины определенны по часовой или протии часовой стрелки (любым из вариантов)

triangle(347,54,392,9,392,66)'

Рисуем треугольник

Функции triangle(х1,у1,х2,у2,х3,у3) имеет шесть параметров.
Это три пары координат x/y для трех вершин треугольника.
Для упрощения задачи советуем записывать эти точки по часовой стрелке.

triangle(158,55,290,91,290,112);

size(480,120);//устанавливает размер окна
background(204,226,225); //цвет заливки окна _ светло-синий цвет

quad(158,55,199,14,392,66,351,107); //Рисуем четырехугольник

triangle(347,54,392,9,392,66);//рисуем треугольник

triangle(158,55,290,91,290,112);//рисуем треугольник

Пример 3.

Применение команды quad(x1,y1,x2,y2,x3,y3,x4,y4) для построения четырехугольников.

Пишем программу с произвольными значениями координат вершин четырехугольника, например:

size(640,480);//устанавливает размер окна
point(320,240);
point(120,120);

line(0,0,640,480);
line(640,0,0,480);

ellipse(320,240,300,200);

quad(100,100,400,200,300,300,400,0);

Выполняем корректировку – развернем четырехугольник переместив положение второй его вершины: quad(100,100,100,200,300,300,400,0);

size(640,480);//устанавливает размер окна

point(320,240);
point(120,120);

line(0,0,640,480);
line(640,0,0,480);

ellipse(320,240,300,200);

//quad(100,100,400,200,300,300,400,0);
quad(100,100,100,200,300,300,400,0);

Фигуры произвольной формы

Если вы не хотите ограничиваться приведенными базовыми геометрическими фигурами, вы можете создать новые, соединив нужные точки линиями.

функция beginShape() начните создание вашей фигуры с этой функции
функция vertex() используется для определения x и y-координат фигуры
функция endShape() ставится в конце описания фигуры и сигнализирует об окончании создания фигуры.
функция endShape(CLOSE), слово CLOSE как параметр функции endShape() способствует заполнению пропуска соединения первой и последней точек фигуры

Пример . Рисуем стрелку

size(480,120);//устанавливает размер окна
background(204,226,225); //цвет заливки окна _ светло-синий цвет

beginShape();

vertex(180,82); vertex(207,36);
vertex(214,63); vertex(407,11);
vertex(412,30); vertex(219,82);
vertex(226,109);

endShape();

Заполняем пропуск

Когда вы запустите пример, вы увидите, что первая и последняя точки не соединены. Чтобы сделать это, добавьте слово CLOSE как параметр функции endShape() таким образом:

beginShape();

vertex(180,82); vertex(207,36);
vertex(214,63); vertex(407,11);
vertex(412,30); vertex(219,82);
vertex(226,109);

endShape(CLOSE);

Примеры проектов - рисунков

Снеговик. 2019 год. Сокирко Виталий. 10 кл

size(400,400);
background(180,255,21);
fill(250,250,250);
ellipse(200,300,150,150);
ellipse(200,200,100,100);
ellipse(200,120,75,75);
fill(0,0,0);
ellipse(180,120,15,15);
ellipse(216,120,15,15);
ellipse(200,200,15,15);
ellipse(200,175,15,15);
fill(0,0,0);
rect(153,79,93,10);
rect(170,27,59,52);
rect(170,27,59,52);
fill(255,162,0);
triangle(190,130,204,129,160,180);

Пингвин. Василенко Алисия. 2019 год

void setup()
{
size(400,400);}
void draw ()
{
fill(0,0,0);
ellipse(200,270,170,170);
fill(0,0,0);
ellipse(200,200,120,120);
fill(255,255,255);
ellipse(200,270,120,120);
fill(255,255,255);
ellipse(175,170,25,25);
fill(255,255,255);
ellipse(225,170,15,15);
fill(180,30,30);
arc(210,225,150,80,4,5);
}