ИНФОРМАТИКА · 8 КЛАСС
Программирование · Интерактивный конспект

§ 14. Графические возможности среды программирования PascalABC

Построим рисунки командами GraphABC: зададим координаты, фигуры, контуры, заливки и текстовые подписи.

Попробовать на модели ↓
Разбираемся в теме

Основные пункты параграфа

1

Графическое окно и координаты

В графическом окне x растёт вправо, а y — вниз.

НАБЛЮДАЙТЕ И ПРОБУЙТЕ

Точка в графическом окне

Меняйте параметры и сравнивайте результат с объяснением. Кнопка сброса возвращает исходный опыт.

Модуль GraphABC подключают строкой uses GraphABC; перед основной частью программы. Начало координат расположено в левом верхнем углу. Если ширина окна W пикселей, координаты его столбцов идут от 0 до W − 1. Для высоты H допустимые строки идут от 0 до H − 1.

SetWindowSize задаёт размеры окна, ClearWindow очищает его выбранным цветом. Чтобы фигура целиком поместилась, недостаточно проверить только её центр. Для окружности нужно учитывать радиус; для прямоугольника — оба противоположных угла.

Главная мысль: В графическом окне x растёт вправо, а y — вниз.
2

Отрезки, прямоугольники и окружности

Команды построения получают координаты и размеры в определённом порядке.

НАБЛЮДАЙТЕ И ПРОБУЙТЕ

Фигуры по параметрам

Меняйте параметры и сравнивайте результат с объяснением. Кнопка сброса возвращает исходный опыт.

Line(x1, y1, x2, y2) соединяет две точки. Rectangle(x1, y1, x2, y2) задаёт прямоугольник противоположными углами: последние два аргумента — не ширина и высота. Circle(x, y, r) задаёт центр и радиус. Ellipse использует ограничивающий прямоугольник.

LineTo рисует от текущего положения пера до заданной точки, поэтому её результат зависит от предыдущих команд. Для самостоятельного отрезка проще явно задать оба конца через Line. В черновике полезно подписать ключевые координаты будущего рисунка.

uses GraphABC;
begin
  SetWindowSize(400, 300);
  Rectangle(40, 50, 160, 120);
  Circle(250, 100, 35);
  Line(40, 180, 320, 180);
end.
Главная мысль: Команды построения получают координаты и размеры в определённом порядке.
3

Перо, кисть и заливка области

Настройки рисования действуют на последующие команды.

НАБЛЮДАЙТЕ И ПРОБУЙТЕ

Перо и кисть

Меняйте параметры и сравнивайте результат с объяснением. Кнопка сброса возвращает исходный опыт.

Перо определяет цвет, толщину и стиль контура; кисть — заполнение фигуры. SetPenColor и SetPenWidth задают свойства линии, SetBrushColor — цвет заполнения. Прозрачная кисть bsClear позволяет рисовать контур без закрывания нижнего изображения.

Изменение цвета пера не перекрашивает уже нарисованные линии. FloodFill(x, y, color) заполняет связанную область от указанной точки. Если в границе есть разрыв, заливка может выйти наружу. Начальную точку выбирают внутри нужной области и не на её границе.

SetPenColor(clGreen);
SetPenWidth(3);
SetBrushColor(clYellow);
Rectangle(40, 40, 160, 110);
SetBrushStyle(bsClear);
Circle(180, 110, 50);
Главная мысль: Настройки рисования действуют на последующие команды.
4

Текст и порядок рисования

Поздние непрозрачные объекты могут закрывать ранние.

НАБЛЮДАЙТЕ И ПРОБУЙТЕ

Порядок и подпись

Меняйте параметры и сравнивайте результат с объяснением. Кнопка сброса возвращает исходный опыт.

TextOut(x, y, text) выводит текст от заданной позиции. SetFontSize, SetFontName и SetFontColor настраивают шрифт. Строку в Паскале заключают в одинарные кавычки. Подпись лучше размещать после фона, чтобы фон не закрыл её.

Рисунок выполняется в порядке команд. Сначала удобно нарисовать крупные фоновые области, затем детали и подписи. Если нужно создать параметрический рисунок, координаты выражают через переменные. Тогда изменение одной величины, например ширины дома, согласованно меняет несколько деталей.

Главная мысль: Поздние непрозрачные объекты могут закрывать ранние.
Интерактивная практика

Исследуйте и примените

Проверьте модель на нескольких наборах данных, затем выполните самостоятельное задание.

НАБЛЮДАЙТЕ И ПРОБУЙТЕ

Лаборатория: исследуйте свой вариант

Меняйте параметры и сравнивайте результат с объяснением. Кнопка сброса возвращает исходный опыт.

Соберём главное

Шесть выводов

01

В графическом окне x растёт вправо, а y — вниз.

02

Команды построения получают координаты и размеры в определённом порядке.

03

Настройки рисования действуют на последующие команды.

04

Поздние непрозрачные объекты могут закрывать ранние.

05

Учитывайте порядок команд и текущие настройки пера, кисти и шрифта.

06

Проверяйте границы всей фигуры, а не только координаты её центра.

Самопроверка

Тест: 10 вопросов

Один верный ответ. За ответ — 0,5 балла. Откройте и проверьте себя.

1. Как подключить графический модуль?

2. Куда растёт y?

3. Последний столбец окна шириной 400 имеет x…

4. Что задаёт Circle(100, 80, 20)?

5. Что задают последние аргументы Rectangle?

6. Что меняет SetPenWidth?

7. Перекрасит ли SetPenColor старые линии?

8. Где задают точку FloodFill?

9. Что означает bsClear?

10. Чем выводят подпись на рисунке?

ВыводыТестВ началоВсе параграфы
↑

Загрузка прогресса…