Знакомство с рисованием с помощью WinApi. Рисование дома, дерева, Солнца и озера
Это аналог темы graphics.h Рисование дома, дерева, Солнца и озера. Рисунок будет приблизительно тот же:
Всё в этой публикации раскрыто, конечно, не будет, но, возможно, эта статья поможет сделать кому-нибудь свой старт в компьютерном рисовании. Несколько раз ко мне читатели сайта обращались по теме графики. Бывает, что на форумах ищут информацию по работе с graphics.h, но graphics.h — это прошлое. Поскольку graphics.h иногда использовать просто не выйдет, поскольку современные компиляторы не поддерживают, эта статья — небольшой бонус нуждающимся.
К сожалению, в C++ встроенных стредств для работы с графикой нет. Для программного рисования используются графические библиотеки. Впрочем, это касается любой области: для звука звуковые, для сети сетевые и т. д. Каждая бибилиотека по-своему удобна. Да и к тому же использование библиотек позволяет не создавать велосипеды и использовать проверенный людьми код. Изначально в C++ была встроена библиотека graphics.h (замечательный инструмент своего времени, который всё никак не могут убить окончательно). Время прошло. Компиляторы, использующие такую библиотеку, устарели. Появились другие средства работы с графикой: OpenGL, sfml, DirectX, WinApi… В зависимости от задачи и средств для решения выбор инструмента может варьироваться:
Одно дело, когда достаточно на чём угодно написать, другое, когда используется конкретная среда разработки. Например, в Windows в VisualStudio для тех, кому хоть на чём писать, может и WinAPi подойти. Если какая-то библиотека не работает с нужным компилятором, как graphics.h c Visual Studio, то вместо того, чтобы заставить бибилиотеку работать, иногда лучше подумать, что можно в Visual Studio использовать. Так вы потратите меньше времени. Также другое дело, если нужно написать игру. В работе игр важны плавность анимации, скорость анимации, качественное кадрирование… В таком случае WinApi может не подойти, может быть лучше задействовать уже готовые для программирования графики библиотеки: SFML, OpenGL, DirectX и подобные. А ещё у кого-то может быть Linux установлен, а не Windows, в таком случае, опять же, WinApi уже как-то не подходит. WinApi — это для Windows. (Windows application programming interfaces)
Одно дело, когда достаточно на чём угодно написать, другое, когда используется конкретная среда разработки. Например, в Windows в VisualStudio для тех, кому хоть на чём писать, может и WinAPi подойти. Если какая-то библиотека не работает с нужным компилятором, как graphics.h c Visual Studio, то вместо того, чтобы заставить бибилиотеку работать, иногда лучше подумать, что можно в Visual Studio использовать. Так вы потратите меньше времени. Также другое дело, если нужно написать игру. В работе игр важны плавность анимации, скорость анимации, качественное кадрирование… В таком случае WinApi может не подойти, может быть лучше задействовать уже готовые для программирования графики библиотеки: SFML, OpenGL, DirectX и подобные. А ещё у кого-то может быть Linux установлен, а не Windows, в таком случае, опять же, WinApi уже как-то не подходит. WinApi — это для Windows. (Windows application programming interfaces)
Отмечу, что для компьютерного рисования используются одни и те же алгоритмы, которые никак не зависят от того WinAPi там или DirectX какой. Если надо вращать какую-то фигуру в пространстве, то в любом случае вращать её можно одинаковым образом самописно или используя любую графическую библиотеку.
Так как сегодня Windows весьма распространённая операционная система, то с помощью WinApi я покажу пример рисования дома, дерева, озера, солнца.
Перед тем, как я начну кодить, нужно усвоить следующее:
|
1 2 3 4 5 6 7 8 9 10 11 12 |
#include <iostream> #include <Windows.h> //Для использования WinApi int main() { HWND hwnd = GetConsoleWindow(); //Берём ориентир на консольное окно (В нём будем рисовать) HDC dc = GetDC(hwnd); //Цепляемся к консольному окну RECT window = {}; //Переменная window будет использована для получения ширины и высоты окна HBRUSH brush; //Переменная brush - это кисть, она будет использоваться для закрашивания std::cin.get(); } |
В показанном примере ничего не происходит, но легко увидеть важные моменты. Объявляются переменные. Это своеобразная инициализация, где мы выбираем холст для рисования и инструменты. Контуры рисуются пером, а способ закрашивания определяется кистью.
Возможно, важный для кого-то момент: ширина и высота холста. Иногда нужно знать эти значения. Первым делом на любом рисунке рисуется фон. Для рисования фона мной будет использован обычный закрашенный прямоугольник.
- Как и setfillstyle() в MS-DOS, кисть закрашивает какую-то область в какой-то цвет. В зависимости от выбора кисти, закрашивание может происходить в полосочку, в клеточку, по диагонали… Есть два способа объявить кисть. Первый — задать сплошную заливку. Второй — указать стиль. Для таких вещей существуют функции: CreateSolidBrush() и CreateHatchBrush()
Для рисования фона будем использовать стилевую кисть.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
WinApi Листинг #1 Рисование #include <iostream> #include <Windows.h> int main() { HWND hwnd = GetConsoleWindow(); //Берём ориентир на консольное окно (В нём будем рисовать) HDC dc = GetDC(hwnd); //Цепляемся к консольному окну RECT window = {}; //Переменная window будет использована для получения ширины и высоты окна HBRUSH brush; //Переменная brush - это кисть, она будет использоваться для закрашивания //1. Рисуем фон brush = CreateHatchBrush(HS_BDIAGONAL, RGB(0, 255, 0)); // Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть DeleteObject(brush); //Очищаем память от созданной кисти std::cin.get(); } |
Сейчас не будет ничего нарисовано. Это только выбор инструмента для рисования. Сейчас всё готово, чтобы нарисовать какую-то закрашенную фигуру. Так как выбрана только кисть, то будет нарисована та часть фигуры, которая закрашивается. Чтобы нарисовать фон, нужно закрасить всё окно. Чтобы закрасить всё окно, имеет смысл узнать ширину окна и высоту окна.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
WinApi Листинг #2 Рисование #include <iostream> #include <Windows.h> int main() { HWND hwnd = GetConsoleWindow(); //Берём ориентир на консольное окно (В нём будем рисовать) HDC dc = GetDC(hwnd); //Цепляемся к консольному окну RECT window = {}; //Переменная window будет использована для получения ширины и высоты окна HBRUSH brush; //Переменная brush - это кисть, она будет использоваться для закрашивания //1. Рисуем фон brush = CreateHatchBrush(HS_BDIAGONAL, RGB(0, 255, 0)); // Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть RECT WinCoord = {}; //Массив координат окна GetWindowRect(hwnd, &WinCoord); //Узнаём координаты Rectangle(dc, 0, 0, WinCoord.right, WinCoord.bottom); //Нарисовали прямоугольник, закрашенный неким стилем DeleteObject(brush); //Очищаем память от созданной кисти ReleaseDC(hwnd, dc); //Освобождаем общий или оконный (не влияющий на класс или локальность) контекст устройства, делая его доступным для других прикладных задач. std::cin.get(); } |
- Чтобы нарисовать прямоугольник с помощью WinApi, используется функция Rectangle(…)
Вообще, когда рисуете с помощью WinApi, во многих функциях нужно указать прицепленное окно. У нас консольное окно прицеплено в переменную dc, вот такая переменная "Прицепленное окно" и уходит первым параметром вовнутрь функции, рисующей какой-то примитивный объект. Дальше всё зависит от того, какой объект выбран. Так, для прямоугольника нужно указать четыре координаты: верхний левый и нижний правый углы (координаты начала и конца диагонали).
RGB — это палитра цветов, где R — красный, G — зелёный, B — синий. Для каждого из этих трёх цветов выбирается одно из 256-и значений [0..255], что влияет на яркость и цвет. В моём коде красному соответствует ноль, зеленому 255, синему ноль — значит в сумме это не красный и не синий, но зелёный. Можно комбинировать числовыми значениями. Но я не буду об этом рассказывать. Сосредоточимся не на подборе цвета, а на рисовании запланированного рисунка.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
//WinApi Листинг #3 Рисуем небо #include <iostream> #include <Windows.h> int main() { HWND hwnd = GetConsoleWindow(); //Берём ориентир на консольное окно (В нём будем рисовать) HDC dc = GetDC(hwnd); //Цепляемся к консольному окну RECT window = {}; //Переменная window будет использована для получения ширины и высоты окна HBRUSH brush; //Переменная brush - это кисть, она будет использоваться для закрашивания //1. Рисуем фон brush = CreateHatchBrush(HS_BDIAGONAL, RGB(0, 255, 0)); // Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть RECT WinCoord = {}; //Массив координат окна GetWindowRect(hwnd, &WinCoord); //Узнаём координаты Rectangle(dc, 0, 0, WinCoord.right, WinCoord.bottom); //Нарисовали прямоугольник, закрашенный неким стилем DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти brush = CreateSolidBrush(RGB(0, 0, 255)); //Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть Rectangle(dc, 0, 0, WinCoord.right, 170); //Рисуем новый прямоугольник, который будет небом DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти ReleaseDC(hwnd, dc); //Освобождаем общий или оконный (не влияющий на класс или локальность) контекст устpойства, делая его доступным для дpугих пpикладных задач. std::cin.get(); } |
Вот что получилось:
- Для каждого CreateObject обязательно нужно вызывать соответствующий DeleteObject, чтобы память не утекала.
Какой-то одинаковый стиль может потребоваться для закрашивания/окраски разных фигур в разное время в рамках выполнения одной программы, тогда такие инструменты рисования лучше удалять не сразу, а отложить на потом. Дело в том, что CreateObject выделяет место в памяти, а операции выделения памяти и очистки памяти — это дорогостоящее: выполняются они долго. В нашем случае пока только ознакамливение, поэтому этот совет проигнорируем, но забывать не станем.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
//WinApi Листинг #4 Рисуем солнце и озеро #include <iostream> #include <Windows.h> int main() { HWND hwnd = GetConsoleWindow(); //Берём ориентир на консольное окно (В нём будем рисовать) HDC dc = GetDC(hwnd); //Цепляемся к консольному окну RECT window = {}; //Переменная window будет использована для получения ширины и высоты окна HBRUSH brush; //Переменная brush - это кисть, она будет использоваться для закрашивания //1. Рисуем фон brush = CreateHatchBrush(HS_BDIAGONAL, RGB(0, 255, 0)); // Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть RECT WinCoord = {}; //Массив координат окна GetWindowRect(hwnd, &WinCoord); //Узнаём координаты Rectangle(dc, 0, 0, WinCoord.right, WinCoord.bottom); //Нарисовали прямоугольник, закрашенный неким стилем DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти brush = CreateSolidBrush(RGB(0, 0, 255)); //Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть Rectangle(dc, 0, 0, WinCoord.right, 170); //Рисуем новый прямоугольник, который будет небом DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти brush = CreateSolidBrush(RGB(255, 255, 0)); //Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть Ellipse(dc, WinCoord.right - 200, 20, WinCoord.right-300, 120); DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти brush = CreateSolidBrush(RGB(30, 46, 234)); //Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть Ellipse(dc, 399, 312, 400+399, 312+140); //Озеро. DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти ReleaseDC(hwnd, dc); //Освобождаем общий или оконный (не влияющий на класс или локальность) контекст устpойства, делая его доступным для дpугих пpикладных задач. std::cin.get(); } |
Получилось вот это:
- Для рисования окружности используют функцию Ellipse(…)
Приступим к рисованию самого сложного элемента: к рисованию дерева. Для того, чтобы нарисовать несколько копий деревьев, да и для того, чтобы больше концентрировать внимание на нужном, буду использовать класс, объект которого станет рисунком.
Рисование это долгое, нудное и неприятное. Я использую относительное позиционирование, где рисунок начинается от точки, но вы можете упростить себе это дело и подгонять прямо числами. Это проще, но тоже очень нудно и долго. Координаты можно вписывать сразу числами, но лучше позиционироваться относительно какой-то точки: это поможет при создании копий. В конце статьи будут созданы копии рисунков.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 |
//WinApi Листинг #5 Рисование (добавляем дерево) #include <iostream> #include <Windows.h> class TreePicture { void line(const HDC& dc, const int x1, const int y1, const int x2, const int y2) { MoveToEx(dc, x1, y1, 0); LineTo(dc, x2, y2); } public: void show(const HWND& hwnd, const HDC& dc, const int X, const int Y); }; class House { public: void show(); }; void House::show() { } void TreePicture::show(const HWND& hwnd, const HDC& dc, const int X, const int Y) { HBRUSH brush = CreateSolidBrush(RGB(0, 255, 0)); SelectObject(dc, brush); line(dc, X, Y, X, Y - 150); //Здесь 150 - это высота ствола, рисование идёт снизу к верху. /*Рисуем ветки*/ line(dc, X, Y - 75, X - 50, Y - 75 - 15); //circle == (X,Y, X+R, Y+R) Ellipse(dc, X-70, Y - 105, X - 40, Y-105 + 30); //Подгоняем листья line(dc, X, Y - 95, X - 50, Y - 95 - 15); Ellipse(dc, X - 75, Y - 120, X - 50, Y - 120 + 15); //Подгоняем листья Ellipse(dc, X - 50, Y - 130, X - 35, Y - 120 + 15); //Подгоняем листья Ellipse(dc, X - 10, Y - 150, X + 10, Y - 150 + 15); //Подгоняем листья line(dc, X, Y - 60, X+80, Y - 165); //Ветви line(dc, X, Y - 90, X + 30, Y - 135); line(dc, X + 25, Y - 95, X + 85, Y - 100); line(dc, X + 50, Y - 130, X + 55, Y - 170); Ellipse(dc, 15 + X + 55, 15 + Y - 170, 15 + X + 75, 15 + Y - 190); //листва Ellipse(dc, 15 + X + 34, 15 + Y - 180, 15 + X + 46, 15 + Y - 200); Ellipse(dc, 25 + X + (-5), 25 + Y - 120, 25 + X + 7, 25 + Y - 144); Ellipse(dc, 15 + X + 55, 15 + Y - 103, 15 + X + 75, 15 + Y - 127); Ellipse(dc, 15 + X + 10, 15 + Y - 140, 15 + X + 28, 15 + Y - 158); DeleteObject(brush); }; int main() { HWND hwnd = GetConsoleWindow(); //Берём ориентир на консольное окно (В нём будем рисовать) HDC dc = GetDC(hwnd); //Цепляемся к консольному окну RECT window = {}; //Переменная window будет использована для получения ширины и высоты окна HBRUSH brush; //Переменная brush - это кисть, она будет использоваться для закрашивания //1. Рисуем фон brush = CreateHatchBrush(HS_BDIAGONAL, RGB(0, 255, 0)); // Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть RECT WinCoord = {}; //Массив координат окна GetWindowRect(hwnd, &WinCoord); //Узнаём координаты Rectangle(dc, 0, 0, WinCoord.right, WinCoord.bottom); //Нарисовали прямоугольник, закрашенный неким стилем DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти brush = CreateSolidBrush(RGB(0, 0, 255)); //Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть Rectangle(dc, 0, 0, WinCoord.right, 170); //Рисуем новый прямоугольник, который будет небом DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти brush = CreateSolidBrush(RGB(255, 255, 0)); //Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть Ellipse(dc, WinCoord.right - 200, 20, WinCoord.right-300, 120); DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти brush = CreateSolidBrush(RGB(30, 46, 234)); //Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть Ellipse(dc, 399, 312, 400+399, 312+140); //Озеро. DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти /*РИСУЕМ ДЕРЕВО*/ TreePicture Tree; Tree.show(hwnd, dc, 80, 440); /**/ ReleaseDC(hwnd, dc); //Освобождаем общий или оконный (не влияющий на класс или локальность) контекст устpойства, делая его доступным для дpугих пpикладных задач. std::cin.get(); } |
Получилось вот так:
Если вы попробуете нарисовать что-то своё, то непременно возникнут затруднения в попадании на нужную точку. Здесь, например, очень сложно было попасть листиком на ветку дерева. Но я поделюсь маленьким секретом облегчения такой задачи. Чтобы попасть в точку, имеет смысл нарисовать какую-то точку и гонять её по экрану, а после удачного попадания использовать её координаты. Ориентироваться в осях X и Y всё равно придётся. На экране ось X уходит слева направо, а ось Y сверху вниз (не как в школе учили). Лучше делать не совсем обычную точку, а жирную большую. Для этого подходит эллипс. Координаты эллипсу задаются так X1 + dx1,Y1 + dy1, X2 + R + dx2, Y2 + R + dy2. Но, догадываюсь, что кому-то это ничего не скажет. Пример для экспериментов (игра со значениями может помочь выбирать координаты быстрее, если двигать точку и стараться попасть в нужное место):
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
//Winapi Листинг #a1 Играем со значениями #include <iostream> #include <Windows.h> int main() { HWND hwnd = GetConsoleWindow(); //Берём ориентир на консольное окно (В нём будем рисовать) HDC dc = GetDC(hwnd); //Цепляемся к консольному окну RECT window = {}; //Переменная window будет использована для получения ширины и высоты окна HBRUSH brush; //Переменная brush - это кисть, она будет использоваться для закрашивания /*В зависимости от значений у dx,dy эллипс будет менять форму, поэксперементируйте*/ int R = 10; //Радиус определяет размер int dx1=0, dy1=0, dx2=30, dy2=30; //Если dx2 == dy2, то круг, иначе эллипс int X = 50, Y = 50; //Начальные координаты brush = CreateSolidBrush(RGB(0,255,0)); SelectObject(dc,brush); Ellipse(dc, X+dx1, Y+dy1, X+dx2+R, Y+dy2+R); DeleteObject(brush); ReleaseDC(hwnd, dc); //Освобождаем общий или оконный (не влияющий на класс или локальность) контекст устpойства, делая его доступным для дpугих пpикладных задач. std::cin.get(); } |
Суть проста, но понять может быть не совсем просто. Суть: видеть точку на экране и сдвигать её до тех пор, пока она не попадёт в нужное место. После этого можно провести расчёт координат (в X + dx1 подставить значения X и dx1 и расчитать для остальной части так же).
Перейдём к рисунку. Осталась последняя часть. Надо нарисовать дом. Дом состоит из многоугольников: треугольник, параллелограмм, прямоугольники.
- Для рисования закрашенного многоугольника использованием WinApi можно использовать функцию Poligon(…).
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 |
WinApi Листинг #6 Рисование (добавляем дом) #include <iostream> #include <Windows.h> class TreePicture { void line(const HDC& dc, const int x1, const int y1, const int x2, const int y2) { MoveToEx(dc, x1, y1, 0); LineTo(dc, x2, y2); } public: void show(const HWND& hwnd, const HDC& dc, const int X, const int Y); }; class House { public: void show(const HWND& hwnd, const HDC& dc, const int X, const int Y); }; void House::show(const HWND& hwnd, const HDC& dc, const int X, const int Y) { /*ФАСАД ДОМА*/ HBRUSH brush = CreateSolidBrush(RGB(254, 255, 220)); SelectObject(dc,brush); Rectangle(dc, X, Y+260, X + 130, Y + 400); DeleteObject(brush); /*ТРЕУГОЛЬНАЯ КРЫША*/ POINT poly[3] = { {X,Y+260 },{ X+130 , Y+260 },{X+130/2, Y+200} }; brush = CreateHatchBrush(HS_DIAGCROSS, RGB(199, 214, 255)); SelectObject(dc, brush); Polygon(dc, poly, 3); DeleteObject(brush); /*БОК КРЫШИ ПАРАЛЛЕЛОГРАММ*/ POINT poly2[4] = { {X+65,Y + 200 },{X+280 , Y+200 },{X+345,Y+260}, {X+130, Y+260 } }; brush = CreateHatchBrush(HS_HORIZONTAL, RGB(0, 0, 255)); SelectObject(dc, brush); Polygon(dc, poly2, 4); DeleteObject(brush); /*БОК ДОМА*/ brush = CreateHatchBrush(7, RGB(200, 255, 200)); SelectObject(dc, brush); Rectangle(dc, X+345, Y + 260, X + 130, Y + 400); DeleteObject(brush); /*ДВЕРЬ*/ brush = CreateSolidBrush(RGB(175, 75, 0)); SelectObject(dc, brush); Rectangle(dc, X + 70, Y + 320, X + 110, Y + 400); DeleteObject(brush); /*ОКНА*/ brush = CreateHatchBrush(HS_BDIAGONAL, RGB(0, 255, 0)); SelectObject(dc, brush); Rectangle(dc, X + 150, Y + 300, X + 190, Y + 340); Rectangle(dc, X + 220, Y + 300, X + 260, Y + 340); DeleteObject(brush); brush = CreateSolidBrush(RGB(200, 200, 200)); SelectObject(dc, brush); Rectangle(dc, X + 290, Y + 300, X + 330, Y + 340); DeleteObject(brush); } void TreePicture::show(const HWND& hwnd, const HDC& dc, const int X, const int Y) { HBRUSH brush = CreateSolidBrush(RGB(0, 255, 0)); SelectObject(dc, brush); line(dc, X, Y, X, Y - 150); //Здесь 150 - это высота ствола, рисование идёт снизу к верху. /*Рисуем ветки*/ line(dc, X, Y - 75, X - 50, Y - 75 - 15); //circle == (X,Y, X+R, Y+R) Ellipse(dc, X-70, Y - 105, X - 40, Y-105 + 30); //Подгоняем листья line(dc, X, Y - 95, X - 50, Y - 95 - 15); Ellipse(dc, X - 75, Y - 120, X - 50, Y - 120 + 15); //Подгоняем листья Ellipse(dc, X - 50, Y - 130, X - 35, Y - 120 + 15); //Подгоняем листья Ellipse(dc, X - 10, Y - 150, X + 10, Y - 150 + 15); //Подгоняем листья line(dc, X, Y - 60, X+80, Y - 165); //Ветви line(dc, X, Y - 90, X + 30, Y - 135); line(dc, X + 25, Y - 95, X + 85, Y - 100); line(dc, X + 50, Y - 130, X + 55, Y - 170); Ellipse(dc, 15 + X + 55, 15 + Y - 170, 15 + X + 75, 15 + Y - 190); //листва Ellipse(dc, 15 + X + 34, 15 + Y - 180, 15 + X + 46, 15 + Y - 200); Ellipse(dc, 25 + X + (-5), 25 + Y - 120, 25 + X + 7, 25 + Y - 144); Ellipse(dc, 15 + X + 55, 15 + Y - 103, 15 + X + 75, 15 + Y - 127); Ellipse(dc, 15 + X + 10, 15 + Y - 140, 15 + X + 28, 15 + Y - 158); DeleteObject(brush); }; int main() { HWND hwnd = GetConsoleWindow(); //Берём ориентир на консольное окно (В нём будем рисовать) HDC dc = GetDC(hwnd); //Цепляемся к консольному окну RECT window = {}; //Переменная window будет использована для получения ширины и высоты окна HBRUSH brush; //Переменная brush - это кисть, она будет использоваться для закрашивания //1. Рисуем фон brush = CreateHatchBrush(HS_BDIAGONAL, RGB(0, 255, 0)); // Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть RECT WinCoord = {}; //Массив координат окна GetWindowRect(hwnd, &WinCoord); //Узнаём координаты Rectangle(dc, 0, 0, WinCoord.right, WinCoord.bottom); //Нарисовали прямоугольник, закрашенный неким стилем DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти brush = CreateSolidBrush(RGB(0, 0, 255)); //Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть Rectangle(dc, 0, 0, WinCoord.right, 170); //Рисуем новый прямоугольник, который будет небом DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти brush = CreateSolidBrush(RGB(255, 255, 0)); //Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть Ellipse(dc, WinCoord.right - 200, 20, WinCoord.right-300, 120); DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти brush = CreateSolidBrush(RGB(30, 46, 234)); //Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть Ellipse(dc, 399, 312, 400+399, 312+140); //Озеро. DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти /*РИСУЕМ ДЕРЕВО*/ TreePicture Tree; Tree.show(hwnd, dc, 80, 440); /**/ /*РИСУЕМ ДОМ*/ House house; house.show(hwnd, dc, 10, 70); ReleaseDC(hwnd, dc); //Освобождаем общий или оконный (не влияющий на класс или локальность) контекст устpойства, делая его доступным для дpугих пpикладных задач. std::cin.get(); } |
Получилось так:
Здесь немного уныло смотрятся один дом и одно дерево. Благодаря подходу, ориентированному на работу с классами, можно легко построить ещё несколько домов и посадить несколько деревьев:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 |
//WinAPi Листинг #7 Рисование (добавление домов и деревьев) #include <iostream> #include <Windows.h> class TreePicture { void line(const HDC& dc, const int x1, const int y1, const int x2, const int y2) { MoveToEx(dc, x1, y1, 0); LineTo(dc, x2, y2); } public: void show(const HWND& hwnd, const HDC& dc, const int X, const int Y); }; class House { public: void show(const HWND& hwnd, const HDC& dc, const int X, const int Y); }; void House::show(const HWND& hwnd, const HDC& dc, const int X, const int Y) { /*ФАСАД ДОМА*/ HBRUSH brush = CreateSolidBrush(RGB(254, 255, 220)); SelectObject(dc,brush); Rectangle(dc, X, Y+260, X + 130, Y + 400); DeleteObject(brush); /*ТРЕУГОЛЬНАЯ КРЫША*/ POINT poly[3] = { {X,Y+260 },{ X+130 , Y+260 },{X+130/2, Y+200} }; brush = CreateHatchBrush(HS_DIAGCROSS, RGB(199, 214, 255)); SelectObject(dc, brush); Polygon(dc, poly, 3); DeleteObject(brush); /*БОК КРЫШИ ПАРАЛЛЕЛОГРАММ*/ POINT poly2[4] = { {X+65,Y + 200 },{X+280 , Y+200 },{X+345,Y+260}, {X+130, Y+260 } }; brush = CreateHatchBrush(HS_HORIZONTAL, RGB(0, 0, 255)); SelectObject(dc, brush); Polygon(dc, poly2, 4); DeleteObject(brush); /*БОК ДОМА*/ brush = CreateHatchBrush(7, RGB(200, 255, 200)); SelectObject(dc, brush); Rectangle(dc, X+345, Y + 260, X + 130, Y + 400); DeleteObject(brush); /*ДВЕРЬ*/ brush = CreateSolidBrush(RGB(175, 75, 0)); SelectObject(dc, brush); Rectangle(dc, X + 70, Y + 320, X + 110, Y + 400); DeleteObject(brush); /*ОКНА*/ brush = CreateHatchBrush(HS_BDIAGONAL, RGB(0, 255, 0)); SelectObject(dc, brush); Rectangle(dc, X + 150, Y + 300, X + 190, Y + 340); Rectangle(dc, X + 220, Y + 300, X + 260, Y + 340); DeleteObject(brush); brush = CreateSolidBrush(RGB(200, 200, 200)); SelectObject(dc, brush); Rectangle(dc, X + 290, Y + 300, X + 330, Y + 340); DeleteObject(brush); } void TreePicture::show(const HWND& hwnd, const HDC& dc, const int X, const int Y) { HBRUSH brush = CreateSolidBrush(RGB(0, 255, 0)); SelectObject(dc, brush); line(dc, X, Y, X, Y - 150); //Здесь 150 - это высота ствола, рисование идёт снизу к верху. /*Рисуем ветки*/ line(dc, X, Y - 75, X - 50, Y - 75 - 15); //circle == (X,Y, X+R, Y+R) Ellipse(dc, X-70, Y - 105, X - 40, Y-105 + 30); //Подгоняем листья line(dc, X, Y - 95, X - 50, Y - 95 - 15); Ellipse(dc, X - 75, Y - 120, X - 50, Y - 120 + 15); //Подгоняем листья Ellipse(dc, X - 50, Y - 130, X - 35, Y - 120 + 15); //Подгоняем листья Ellipse(dc, X - 10, Y - 150, X + 10, Y - 150 + 15); //Подгоняем листья line(dc, X, Y - 60, X+80, Y - 165); //Ветви line(dc, X, Y - 90, X + 30, Y - 135); line(dc, X + 25, Y - 95, X + 85, Y - 100); line(dc, X + 50, Y - 130, X + 55, Y - 170); Ellipse(dc, 15 + X + 55, 15 + Y - 170, 15 + X + 75, 15 + Y - 190); //листва Ellipse(dc, 15 + X + 34, 15 + Y - 180, 15 + X + 46, 15 + Y - 200); Ellipse(dc, 25 + X + (-5), 25 + Y - 120, 25 + X + 7, 25 + Y - 144); Ellipse(dc, 15 + X + 55, 15 + Y - 103, 15 + X + 75, 15 + Y - 127); Ellipse(dc, 15 + X + 10, 15 + Y - 140, 15 + X + 28, 15 + Y - 158); DeleteObject(brush); }; int main() { HWND hwnd = GetConsoleWindow(); //Берём ориентир на консольное окно (В нём будем рисовать) HDC dc = GetDC(hwnd); //Цепляемся к консольному окну RECT window = {}; //Переменная window будет использована для получения ширины и высоты окна HBRUSH brush; //Переменная brush - это кисть, она будет использоваться для закрашивания //1. Рисуем фон brush = CreateHatchBrush(HS_BDIAGONAL, RGB(0, 255, 0)); // Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть RECT WinCoord = {}; //Массив координат окна GetWindowRect(hwnd, &WinCoord); //Узнаём координаты Rectangle(dc, 0, 0, WinCoord.right, WinCoord.bottom); //Нарисовали прямоугольник, закрашенный неким стилем DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти brush = CreateSolidBrush(RGB(0, 0, 255)); //Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть Rectangle(dc, 0, 0, WinCoord.right, 170); //Рисуем новый прямоугольник, который будет небом DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти brush = CreateSolidBrush(RGB(255, 255, 0)); //Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть Ellipse(dc, WinCoord.right - 200, 20, WinCoord.right-300, 120); DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти brush = CreateSolidBrush(RGB(30, 46, 234)); //Создаём кисть определённого стиля и цвета SelectObject(dc, brush); //Выбираем кисть Ellipse(dc, 399, 312, 400+399, 312+140); //Озеро. DeleteObject(brush); //Очищаем память от созданной, но уже ненужной кисти /*РИСУЕМ ДЕРЕВО*/ TreePicture Tree; Tree.show(hwnd, dc, 80, 440); /**/ /*РИСУЕМ ДОМ*/ House house; house.show(hwnd, dc, 410, -90); house.show(hwnd, dc, 10, 70); house.show(hwnd, dc, 150, 90); Tree.show(hwnd, dc, 400, 190); Tree.show(hwnd, dc, 370, 198); Tree.show(hwnd, dc, 270, 256); Tree.show(hwnd, dc, 70, 247); ReleaseDC(hwnd, dc); //Освобождаем общий или оконный (не влияющий на класс или локальность) контекст устpойства, делая его доступным для дpугих пpикладных задач. std::cin.get(); } |
В итоге получился следующий рисунок:
5 комментариев на «“Знакомство с рисованием с помощью WinApi. Рисование дома, дерева, Солнца и озера”»
Добавить комментарий
Случайная книга в электронном формате
Отлично!
все доступно и понятно, спасибо
Как исправить ошибку undefined reference to `__imp_CreateSolidBrush’ ?
Нужно добавить в командной строке линкера : -lgdi32
Например, в CodeBloks: Settings —> Compiler -> Linker Settings -> Other Linker Options
Вписать -lgdi32
Суть — достучаться до командной строки линкера. В разных IDE дизайн различен, поэтому угадывать, как именно должно быть у кого бы то ни было по ту сторону монитора, мне не представляется возможным.
Это лучшая статья по данной теме! Полностью раскрыта суть, спасибо!