Урок 30. Відображення базових графічних примітивів

Дорогі учні восьмого класу, сьогодні ми поринемо у світ комп'ютерної графіки і дізнаємося, як виводити на екран різноманітні графічні об'єкти. Це захоплюючий етап у світі програмування, де ми матимемо змогу створювати форми, лінії, та інші графічні елементи. Давайте розглянемо це крок за кроком, використовуючи мови програмування Python та Lazarus.

Основні теоретичні відомості:

1. Графічні примітиви:

Графічні примітиви - це основні будівельні блоки графічного світу. До них входять точки, лінії, круги, та інші елементарні форми. У Python для цього чудово підходить бібліотека turtle, а у Lazarus - можливості малювання на Canvas.

2. Робота з графічними координатами:

Графічний екран має свою систему координат, де точка (0, 0) зазвичай знаходиться в лівому верхньому куті. Ми будемо виводити примітиви визначаючи їхні координати.

3. Малювання у Python:

У Python використовується бібліотека turtle. Давайте розглянемо приклад коду для малювання круга:

python

import turtle

turtle.circle(100) # Малюємо круг радіусом 100

turtle.mainloop() # Завершення програми при натисканні на вікно

4. Малювання у Lazarus:

У Lazarus для малювання використовується Canvas. Ось приклад коду для малювання прямокутника:

pascal

procedure TForm1.Button1Click(Sender: TObject);

begin

 Canvas.Brush.Color := clRed; // Колір заливки

 Canvas.Rectangle(50, 50, 150, 100); // Координати лівого верхнього та правого нижнього кутів

end;

5. Застосування кольорів:

Кольори важливі для зрозумілого візуального сприйняття. У Python можна використовувати turtle.color("red"), а у Lazarus встановлюємо кольори через Canvas.Brush.Color.

Це лише початок нашої подорожі в світ графічного програмування. Ми розглянули базові принципи малювання графічних примітивів та вивчили основи кодування для Python та Lazarus. Завдяки цим навичкам ви зможете творити захоплюючі графічні візуалізації та навіть створювати власні ігри. Успіхів вам у вивченні світу комп'ютерної графіки!

Пам'ятка з команд для малювання у Lazarus

• Canvas.Clear():

  • Очищення полотна від попередніх малюнків.

• Canvas.Line(x1, y1, x2, y2):

  • Малює лінію від точки (x1, y1) до точки (x2, y2).

• Canvas.Rectangle(x, y, width, height):

  • Малює прямокутник з лівим верхнім кутом в точці (x, y) та розмірами width (ширина) і height (висота).

• Canvas.Ellipse(x, y, width, height):

  • Малює еліпс з центром в точці (x, y) та розмірами width (ширина) і height (висота).

• Canvas.Brush.Color := clColorName:

  • Визначення кольору заливки для наступних малюнків. clColorName може бути, наприклад, clRed або clBlue.

• Canvas.Pen.Color := clColorName:

  • Визначення кольору контуру для наступних малюнків.

• Canvas.MoveTo(x, y):

  • Переміщення курсора малювання до точки (x, y) без малювання.

• Canvas.LineTo(x, y):

  • Малює лінію від поточного положення курсора до точки (x, y).

• Canvas.TextOut(x, y, 'Text'):

  • Виводить текст 'Text' на полотно у точці (x, y).

• Canvas.Polygon([Point1, Point2, ..., PointN]):

  • Малює многокутник, визначений масивом точок Points.

• Canvas.FloodFill(x, y, clColorName, fsSurface):

  • Заливає область, яка має колір clColorName, починаючи з точки (x, y).

• Canvas.SaveToFile('filename.png'):

  • Зберігає малюнок у файл з ім'ям 'filename.png'.

• Canvas.LoadFromFile('filename.png'):

  • Завантажує малюнок з файлу з ім'ям 'filename.png'.

• Canvas.Refresh():

  • Перезавантажує полотно для оновлення зображення.

• Canvas.Rotate(x, y, angle):

  • Повертає малюнок навколо точки (x, y) на кут angle градусів.

• Canvas.Scale(factorX, factorY):

  • Змінює розмір малюнка на фактор factorX уздовж осі X і factorY уздовж осі Y.

• Canvas.Font.Size := fontSize:

  • Визначає розмір шрифта для наступного тексту.

• Canvas.LineStyle := lsDash:

  • Встановлює пунктирний стиль для наступних ліній.

• Canvas.FillRect(x, y, width, height):

  • Заповнює прямокутник кольором заливки.

• Canvas.CopyRect(DestRect, SourceCanvas, SourceRect):

  • Копіює прямокутник з іншого полотна.

Тест з графічного програмування:

Питання 1:

Які основні графічні примітиви використовуються при створенні зображень?

а) Тільки лінії
b) Точки та лінії
c) Круги та прямокутники
d) Точки, лінії, круги, прямокутники

Правильна відповідь: d) Точки, лінії, круги, прямокутники

Питання 2:

Які координати визначають точку в лівому верхньому куті графічного екрана?

a) (0, 0)
b) (1, 1)
c) (-1, -1)
d) (100, 100)

Правильна відповідь: a) (0, 0)

Питання 3:

Як можна встановити колір фігури при малюванні у Python з використанням бібліотеки turtle?

a) turtle.set_fill_color("red")
b) turtle.fill("red")
c) turtle.color("red")
d) turtle.paint("red")

Правильна відповідь: c) turtle.color("red")

Питання 4:

Як можна визначити розмір прямокутника у Lazarus?

a) Canvas.DrawRectangle(50, 50, 150, 100)
b) Canvas.RectSize(50, 50, 150, 100)
c) Canvas.RectangleSize(50, 50, 150, 100)
d) Canvas.Rectangle(50, 50, 150, 100)

Правильна відповідь: d) Canvas.Rectangle(50, 50, 150, 100)

Питання 5:

Як у Python позначити команду завершення програми в turtle?

a) turtle.end()
b) turtle.close()
c) turtle.stop()
d) turtle.mainloop()

Правильна відповідь: d) turtle.mainloop()

Питання 6:

Для чого використовується Canvas.Brush.Color у Lazarus?

a) Встановлення ширини малюнка
b) Вибір кольору заливки
c) Зміна прозорості
d) Визначення форми малюнка

Правильна відповідь: b) Вибір кольору заливки

Питання 7:

Як можна змінити розмір круга у Python з використанням turtle?

a) turtle.size(100)
b) turtle.radius(100)
c) turtle.resize(100)
d) turtle.circle(100)

Правильна відповідь: d) turtle.circle(100)

Питання 8:

Як можна змінити колір заливки у прямокутника в Lazarus?

a) Canvas.Filling.Color
b) Canvas.FillColor
c) Canvas.Brush.Color
d) Canvas.Rect.Fill.Color

Правильна відповідь: c) Canvas.Brush.Color

Питання 9:

Як можна створити квадрат в Lazarus?

a) Canvas.DrawSquare(50, 50, 100)
b) Canvas.Rectangle(50, 50, 100, 100)
c) Canvas.Square(50, 50, 100)
d) Canvas.Draw(50, 50, 100, 100)

Правильна відповідь: b) Canvas.Rectangle(50, 50, 100, 100)

Питання 10:

Як у Python визначити товщину лінії при малюванні з turtle?

a) turtle.width(5)
b) turtle.line_width(5)
c) turtle.thickness(5)
d) turtle.line(5)

Правильна відповідь: a) turtle.width(5)