Графические примитивы

Гуляева Т.В. «Графические возможности Quick Basic”

Графические примитивыГрафические примитивы


Графический режим экранаГрафический режим экрана

При входе в оболочку Бейсика по умолчанию включается текстовый режим, в котором можно производить вычисления и выводить результаты на экран. Для того чтобы пользоваться графическими возможностями языка, надо «объяснить» это компьютеру посредством включения графического режима командой SCREEN 9SCREEN 9. .

Графический режим включается только один раз


Размеры и координаты в режиме SCREEN 9

Размеры и координаты в режиме SCREEN 9

640

350

(0,0)х

у


Палитра цветовПалитра цветов

Для создания графических объектов используется цветная палитра, в которой каждому цвету соответствует свой код (номер), используемый в операторах:

0 0 - - черный

11 - - синий

22 - - зеленый

33 - - голубой

44 - - красный

55 - - пурпурный

66 - - коричневый

77 - - светло-серый

8 8 - - темно-серый

99 - - светло-синий

1010 - - светло-зеленый

1111 - - светло-голубой

1212 - - светло-красный

1313 - - светло-пурпурный

1414 - - желтый

1515 - - белый


ФонФон

Для задания фона экрана используется оператор

COLOR , , C, где С – номер цвета фона

0 0 - - черный

11 - - синий

22 - - зеленый

33 - - голубой

44 - - красный

55 - - пурпурный

66 - - коричневый

77 - - светло-серый

8 8 - - темно-серый

99 - - светло-синий

1010 - - светло-зеленый

1111 - - светло-голубой

1212 - - светло-красный

1313 - - светло-пурпурный

1414 - - желтый

1515 - - белый


Графические примитивыГрафические примитивы Точка Линия Прямоугольник Окружность Дуга окружности Дуга эллипса Эллипс

Закраска ограниченной области


Рисование точкиРисование точки

Для изображения точки используется оператор

PSET (X, Y), C , где:

(Х, У) – координаты точки на экране

С – номер цвета

Y

X0

(1, 2)

(4, 3)

Пример:Пример:

PSET (1, 2), 2

PSET (4, 3), 1

Графическиепримитивы


Вычерчивание линийВычерчивание линий

LINE(X1,Y1)-(X2,Y2), C где: (X1,Y1) - координаты начальной точки отрезка (X2,Y2) - координаты конечной точки отрезка C - номер цвета линии

Y

(X2,Y2)

(X1,Y1)

X0

Показать примерПоказать пример



ПримерПример

LINE(X1,Y1)-(X2,Y2), C где: (X1,Y1) - координаты начальной точки отрезка (X2,Y2) - координаты конечной точки отрезка C - номер цвета линии

Y

X0

LINE ( 1, 1 ) – ( 5, 3 ), 1LINE ( 5, 3 ) – ( 3, 7 ), 4

LINE – ( 1, 1 ), 10



Вычерчивание прямоугольникаВычерчивание прямоугольника

LINE(X1,Y1) - (X2,Y2), C, B

Y

X

(X1,Y1)

0ПрямоугольникПрямоугольник:

где:

(X1,Y1) – координаты начальной точки диагонали прямоугольника

Закрашенный прямоугольникЗакрашенный прямоугольник::

LINE(X1,Y1) - (X2,Y2), C, BF

(X2,Y2) - координаты конечной точки диагонали прямоугольника

(X2,Y2)



Вычерчивание окружностиВычерчивание окружности

CIRCLE (X,Y), R, C

R

(X,Y)

X

Y

0

где:

(X,Y) - координаты центра окружности

R – радиус окружности

C – номер цвета линии



Тригонометрическая окружность


Правило рисования дуг на Бейсике

звучит так:

«дуга окружности (эллипса) строится от угла L1 к углу L2 против часовой стрелки»

Для того чтобы показать это наглядно, обратимся к тригонометрической окружности.

Угол дуги получается путем вращения точки с координатами (1; 0) единичной окружности против часовой стрелки.

0

(1; 0) х

у

0 или 6,28

1,57

3,14

4,71





Правило рисования дуг на Бейсике

звучит так:

«дуга окружности (эллипса) строится от угла L1 к углу L2 против часовой стрелки»

Для того чтобы показать это наглядно, обратимся к тригонометрической окружности.

Угол дуги получается путем вращения точки с координатами (1; 0) единичной окружности против часовой стрелки.

0

(1; 0) х

у

0 или 6,28

1,57

3,14

4,71



Вычерчивание дуги окружности.Вычерчивание дуги окружности.

CIRCLE (X,Y), R, C, L1, L2 где:(X,Y) – координаты центра окружностиR – радиус окружностиC – номер цвета линии L1 – начальное значение угла

вычерчивания дугиL2 - конечное значение угла

вычерчивания дуги Y

X0

L2

L1

R(X,Y)



Вычерчивание дуги эллипса.Вычерчивание дуги эллипса.

CIRCLE (X,Y), R, C, L1, L2, К где:(X,Y) – координаты центра эллипсаR – радиус окружностиC – номер цвета линииL1 – начальное значение угла для

вычерчивания дуги эллипсаL2 - конечное значение угла для

вычерчивания дуги эллипсаК – коэффициент сжатия дуги эллипса Y

X0

x

y

R

RK

Rх

Rу

(X,Y)

L2

L1



Вычерчивание дуги эллипса.Вычерчивание дуги эллипса.

(X,Y)

L2

L1

Движение по дуге осуществляется против часовой стрелки. Поэтому при рисовании дуги очень важен порядок следования концов дуги.

(X,Y)

L2

L1

Данное правило также верно и для дуги окружности



Вычерчивание эллипса и дуги эллипса

Вычерчивание эллипса и дуги эллипса

Y

X0

Y

X0

Эллипс, сжатый по вертикалиЭллипс, сжатый по вертикали

Эллипс, сжатый по горизонталиЭллипс, сжатый по горизонтали0 < K < 1

K > 1



Запомните!Запомните!

Если рисуется эллипсэллипс, то параметры L1 и L2 отсутствуют, т.е. оператор имеет вид:

CIRCLE (X,Y), R, C, , , К



Вычерчивание секторовВычерчивание секторов

CIRCLE (X,Y), R, C, L1, L2, К (для дуги эллипса)

CIRCLE (X,Y), R, C, L1, L2 (для дуги окружности)

Если параметры L1 и L2 в операторах

отрицательные, то концы дуги соединяются отрезками с центром окружности (эллипса), т.е. вычерчивается круговой сектор.


CIRCLE (4, 2), 2, 1, - 4, -5

х

у

0

L2L1R

(X,Y)



Закрашивание замкнутого контура


PAINT (X,Y), C1, C2 , где:

(X,Y) – координаты любой точки внутри контураC1 – номер цвета, которым закрашивается контурС2 – номер цвета самого контура

х

у

0


PAINT (4, 3), 14, 1



PAINT (X,Y), C1, C2 , где:

(X,Y) – координаты любой точки внутри контураC1 – номер цвета, которым закрашивается контурС2 – номер цвета самого контура

х

у

0


PAINT (4, 3), 14, 1





Пример рисования объекта

Y

X0

SCREEN 9

CIRCLE (159, 99), 80, 12: PAINT (159, 99), 12, 12

CIRCLE (89, 99), 39, 12: PAINT (78, 98), 12, 12

CIRCLE (228, 99), 39, 12: PAINT (248, 98), 12, 12

CIRCLE (120, 99), 15, 12, , , 3: PAINT (120, 99), 12, 12

CIRCLE (198, 99), 15, 12, , , 3: PAINT (198, 99), 12, 12

CIRCLE (120, 70), 19, 8, , , .5: PAINT (120, 70), 15, 8

CIRCLE (120, 70), 12, 6: PAINT (120, 70), 6, 6

CIRCLE (199, 70), 19, 8, , , .5: PAINT (199, 70), 15, 8

CIRCLE (199, 70), 12, 6: PAINT (199, 70), 6, 6

CIRCLE (159, 99), 20, 7, , , 2

CIRCLE (159, 130), 23, 4, 3.14, 6.28, .5

CIRCLE (159, 130), 24, 4, 3.14, 6.28: PAINT (159, 145), 4, 4

LINE (159, 40)-(110, 50), 8 : LINE (159, 40)-(130, 50), 8

LINE (159, 40)-(159, 50), 8 : LINE (159, 40)-(188, 50), 8

LINE (159, 40)-(208, 50), 8



Домашнее заданиеДомашнее задание

Составить программу для рисования любого объекта с помощью изученных операторов


Documents

Графические примитивы