Методы для рисования простых геометрических фигур:
point(x, y);//Пиксель.
ellipse(x, y, width, height);//Эллипс (овал типа).
rect(x, y, width, height);//Прямоугольник.
line(x1, y1, x2, y2);//Линия/отрезок.
square(x, y, width);//Квадрат.
circle(x, y, width);//Круг.
triangle(x1, y1, x2, y2, x3, y3);//Треугольник.
quad(x1, y1, x2, y2, x3, y3, x4, y4);//Четырехугольник.
arc(x, y, width, height, start, stop);//Сегмент/дуга/неполный круг.
text(text, x, y, width, height);//Текст (width, height - не обязательно).
Есть методы для рисования более сложных фигур, изображений и т.д, но про них я расскажу в другом уроке.
Объясняю что значат аргументы в скобках:
(x, y) - Координаты фигуры. Если к x и y приписаны числа, значит это координаты части фигуры. К примеру, у линии есть (x1, y1) и (x2, y2) - это координаты первой вершины и второй соответственно.
(width, height) - Ширина и высота фигуры.
Цвет и обводка фигуры:
fill(color c);//задать цвет для рисования фигур.
stroke(color c);//задать цвет обводкам фигур.
noFill();//сделать фигуры прозрачными.
noStroke();//убрать обводку при рисовании фигур.
strokeWeight(int a);//задать размер обводки для рисования фигур.
textSize(int a);//задать размер рисования текста.
Эти методы задают параметры для рисования новых фигур. То есть, если вы например хотите нарисовать красный круг, то сначала вы задаете цвет через fill(255, 0, 0), а затем вызываете метод для рисования круга circle(...). Если вы сначала вызовите метод для рисования круга, а только потом укажете цвет, то этот цвет не подействует на уже нарисованную фигуру, он будет использоваться для рисования последующих объектов.
Также, вместо (color c)можно указать последовательно несколько чисел, вот пример с fill():
fill(150);//150 - для всех компонентов RGB (оттенок серого).
fill(150, 100);//150 - для всех компонентов RGB, 100 - прозрачность цвета (255 - max).
fill(100, 150, 200);//100 - Red, 150 - Green, 200 - Blue.
fill(100, 150, 200, 250);//100 - Red, 150 - Green, 200 - Blue, 250 - Alpha (прозрачность).
Или можно вместо чисел писать шестнадцатеричное число, начиная с решетки - это тоже указывает цвет в формате RGBA (Red, Green, Blue, Alpha):
fill(#FF0000);//Красный цвет.
Дополнительно:
background(color c);//закрасить весь экран цветом c.
rectMode(CENTER || CORNER);//задать тип отрисовки прямоугольника.
ellipseMode(CENTER || CORNER);//задать тип отрисовки эллипса.
textAlign(CENTER || CORNER);//задать тип отрисовки текста.
Тип отрисовки фигуры задает правило, по которому будет рисоваться фигура, а именно указывает - координаты чего пишутся в скобках при отрисовки фигуры (x, y). Если указан CENTER, то фигура рисуется от центра, если CORNER, то фигура рисуется от левого верхнего угла.
Вот пример кода с рисованием фигур, которые я тут объяснил:
size(700, 400);
background(255);
//Супер мелкая черная точка
stroke(0);
point(20, 20);
//Зеленый эллипс
fill(0, 200, 0);
ellipse(80, 80, 80, 50);
//Прямоугольник приятно-зеленого цвета).
fill(0, 100, 100);
rect(150, 50, 100, 60);
//Красная линия.
stroke(255, 0, 0);
line(270, 50, 380, 150);
stroke(0);
//Синий треугольник.
fill(0, 0, 255);
triangle(30, 300, 110, 350, 150, 250);
//Розовый четырехугольник.
fill(255, 0, 170);
quad(180, 200, 240, 280, 350, 235, 210, 150);
//Фиолетовый сегмент.
fill(150, 55, 200);
arc(500, 200, 150, 150, 0, 2.0/3.0*PI);
//Голубой текст.
textSize(40);
fill(#3F7DDE);
text("Я текст", 500, 100);
Вот результат работы программы:
Полная информация обо всём на сайте: Welcome to Processing! / Processing.org. Информацию я брал оттуда.