Первый рисунок

Четыре строки — и на дисплее появляется прямоугольник. Без последней из них не появляется ничего

простоНужно знать: Связи и getlink, Текстовый буфер

Дисплей — отдельный блок, и до него, как до блока сообщений, нужно дотянуться связью. Программа рисует не на нём, а в буфере процессора, и только drawflush переносит накопленное на экран.

шагтик 0

Рисование0

очистить

rgb

Рисование1

цвет

rgb

a

Рисование2

фигура

xy

ширинавысота

Вывод рисования3

Стоп4

@counter0number

Нажмите «пуск». На дисплее появится оранжевый прямоугольник на сером фоне — четыре строки, и каждая делает ровно одно.

Разбор по строкам

draw clear 40 40 50
draw color 255 180 60 255
draw rect 20 20 60 40
drawflush display1

Строка	Что делает
clear	заливает весь дисплей цветом: три поля — красный, зелёный, синий
color	выбирает цвет для того, что нарисуют дальше; четвёртое поле — непрозрачность
rect	заливает прямоугольник: угол x, y, потом ширина и высота
drawflush	отдаёт накопленное дисплею

Цвет держится до следующего color: он не привязан к фигуре, а просто становится текущим. Поэтому две фигуры одного цвета — это color один раз и две команды рисования.

Координаты считаются от левого нижнего угла

У большого дисплея сторона 176 точек, значит 0 0 — левый нижний угол, а 175 175 — правый верхний. Ось Y растёт вверх.

draw rect 20 20 60 40

Это прямоугольник шириной 60 и высотой 40, у которого левый нижний угол стоит в точке 20 20. Не центр — именно угол.

Заметка

Сторону дисплея лучше спрашивать, а не помнить: sensor ширина display1 @displayWidth даст 80 у обычного и 176 у большого. Тогда рисунок переживёт замену блока.

Без drawflush не появится ничего

шагтик 0

Рисование0

очистить

rgb

Рисование1

цвет

rgb

a

Рисование2

фигура

xy

ширинавысота

Стоп3

@counter0number

Та же программа без последней строки. Нажмите «пуск» — дисплей останется тёмным, хотя все три команды выполняются исправно: они лежат в буфере процессора и ждут отправки.

Скрытая ошибка

Забытый drawflush не выдаёт ни ошибки, ни пустого экрана с надписью — дисплей просто остаётся таким, каким был. Если рисунок не появился, первым делом проверяют не координаты, а есть ли строка отправки и тому ли блоку она адресована.

Картинка держится, пока её не сотрут

Дисплей помнит нарисованное. Никакого «кадра» у него нет: не нарисовали заново — осталось старое. Поэтому программа, которая рисует движущуюся стрелку, начинает итерацию с clear — иначе прошлые стрелки останутся на своих местах.

Запомнить

• draw копит команды в буфере процессора, показывает их drawflush.
• clear заливает весь дисплей, color задаёт цвет для последующих фигур.
• Координаты считаются от левого нижнего угла, ось Y растёт вверх.
• У rect задаются угол, ширина и высота — а не два угла.
• Нарисованное держится на дисплее, пока его не сотрут новым clear.

Задание

Поменяйте в первом примере draw rect 20 20 60 40 на draw rect 20 20 200 200 и запустите: прямоугольник закроет весь дисплей. Всё, что не поместилось, просто обрезается краем — ошибкой это не считается.

Потом верните размеры и уберите строку draw clear 40 40 50. Прямоугольник останется, а фон станет чёрным: дисплей не заливается сам, чёрный — это его исходное состояние.