ВІКІСТОРІНКА
Навигация:
Інформатика
Історія
Автоматизація
Адміністрування
Антропологія
Архітектура
Біологія
Будівництво
Бухгалтерія
Військова наука
Виробництво
Географія
Геологія
Господарство
Демографія
Екологія
Економіка
Електроніка
Енергетика
Журналістика
Кінематографія
Комп'ютеризація
Креслення
Кулінарія
Культура
Культура
Лінгвістика
Література
Лексикологія
Логіка
Маркетинг
Математика
Медицина
Менеджмент
Металургія
Метрологія
Мистецтво
Музика
Наукознавство
Освіта
Охорона Праці
Підприємництво
Педагогіка
Поліграфія
Право
Приладобудування
Програмування
Психологія
Радіозв'язок
Релігія
Риторика
Соціологія
Спорт
Стандартизація
Статистика
Технології
Торгівля
Транспорт
Фізіологія
Фізика
Філософія
Фінанси
Фармакологія


Малюємо прямокутники та кола

Давайте почнемо з написання графічної програми для нашої улюбленої спортивної команди "Сірі цятки". Її кольори - блакитний і сірий.

Програма 9. "Сірі цятки" (рис. 2.1).

1 # c2_ greyspots .kbs

2 # програма для нашої команди – "Сірі цятки"

3 clg

4 print "Сірі цятки"

5 color blue

6 rect 0, 0, 300, 300

7 color grey

8 circle 149, 149, 100

9 say " Gray spots, forward!"

 
 

 



Попередження: з цього моменту листинги програм йтимуть з пронумерованими рядками. Не друкуйте ці номери рядків, коли будете вводити програму.

Давайте вивчимо кожен рядок наведеної вище програми. Перший рядок називається ремарка або оператор коментаря. Коментар - це місце, де програміст залишає свої позначки в комп'ютером коді, ігноровані системою. Такі позначки гарні для того, щоб описати що робить той чи інший фрагмент коду, назва програми, чому ми написали програму, або хто програміст.

Нове поняття:

# або Rem

Оператор # або rem називається коментарем. Він дозволяє програмісту залишати свої замітки (навіщо, як і що працює) в тексті програми. Коли комп'ютер (компілятор) бачить # або rem, він ігнорує весь текст в рядку.

У другому рядку ви бачите оператор clg. Він дуже схожий на оператор СLS з першого розділу, за винятком того, що clg очищає вікно, куди виводиться графіка.

У п‘ятому рядку ми бачимо оператор color. Він повідомляє BASIC-256 який колір потрібно використовувати для наступного дії малювання. Ви можете встановлювати колір, вказавши одне з 18 стандартних назв (див. Таблицю 2.1), або визначивши один з 16 мільйонів варіантів, змішуючи основні кольори (червоний (Red), зелений (Green) і синій (Blue)) різної інтенсивності.

Якщо ви використовуєте цифровий спосіб визначення кольору, врахуйте, що числа мають бути в діапазоні від 0 до 255. Нуль (0) говорить про відсутність яскравості у обраного кольору, а 255 означає максимальну яскравість. Яскраво-білий колір представлений числами 255,255,255 (всі кольори максимальної яскравості), чорний - як 0,0,0 (нульова яскравість всіх кольорів). Таке числове уявлення відомо як "RGB-триплет". Таблиця 2.1 показує імена деяких квітів і їх числові значення.

color ім'я кольору

color червоний, зелений, блакитний

color RGB число

Замість color можна також використовувати colour

Оператор color дозволяє встановити колір, яким ви будете малювати далі. Ви можете використовувати color c ім'ям кольору (black, white, red, darkred, green, darkgreen, blue, darkblue, cyan, darkcyan, purple, darkpurple, yellow, darkyellow, orange, darkorange, grey / gray, darkgrey / darkgray), з трьома цифрами (0-255), що описують інтенсивність червоного, зеленого і блакитного кольорів (R, G, B) або одним значенням, отриманим в результаті обчислення виразу: червоний × +2562 + зелений × 256 + блакитний.

Таблиця 2.1: Числові значення кольорів

Код Назва кольору
black (0,0,0) white (248,248,248) red (255,0,0) darkred (128,0,0) green (0,255,0) darkgreen (0,128,0) blue (0,0,255) darkblue (0,0,128) cyan (0,255,255) darkcyan (0,128,128) purple (255,0,255) darkpurple (128,0,128) yellow (255,255,0) darkyellow (128,128,0) orange (255,102,0) чорний білий червоний темно червоний зелений темно-зелений синій темно синій блакитний темно-блакитний пурпурний темно-пурпурний жовтий темно-жовтий помаранчевий  
darkorange (170,51,0) gray или grey (164,164,164) darkgray или darkgrey (128,128,128) clear (-1) темно-помаранчевий сірий темно-сірий прозорий

 

 

За замовчуванням вікно для виведення графіки має розмір 300 пікселів в ширину (х) і 300 пікселів у висоту (y).

Піксель - це найменша точка, яка може бути зображена на моніторі вашого комп'ютера. Координати верхнього лівого кута - (0,0), а правого нижнього - (299,299).

 
 

Кожен піксель може бути представлений двома числами, перше (x) показує зміщення вправо, друге (y) - зміщення вниз. Такий спосіб маркування точок відомий в математиці як Декартова прямокутна система координат.

Мал. 2.2. Декартова система координат вікна виведення графіки

 


Наступний оператор (рядок 6) - rect. Він дозволяє малювати прямокутники.

Rect використовує чотири цифри, розділені комами: (1) координата верхнього лівого кута прямокутника по осі x, (2) координата цього кута по осі y, (3) ширина, (4) висота. Всі чотири цифри задаються в пікселях (розмір найменшої точки, яка може бути зображена на екрані).

Ви можете бачити, що прямокутник в програмі починається у верхньому лівому кутку і далі заповнюється у вікні виводу графіки.

rect x, y, ширина, висота

Оператор rect використовує поточний колір і малює прямокутник у вікні вивода графіки. Верхній лівий кут прямокутника заданий двома першими числами, а ширина і висота – двома іншими.

Рядок 8 містить оператор circle, який малює окружність. Він використовує три числових аргументу, перші два – це декартові координати центру кола, а третій – Її радіус (в пікселях).

 
 

Рис. 2.4. Окружність

circle x, y, радіус

Оператор circle використовує поточний колір і малює заповнену цим кольором окружність з центром в точці (x, y) і заданим радіусом.

w Чи можете ви, використовуючи color, rect і circle, створити емблему для вашої школи або улюбленої спортивної команди?

 

Програма 10. Обличчя, складене з прямокутників (рис. 2.5)

 

1 # C2_ rectangle_smile.kbs
2
3 # очищаємо екран
4 clg
5
6 # малюємо обличчя
7 color yellow
8 rect 0, 0, 299, 299
9
10 # малюємо рот
11 color black
12 rect 100, 200, 100, 25
13
14 # малюємо очі
15 color black
16 rect 75, 75, 50, 50
17 rect 175, 75, 50, 50
18 # Як ваше здоров'я?
19 say "How are you?"

 


Рис. 2.5. Програма 10. Обличчя, складене з прямокутників

Програма 11. Усміхнене обличчя, складене з окружностей (рис. 2.6).

 
 

1 # c2_ circle_smile.kbs
2
3 # очищаємо екран
4 clg
5 color white
6 rect 0, 0, 300, 300
7
8 # малюємо обличчя
9 color yellow
10 circle 150, 150, 150
11
12 # малюємо рот
13 color black
14 circle 150, 200, 70
15 color yellow
16 circle 150, 150, 70
17
18 # малюємо очі
19 color black
20 circle 100, 100, 30
21 circle 200, 100, 30

 

 
 

Рис. 2.6. Програма 11. Усміхнене обличчя, складене з окружностей

© 2013 wikipage.com.ua - Дякуємо за посилання на wikipage.com.ua | Контакти