Урок рисования — Как заштриховать рисунок с помощью пуантилизма

О Миранде

Мои работы можно разделить на две совершенно разные и не связанные между собой категории: реализм и абстрактность. Каждый стиль позволяет мне бросать вызов разным частям моей личности. Рисование реалистично доставляет удовольствие той стороне меня, которая любит детали и является перфекционистом. Это сложная задача для меня технически, и я всегда стараюсь создавать более точные чертежи. Абстрактные работы отражают мой интерес к цвету и форме. Я могу работать свободно и плавно, реагируя на картину на ходу.Иногда бывает облегчением перейти от строгой дисциплины реалистичного рисунка к этому типу работы, но также может быть облегчением перейти от этих открытых картин к тому, чтобы потеряться в деталях рисунка.

Очень важная часть реалистичного рисования — это затенение: изменение значений от теней до бликов, которые описывают форму чего-либо. Улучшив затенение, вы можете значительно улучшить качество своих рисунков. Затенение освоить несложно, но для этого потребуется немного практики.Вы можете научиться делать свои рисунки более реалистичными, понимая свет, управляя карандашом и смешивая.

Чтобы узнать больше о Миранде, посетите ее веб-сайты, указанные ниже:

Уроки искусства и советы: https://www.learntoart.com/

Портрет Работа: https://www.customportraitsonline.com/

Интернет-галерея: https://www.mirandaaschenbrenner.com

Как заштриховать рисунок с помощью пуантилизма

Пуантилизм — это техника, использующая серию точек для создания изображения.Это требует времени и большого терпения, но результаты могут быть невероятно впечатляющими!

Для пуантилизма вам понадобятся специальные ручки. Лучше всего подходят ручки с тонкими кончиками и сыпучими чернилами. Шариковые ручки плохо работают, потому что они должны двигаться, чтобы чернила текли. Мои фавориты — пигментные лайнеры Staedtler. Вам также понадобится широкий диапазон размеров, от очень тонких до более широких. Что-то вроде 01, 03 и 05 подойдет.

На протяжении всего рисунка вы будете использовать перо любого размера.Убедитесь, что вы совмещаете точки вместе, когда меняете размер пера. Вы не хотите видеть границу, на которой вы поменяли перья. Кроме того, не торопитесь делать отметки. Если вы проявите неосторожность, некоторые из ваших очков могут потерять решимость. Вам нужны красивые чистые точки, чтобы создать равномерный узор по всему рисунку.

Как и в случае с любым другим рисунком, вы хотите начать с хорошего рисования линий. Обведите контуры объектов, а также формы основных теней и светов. Вы хотите иметь хорошие руководящие принципы, когда дело доходит до заполнения значений.

При использовании пуантилизма для затенения вам нужно думать о ценностях так же, как вы делаете это при затенении карандашом. Чтобы рисунок получился достаточно контрастным, важно иметь диапазон значений.

Давайте возьмем сферу в качестве примера того, как затенять пуантилизмом. Как только вы научитесь заштриховывать основные формы, вы сможете заштриховать что угодно!

Начните с самого лучшего пера и нарисуйте точки вокруг выделения. Не помещайте какие-либо точки внутри области выделения, но убедитесь, что точки постепенно становятся больше и дальше друг от друга, ближе к свету.Вы же не хотите, чтобы ваши отметки внезапно перестали исчезать. По мере удаления от выделения расположите точки ближе друг к другу.

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

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

Попробуйте устоять!

Было бы быстрее, но было бы очевидно. При пуантилизме важно использовать только точки. Метки создают узор или текстуру, которая видна даже в сплошных черных областях. Если у вас есть действительно большая область черного цвета, на которую у вас уйдет несколько дней, вы можете попробовать раскрасить ее сплошным цветом, а затем добавить несколько точек сверху, чтобы имитировать узор. Не рекомендую, но вы можете попробовать.

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

Когда ваш рисунок будет готов, дайте чернилам высохнуть в течение десяти минут или около того, прежде чем стирать карандашные линии. Вы бы не хотели размазывать всю свою тяжелую работу!

Цветной пуантилизм

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

Его пример из Википедии — «Воскресенье на La Grande Jatte» Сера.

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

В первой главе я обсуждал, как интерфейс графических устройств Windows использует драйверы устройств для устройств вывода графики, подключенных к вашему компьютеру.Теоретически все, что требуется драйверу графического устройства для рисования, — это функция SetPixel и функция GetPixel . Все остальное можно было обрабатывать с помощью подпрограмм более высокого уровня, реализованных в модуле GDI. Для рисования линии, например, просто требуется, чтобы GDI несколько раз вызывал процедуру SetPixel , корректируя координаты x и y соответствующим образом.

На самом деле, вы действительно можете сделать практически любой рисунок, который вам нужен, используя только функции SetPixel и GetPixel .Вы также можете создать аккуратную и хорошо структурированную систему программирования графики поверх этих функций. Единственная проблема — производительность. Функция, которая находится на расстоянии нескольких вызовов от каждой функции SetPixel , будет мучительно медленной. Для графической системы гораздо эффективнее выполнять рисование линий и другие сложные графические операции на уровне драйвера устройства, который может иметь собственный оптимизированный код для выполнения операций. Более того, некоторые платы видеоадаптеров содержат графические сопроцессоры, которые позволяют самому видеооборудованию рисовать цифры.

Настройка пикселей

Несмотря на то, что Windows GPI включает в себя функции SetPixel и GetPixel , они обычно не используются. В этой книге функция SetPixel используется только в программе CONNECT в главе 7, а функция GetPixel используется только в программе WHATCLR в главе 8. Тем не менее, они предоставляют удобное место для начала изучения графики. .

Функция SetPixel устанавливает пиксель с заданными координатами x и y для определенного цвета:

SetPixel (hdc, x, y, crColor);
 

Как и в любой функции рисования, первый аргумент — это дескриптор контекста устройства.Второй и третий аргументы указывают положение координат. В основном вы получите контекст устройства для клиентской области вашего окна, и x и y будут относиться к верхнему левому углу этой клиентской области. Последний аргумент имеет тип COLORREF, чтобы указать цвет. Если цвет, который вы указываете в функции, не может быть реализован на видеодисплее, функция устанавливает для пикселя ближайший чистый цвет без смещения и возвращает это значение из функции.

Функция GetPixel возвращает цвет пикселя в указанной координатной позиции:

crColor = GetPixel (hdc, x, y);
 

Прямые линии

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

• LineTo Рисует прямую линию.
• Polyline and PolylineTo Нарисуйте серию соединенных прямых линий.
• PolyPolyline Рисует несколько полилиний.
• Дуга Рисует эллиптические линии.
• PolyBezier и PolyBezierTo Рисуют шлицы Безье.

Кроме того, Windows NT поддерживает еще три функции рисования линий:

• ArcTo и AngleArc Нарисуйте эллиптические линии.
• PolyDraw Рисует серию соединенных прямых линий и сплайнов Безье.

Эти три функции не поддерживаются в Windows 98.

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

• Прямоугольник Рисует прямоугольник.
• Эллипс Рисует эллипс.
• RoundRect Рисует прямоугольник с закругленными углами.
• Pie Рисует часть эллипса, которая выглядит как кусок пирога.
• Хорда Рисует часть эллипса, образованного хордой.

Пять атрибутов контекста устройства влияют на внешний вид линий, которые вы рисуете с помощью этих функций: текущее положение пера (только для LineTo , PolylineTo , PolyBezierTo и ArcTo ), перо, фоновый режим, цвет фона и режим рисования.

Чтобы нарисовать прямую линию, необходимо вызвать две функции. Первая функция определяет точку, в которой начинается линия, а вторая функция определяет конечную точку линии:

MoveToEx (hdc, xBeg, yBeg, NULL);
LineTo (hdc, xEnd, yEnd);
 

MoveToEx на самом деле ничего не рисует; вместо этого он устанавливает атрибут контекста устройства, известный как «текущая позиция». Затем функция LineTo рисует прямую линию от текущей позиции до точки, указанной в функции LineTo .Текущая позиция — это просто отправная точка для нескольких других функций GDI. В контексте устройства по умолчанию текущая позиция изначально установлена ​​в точку (0, 0). Если вы вызываете LineTo без предварительной установки текущей позиции, он рисует линию, начинающуюся в верхнем левом углу клиентской области.

Краткое историческое примечание: в 16-битных версиях Windows функция установки текущей позиции была MoveTo . У этой функции было всего три аргумента — дескриптор контекста устройства и координаты x и y.Функция вернула предыдущую текущую позицию, упакованную как два 16-битных значения в 32-битную длину без знака. Однако в 32-битных версиях Windows координаты являются 32-битными значениями. Поскольку 32-разрядные версии C не определяют 64-разрядный интегральный тип данных, это изменение означало, что MoveTo больше не может указывать предыдущую текущую позицию в своем возвращаемом значении. Хотя возвращаемое значение MoveTo почти никогда не использовалось в реальном программировании, потребовалась новая функция, и это была MoveToEx .

Последний аргумент MoveToEx — указатель на структуру POINT. При возврате из функции поля x и y структуры POINT будут указывать предыдущую текущую позицию. Если вам не нужна эта информация (что почти всегда так), вы можете просто установить последний аргумент в NULL, как в примере, показанном выше.

А теперь предостережение: хотя значения координат в Windows 98 кажутся 32-битными, используются только младшие 16 бит.Значения координат фактически ограничены от -32 768 до 32 767. В Windows NT используются полные 32-битные значения.

Если вам когда-нибудь понадобится текущая позиция, вы можете узнать ее, позвонив

GetCurrentPositionEx (HDC, & pt);
 

, где pt — структура ТОЧКИ.

Следующий код рисует сетку в клиентской области окна, разделяя линии на 100 пикселей, начиная с левого верхнего угла.Предполагается, что переменная hwnd является дескриптором окна, hdc — дескриптором контекста устройства, а x и y являются целыми числами:

GetClientRect (hwnd, & rect);
для (x = 0; x 
 Хотя кажется неприятным быть вынужденным использовать две функции для рисования одной линии, текущая позиция удобна, когда вы хотите нарисовать серию соединенных линий. Например, вы можете определить массив из 5 точек (10 значений), определяющих контур прямоугольника:
ТОЧКА apt [5] = {100, 100, 200, 100, 200, 200, 100, 200, 100, 100};
 
 Обратите внимание, что последняя точка совпадает с первой.Теперь вам нужно использовать только  MoveToEx  для первой точки и  LineTo  для последующих точек:
MoveToEx (hdc, apt [0] .x, apt [0] .y, NULL);

для (я = 1; я <5; я ++)
     LineTo (hdc, apt [i] .x, apt [i] .y);
 
 Поскольку  LineTo  рисует от текущей позиции до (но не включая) точки в функции  LineTo , никакие координаты не записываются дважды этим кодом. Хотя перезапись точек не является проблемой для видеодисплея, она может плохо выглядеть на плоттере или в некоторых режимах рисования, которые я расскажу позже в этой главе.
 Если у вас есть массив точек, которые вы хотите соединить линиями, вы можете проще рисовать линии с помощью функции  Polyline . Этот оператор рисует тот же прямоугольник, что и в приведенном выше коде:
Ломаная линия (hdc, apt, 5);
 
 Последний аргумент - количество баллов. Мы также могли бы представить это значение как  sizeof (apt) / sizeof (POINT) .  Полилиния  имеет тот же эффект при рисовании, что и исходный  MoveToEx , за которым следует несколько функций  LineTo .Однако полилиния   не использует и не изменяет текущую позицию.  PolylineTo  немного отличается. Эта функция использует текущую позицию в качестве начальной точки и устанавливает текущую позицию в конец последней нарисованной линии. Код ниже рисует тот же прямоугольник, что и последний, показанный выше:
MoveToEx (hdc, apt [0] .x, apt [0] .y, NULL);
PolylineTo (hdc, apt + 1, 4);
 
 Хотя вы можете использовать  Polyline  и  PolylineTo , чтобы нарисовать всего несколько линий, эти функции наиболее полезны, когда вам нужно нарисовать сложную кривую.Вы делаете это, используя сотни или даже тысячи очень коротких строк. Если они достаточно короткие и их достаточно, вместе они будут выглядеть кривой. Например, предположим, что вам нужно нарисовать синусоидальную волну. Программа SINEWAVE на рисунке 5-6 показывает, как это сделать.
  Рисунок 5-6.   Программа SINEWAVE. 
 SINEWAVE.C 
/ * -----------------------------------------
   SINEWAVE.C - синусоида с использованием ломаной линии
                 (c) Чарльз Петцольд, 1998 г.
  ----------------------------------------- * /

#include 
#include 

#define NUM 1000
#define TWOPI (2 * 3,14159)

LRESULT CALLBACK WndProc (HWND, UINT, WPARAM, LPARAM);

int WINAPI WinMain (HINSTANCE hInstance, HINSTANCE hPrevInstance,
                    PSTR szCmdLine, int iCmdShow)
{
     статический TCHAR szAppName [] = ТЕКСТ ("Синусоида");
     HWND hwnd;
     MSG msg;
     WNDCLASS wndclass;
     
     wndclass.style = CS_HREDRAW | CS_VREDRAW;
     wndclass.lpfnWndProc = WndProc;
     wndclass.cbClsExtra = 0;
     wndclass.cbWndExtra = 0;
     wndclass.hInstance = hInstance;
     wndclass.hIcon = LoadIcon (NULL, IDI_APPLICATION);
     wndclass.hCursor = LoadCursor (NULL, IDC_ARROW);
     wndclass.hbrBackground = (HBRUSH) GetStockObject (WHITE_BRUSH);
     wndclass.lpszMenuName = NULL;
     wndclass.lpszClassName = szAppName;
          
     если (! RegisterClass (& wndclass))
     {
          MessageBox (NULL, TEXT («Программа требует Windows NT!»),
                      szAppName, MB_ICONERROR);
          возврат 0;
     }
     
     hwnd = CreateWindow (szAppName, TEXT («Синусоидальная волна с использованием ломаной линии»),
                          WS_OVERLAPPEDWINDOW,
                          CW_USEDEFAULT, CW_USEDEFAULT,
                          CW_USEDEFAULT, CW_USEDEFAULT,
                          NULL, NULL, hInstance, NULL);

     ShowWindow (hwnd, iCmdShow);
     UpdateWindow (hwnd);
     
     while (GetMessage (& msg, NULL, 0, 0))
     {
          TranslateMessage (& сообщение);
          DispatchMessage (& сообщение);
     }
     вернуть сообщение.wParam;
}

LRESULT CALLBACK WndProc (HWND hwnd, сообщение UINT, WPARAM wParam, LPARAM lParam)
{
     статический int cxClient, cyClient;
     HDC hdc;
     int i;
     PAINTSTRUCT ps;
     POINT apt [NUM];
     
     переключатель (сообщение)
     {
     case WM_SIZE:
          cxClient = LOWORD (lParam);
          cyClient = HIWORD (lParam);
          возврат 0;
          
     case WM_PAINT:
          hdc = BeginPaint (hwnd, & ps);
          
          MoveToEx (hdc, 0, cyClient / 2, NULL);
          LineTo (hdc, cxClient, cyClient / 2);
          
          для (я = 0; я <ЧИСЛО; я ++)
          {
               кв [я].х = я * cxClient / ЧИСЛО;
               apt [i] .y = (int) (cyClient / 2 * (1 - sin (TWOPI * i / NUM)));
          }
          
          Ломаная линия (hdc, apt, NUM);
          возврат 0;
          
     case WM_DESTROY:
          PostQuitMessage (0);
          возврат 0;
     }
     вернуть DefWindowProc (hwnd, message, wParam, lParam);
}
 
 Программа имеет массив из 1000 структур POINT. Поскольку цикл  для  увеличивается с 0 до 999, поля  x  структуры POINT устанавливаются на постепенное увеличение значений от 0 до  cxClient .Программа устанавливает поля  y  структуры POINT на значения синусоидальной кривой для одного цикла и увеличивает их, чтобы заполнить клиентскую область. Вся кривая строится с помощью одного вызова  Polyline . Поскольку функция  Polyline  реализована на уровне драйвера устройства, это быстрее, чем вызов  LineTo  1000 раз. Результаты показаны на Рисунке 5-7.
  Рисунок 5-7.   Дисплей SINEWAVE. 
 Функции ограничивающей рамки 
 Далее я хочу обсудить функцию  Arc , которая рисует эллиптическую кривую.Однако функция  Arc  не имеет особого смысла без предварительного обсуждения функции  Ellipse , а функция  Ellipse  не имеет особого смысла без предварительного обсуждения функции  Rectangle , и если я обсуждаю  Ellipse  и  Rectangle , я мог бы также обсудить  RoundRect ,  Chord  и  Pie .
 Проблема в том, что функции  Rectangle ,  Ellipse ,  RoundRect ,  Chord  и  Pie  не являются строго функциями рисования линий.Да, функции рисуют линии, но они также заполняют замкнутую область текущей кистью для заполнения области. По умолчанию эта кисть сплошного белого цвета, поэтому может быть неочевидно, что эти функции делают больше, чем просто рисуют линии, когда вы впервые начинаете экспериментировать с ними. Эти функции действительно относятся к более позднему разделу «Рисование заполненных областей», но я все равно буду обсуждать их здесь.
 Функции, которые я перечислил выше, похожи в том, что они построены из прямоугольного ограничивающего прямоугольника.«Вы определяете координаты прямоугольника, охватывающего объект - ограничивающего прямоугольника - и Windows рисует объект внутри этого прямоугольника.
 Самая простая из этих функций рисует прямоугольник:
Прямоугольник (hdc, xLeft, yTop, xRight, yBottom);
 
 Точка ( xLeft ,  yTop ) - это верхний левый угол прямоугольника, а ( xRight ,  yBottom ) - нижний правый угол. Рисунок, нарисованный с помощью функции  Прямоугольник , показан на Рисунке 5-8.Стороны прямоугольника всегда параллельны горизонтальной и вертикальной сторонам дисплея.
  Рисунок 5-8.   Рисунок, нарисованный с помощью функции  Прямоугольник . 
 Программисты, имеющие опыт программирования графики, часто знакомы с последовательными ошибками. Некоторые системы графического программирования рисуют фигуру, охватывающую правую и нижнюю координаты, а некоторые рисуют фигуры до (но не включая) правую и нижнюю координаты.Windows использует второй подход, но есть более простой способ подумать об этом.
 Рассмотрим вызов функции
Прямоугольник (HDC, 1, 1, 5, 4);
 
 Выше я упоминал, что Windows рисует фигуру внутри «ограничивающей рамки». Вы можете думать об отображении как о сетке, где каждый пиксель находится в ячейке сетки. На сетке рисуется воображаемый ограничивающий прямоугольник, а затем внутри этого ограничивающего прямоугольника рисуется прямоугольник. Вот как будет нарисована фигура:
 Область, разделяющая прямоугольник сверху и слева от клиентской области, имеет ширину 1 пиксель.
 Как я упоминал ранее,  Rectangle  - это не только функция рисования линий. GDI также заполняет замкнутую область. Однако, поскольку по умолчанию область заполнена белым цветом, может быть не сразу очевидно, что GDI заполняет область.
 Если вы знаете, как рисовать прямоугольник, вы также знаете, как рисовать эллипс, потому что он использует те же аргументы:
Эллипс (hdc, xLeft, yTop, xRight, yBottom);
 
 Фигура, нарисованная с помощью функции  Ellipse , показана (с воображаемой ограничивающей рамкой) на рисунке 5-9.
  Рисунок 5-9.   Рисунок, нарисованный с помощью функции  Ellipse . 
 Функция рисования прямоугольников со скругленными углами использует ту же ограничивающую рамку, что и функции  Rectangle  и  Ellipse , но включает еще два аргумента:
RoundRect (hdc, xLeft, yTop, xRight, yBottom,
           xCornerEllipse, yCornerEllipse);
 
 Рисунок, построенный с использованием этой функции, показан на Рисунке 5-10.
  Рисунок 5-10.   Рисунок, нарисованный с помощью функции  RoundRect . 
 Windows использует маленький эллипс для рисования закругленных углов. Ширина этого эллипса составляет  xCornerEllipse , а высота -  yCornerEllipse . Представьте себе, что Windows разбивает этот маленький эллипс на четыре квадранта и использует по одному квадранту для каждого из четырех углов. Закругление углов более заметно при больших значениях  xCornerEllipse  и  yCornerEllipse .Если  xCornerEllipse  равно разнице между  xLeft  и  xRight , а  yCornerEllipse  равно разнице между  yTop  и  yBottom , тогда функция  RoundRect  будет рисовать эллипс.
 Прямоугольник с закругленными углами на Рисунке 5-10 был нарисован с использованием размеров углового эллипса, рассчитанных по формулам ниже.
xCornerEllipse = (xRight - xLeft) / 4;
yCornerEllipse = (yBottom- yTop) / 4;
 
 Это простой подход, но результаты, по общему признанию, выглядят не совсем правильными, потому что скругление углов более выражено вдоль большего размера прямоугольника.Чтобы исправить эту проблему, вы, вероятно, захотите сделать  xCornerEllipse  равным  yCornerEllipse  в реальных размерах.
 Функции  Arc ,  Chord  и  Pie  принимают одинаковые аргументы:
Arc (hdc, xLeft, yTop, xRight, yBottom, xStart, yStart, xEnd, yEnd);
Аккорд (hdc, xLeft, yTop, xRight, yBottom, xStart, yStart, xEnd, yEnd);
Круговая диаграмма (hdc, xLeft, yTop, xRight, yBottom, xStart, yStart, xEnd, yEnd);
 
 Линия, нарисованная с помощью функции  Arc , показана на рисунке 5-11; Рисунки, нарисованные с использованием функций  Chord  и  Pie , показаны на рисунках 5-12 и 5-13.Windows использует воображаемую линию для соединения ( xStart ,  yStart ) с центром эллипса. В точке, в которой эта линия пересекает эллипс, Windows начинает рисовать дугу в направлении против часовой стрелки по окружности эллипса. Windows также использует воображаемую линию для соединения ( xEnd ,  yEnd ) с центром эллипса. В точке пересечения этой линии с эллипсом Windows прекращает рисование дуги.
  Рисунок 5-11.  Линия, нарисованная с помощью функции  Arc . 
  Рисунок 5-12.   Рисунок, нарисованный с помощью функции  Chord . 
  Рисунок 5-13.   Рисунок, нарисованный с помощью функции  Pie . 
 Для функции  Arc  Windows завершена, потому что дуга представляет собой эллиптическую линию, а не заполненную область. Для функции  Chord  Windows соединяет конечные точки дуги.Для функции  Pie  Windows соединяет каждую конечную точку дуги с центром эллипса. Внутренняя часть фигурок аккорда и кругового клина заполнена текущей кистью.
 Вы можете задаться вопросом об использовании начальных и конечных позиций в функциях  Arc ,  Chord  и  Pie . Почему бы просто не указать начальную и конечную точки на окружности эллипса? Что ж, вы можете, но вам нужно выяснить, что это за точки.Метод Windows выполняет свою работу, не требуя такой точности.
 Программа LINEDEMO, показанная на рис. 5-14, рисует прямоугольник, эллипс, прямоугольник со скругленными углами и две линии, но не в таком порядке. Программа демонстрирует, что эти функции, определяющие замкнутые области, действительно заполняют их, потому что линии скрыты за эллипсом. Результаты показаны на Рисунке 5-15.
  Рисунок 5-14.   Программа LINEDEMO.
 LINEDEMO.C 
 / * ----------------------------------------------- ---
   LINEDEMO.C - Демонстрационная программа рисования линий
                 (c) Чарльз Петцольд, 1998 г.
  -------------------------------------------------- * /

#include 

LRESULT CALLBACK WndProc (HWND, UINT, WPARAM, LPARAM);

int WINAPI WinMain (HINSTANCE hInstance, HINSTANCE hPrevInstance,
                    PSTR szCmdLine, int iCmdShow)
{
     статический TCHAR szAppName [] = ТЕКСТ ("LineDemo");
     HWND hwnd;
     MSG msg;
     WNDCLASS wndclass;
     
     wndclass.style = CS_HREDRAW | CS_VREDRAW;
     wndclass.lpfnWndProc = WndProc;
     wndclass.cbClsExtra = 0;
     wndclass.cbWndExtra = 0;
     wndclass.hInstance = hInstance;
     wndclass.hIcon = LoadIcon (NULL, IDI_APPLICATION);
     wndclass.hCursor = LoadCursor (NULL, IDC_ARROW);
     wndclass.hbrBackground = (HBRUSH) GetStockObject (WHITE_BRUSH);
     wndclass.lpszMenuName = NULL;
     wndclass.lpszClassName = szAppName;
     
     если (! RegisterClass (& wndclass))
     {
          MessageBox (NULL, TEXT («Программа требует Windows NT!»),
                      szAppName, MB_ICONERROR);
          возврат 0;
     }
     
     hwnd = CreateWindow (szAppName, TEXT («Демонстрация строки»),
                          WS_OVERLAPPEDWINDOW,
                          CW_USEDEFAULT, CW_USEDEFAULT,
                          CW_USEDEFAULT, CW_USEDEFAULT,
                          NULL, NULL, hInstance, NULL);
     
     ShowWindow (hwnd, iCmdShow);
     UpdateWindow (hwnd);
     
     while (GetMessage (& msg, NULL, 0, 0))
     {
          TranslateMessage (& сообщение);
          DispatchMessage (& сообщение);
     }
     вернуть сообщение.wParam;
}

LRESULT CALLBACK WndProc (HWND hwnd, сообщение UINT, WPARAM wParam, LPARAM lParam)
{
     статический int cxClient, cyClient;
     HDC hdc;
     PAINTSTRUCT ps;
     
     переключатель (сообщение)
     {
     case WM_SIZE:
          cxClient = LOWORD (lParam);
          cyClient = HIWORD (lParam);
          возврат 0;
          
     case WM_PAINT:
          hdc = BeginPaint (hwnd, & ps);
          
          Прямоугольник (hdc, cxClient / 8, cyClient / 8,
                     7 * cxClient / 8, 7 * cyClient / 8);
          
          MoveToEx (hdc, 0, 0, NULL);
          LineTo (hdc, cxClient, cyClient);
          
          MoveToEx (hdc, 0, cyClient, NULL);
          LineTo (hdc, cxClient, 0);
          
          Эллипс (hdc, cxClient / 8, cyClient / 8,
                     7 * cxClient / 8, 7 * cyClient / 8);
          
          RoundRect (HDC, cxClient / 4, cyClient / 4,
                     3 * cxClient / 4, 3 * cyClient / 4,
                         cxClient / 4, cyClient / 4);
          
          EndPaint (hwnd, & ps);
          возврат 0;
          
     case WM_DESTROY:
          PostQuitMessage (0);
          возврат 0;
     }
     вернуть DefWindowProc (hwnd, message, wParam, lParam);
}
 
  Рисунок 5-15.  Дисплей LINEDEMO. 
 Сплайны Безье 
 Слово «шлиц» когда-то относилось к куску гибкого дерева, резины или металла, используемому для рисования кривых на листе бумаги. Например, если у вас есть несколько разрозненных точек графика и вы хотите провести кривую между ними (либо для интерполяции, либо для экстраполяции), вы должны сначала отметить точки на миллиметровой бумаге. Затем вы прикрепляете сплайн к точкам и карандашом рисуете кривую вдоль сплайна, изгибающегося вокруг точек.
 В наше время, конечно, сплайны - это математические формулы. Они бывают разных видов, но сплайн Безье стал наиболее популярным в программировании компьютерной графики. Это сравнительно недавнее дополнение к арсеналу графических инструментов, доступных на уровне операционной системы, и его источник маловероятен: в 1960-х годах автомобильная компания Renault отказалась от ручного проектирования кузовов автомобилей (в котором использовалась глина). к компьютерному дизайну. Требовались математические инструменты, и Пьер Безье придумал набор формул, которые оказались полезными для этой работы.
 С тех пор двумерная форма сплайна Безье зарекомендовала себя как наиболее полезная кривая (после прямой и эллипса) для компьютерной графики. В PostScript сплайн Безье используется для  всех кривых  - даже эллиптические линии аппроксимируются по Безье. Кривые Безье также используются для определения контуров символов шрифтов PostScript. (TrueType использует более простую и быструю форму сплайна.)
 Один двумерный сплайн Безье определяется четырьмя точками - двумя конечными точками и двумя контрольными точками.Концы кривой закреплены в двух конечных точках. Контрольные точки действуют как «магниты», отводя кривую от прямой линии между двумя конечными точками. Лучше всего это проиллюстрировано интерактивной программой BEZIER, показанной на рисунке 5-16.
  Рисунок 5-16.   Программа BEZIER. 
 BEZIER.C 
 / * ---------------------------------------
   BEZIER.C - Демо-версия сплайнов Безье
               (c) Чарльз Петцольд, 1998 г.
  --------------------------------------- * /

#include 

LRESULT CALLBACK WndProc (HWND, UINT, WPARAM, LPARAM);

int WINAPI WinMain (HINSTANCE hInstance, HINSTANCE hPrevInstance,
                    PSTR szCmdLine, int iCmdShow)
{
     статический TCHAR szAppName [] = ТЕКСТ ("Безье");
     HWND hwnd;
     MSG msg;
     WNDCLASS wndclass;
     wndclass.style = CS_HREDRAW | CS_VREDRAW;
     wndclass.lpfnWndProc = WndProc;
     wndclass.cbClsExtra = 0;
     wndclass.cbWndExtra = 0;
     wndclass.hInstance = hInstance;
     wndclass.hIcon = LoadIcon (NULL, IDI_APPLICATION);
     wndclass.hCursor = LoadCursor (NULL, IDC_ARROW);
     wndclass.hbrBackground = (HBRUSH) GetStockObject (WHITE_BRUSH);
     wndclass.lpszMenuName = NULL;
     wndclass.lpszClassName = szAppName;
     
     если (! RegisterClass (& wndclass))
     {
          MessageBox (NULL, TEXT («Программа требует Windows NT!»),
                      szAppName, MB_ICONERROR);
          возврат 0;
     }
     
     hwnd = CreateWindow (szAppName, ТЕКСТ ("Сплайны Безье"),
                          WS_OVERLAPPEDWINDOW,
                          CW_USEDEFAULT, CW_USEDEFAULT,
                          CW_USEDEFAULT, CW_USEDEFAULT,
                          NULL, NULL, hInstance, NULL);
     
     ShowWindow (hwnd, iCmdShow);
     UpdateWindow (hwnd);
     
     while (GetMessage (& msg, NULL, 0, 0))
     {
          TranslateMessage (& сообщение);
          DispatchMessage (& сообщение);
     }
     вернуть сообщение.wParam;
}

void DrawBezier (HDC hdc, POINT apt [])
{
     PolyBezier (HDC, кв, 4);
     
     MoveToEx (hdc, apt [0] .x, apt [0] .y, NULL);
     LineTo (hdc, apt [1] .x, apt [1] .y);
     
     MoveToEx (hdc, apt [2] .x, apt [2] .y, NULL);
     LineTo (hdc, apt [3] .x, apt [3] .y);
}

LRESULT CALLBACK WndProc (HWND hwnd, сообщение UINT, WPARAM wParam, LPARAM lParam)
{
     static POINT apt [4];
     HDC hdc;
     int cxClient, cyClient;
     PAINTSTRUCT ps;
     
     переключатель (сообщение)
     {
     case WM_SIZE:
          cxClient = LOWORD (lParam);
          cyClient = HIWORD (lParam);
          
          кв [0].х = cxClient / 4;
          apt [0] .y = cyClient / 2;
          
          apt [1] .x = cxClient / 2;
          apt [1] .y = cyClient / 4;
          
          apt [2] .x = cxClient / 2;
          apt [2] .y = 3 * cyClient / 4;
          
          apt [3] .x = 3 * cxClient / 4;
          apt [3] .y = cyClient / 2;
          
          возврат 0;

     case WM_LBUTTONDOWN:
     case WM_RBUTTONDOWN:
     case WM_MOUSEMOVE:
          если (wParam & MK_LBUTTON || wParam & MK_RBUTTON)
          {
               hdc = GetDC (hwnd);
               
               SelectObject (hdc, GetStockObject (WHITE_PEN));
               DrawBezier (HDC, APT);
               
               если (wParam & MK_LBUTTON)
               {
                    кв [1].x = LOWORD (lParam);
                    apt [1] .y = HIWORD (lParam);
               }
               
               если (wParam & MK_RBUTTON)
               {
                    apt [2] .x = LOWORD (lParam);
                    apt [2] .y = HIWORD (lParam);
               }
               
               SelectObject (hdc, GetStockObject (BLACK_PEN));
               DrawBezier (HDC, APT);
               ReleaseDC (hwnd, hdc);
          }
          возврат 0;
          
     case WM_PAINT:
          InvalidateRect (hwnd, NULL, TRUE);
          
          hdc = BeginPaint (hwnd, & ps);
          
          DrawBezier (HDC, APT);
          
          EndPaint (hwnd, & ps);
          возврат 0;
          
     case WM_DESTROY:
          PostQuitMessage (0);
          возврат 0;
     }
     вернуть DefWindowProc (hwnd, message, wParam, lParam);
}
 
 Поскольку эта программа использует некоторую логику обработки мыши, о которой мы не узнаем до главы 7, я не буду обсуждать ее внутреннюю работу (которая, тем не менее, может быть очевидной).Вместо этого вы можете использовать программу для экспериментов с манипулированием сплайнами Безье. В этой программе две конечные точки установлены на полпути вниз по клиентской области и ¼ и пути по клиентской области. Двумя контрольными точками можно управлять: первая - нажатием левой кнопки мыши и перемещением мыши, вторая - нажатием правой кнопки мыши и перемещением мыши. На Рис. 5-17 показан типичный дисплей.
 Помимо самого сплайна Безье, программа также рисует прямую линию от первой контрольной точки до первой конечной точки (также называемой начальной точкой) слева и от второй контрольной точки до конечной точки справа. .
 Шлицы Безье считаются полезными для компьютерного проектирования из-за нескольких характеристик. Во-первых, немного попрактиковавшись, вы обычно можете преобразовать кривую в нечто близкое к желаемой.
  Рисунок 5-17.   Дисплей BEZIER. 
 Во-вторых, сплайн Безье очень хорошо контролируется. В некоторых шлицах кривая не проходит ни через одну из точек, определяющих кривую.Сплайн Безье всегда закреплен в двух конечных точках. (Это одно из предположений, которое используется для вывода формул Безье.) Кроме того, некоторые формы сплайнов имеют особенности, в которых кривая уходит в бесконечность. В компьютерном проектировании это редко бывает желательно. Кривая Безье никогда этого не делает; действительно, он всегда ограничен четырехсторонним многоугольником (называемым «выпуклой оболочкой»), который образован соединением конечных и контрольных точек.
 В-третьих, еще одна характеристика сплайна Безье включает взаимосвязь между конечными и контрольными точками.Кривая всегда проходит по касательной и в том же направлении, что и прямая линия от начальной точки до первой контрольной точки. (Это наглядно проиллюстрировано программой Безье.) Кроме того, кривая всегда касается и имеет то же направление, что и прямая линия, проведенная от второй контрольной точки до конечной точки. Это два других предположения, использованных для вывода формул Безье.
 В-четвертых, шлицы Безье часто эстетичны. Я знаю, что это субъективный критерий, но я не единственный, кто так думает.
 До 32-разрядных версий Windows вам нужно было создать свой собственный Безье
сплайны с использованием функции  Polyline . Вам также потребуются знания о следующих
параметрические уравнения для сплайна Безье. Начальная точка
(x  0 , y  0 ), а конечной точкой является
(x  3 , y  3 ). Две контрольные точки:
(x  1 , y  1 ) и (x  2 ,
y  2 ).Кривая построена для значений  т  от 0 до 1:
  x (t) = (1 - t)  3  x  0  + 3t (1
- т)  2  x  1  + 3т  2  (1
- t) x  2  + t  3  x  3  
 y (t) = (1 - t)  3  y  0  + 3t (1
- т)  2  л  1  + 3т  2  (1
- t) y  2  + t  3  y  3 
 Вам не нужно знать эти формулы в Windows 98.Чтобы нарисовать один или несколько связанных сплайнов Безье, вы просто вызываете
PolyBezier (HDC, APT, iCount);
 
 или
PolyBezierTo (hdc, apt, iCount);
 
 В обоих случаях  apt  представляет собой массив структур POINT. В  PolyBezier  первые четыре точки указывают (в этом порядке) начальную точку, первую контрольную точку, вторую контрольную точку и конечную точку первой кривой Безье. Для каждой последующей кривой Безье требуется только три дополнительные точки, потому что начальная точка второй кривой Безье совпадает с конечной точкой первой кривой Безье и так далее.Аргумент  iCount  всегда равен одному плюс трехкратному количеству соединенных кривых, которые вы рисуете.
 Функция  PolyBezierTo  использует текущую позицию для первой начальной точки. Первый и каждый последующий сплайн Безье требует только трех точек. Когда функция возвращается, текущая позиция устанавливается на последнюю конечную точку.
 Одно примечание: когда вы рисуете серию соединенных сплайнов Безье, точка соединения будет гладкой, только если вторая контрольная точка первого Безье, конечная точка первого Безье (которая также является начальной точкой второго Безье). Безье), а первая контрольная точка второй Безье коллинеарна; то есть они лежат на одной прямой.
 Использование стандартных ручек 
 Когда вы вызываете любую из функций рисования линий, которые я обсуждал в этом разделе, Windows использует «перо», выбранное в данный момент в контексте устройства, для рисования линии. Перо определяет цвет, ширину и стиль линии, которая может быть сплошной, пунктирной или штриховой. Перо в контексте устройства по умолчанию называется BLACK_PEN. Это перо рисует сплошную черную линию шириной в один пиксель. BLACK_PEN - одно из трех «стандартных ручек», предоставляемых Windows.Два других - WHITE_PEN и NULL_PEN. NULL_PEN - перо, которое не рисует. Вы также можете создать свои собственные ручки.
 В программах Windows вы обращаетесь к перьям с помощью ручки. Заголовочный файл Windows WINDEF.H определяет тип HPEN, дескриптор пера. Вы можете определить переменную (например,  hPen ), используя это определение типа:
HPEN hPen;
 
 Вы получите дескриптор одного из стандартных перьев, позвонив по номеру  GetStockObject .Например, предположим, что вы хотите использовать стандартную ручку WHITE_PEN. У вас получится ручка пера вот так:
hPen = GetStockObject (WHITE_PEN);
 
 Теперь вы должны "выбрать" это перо в контексте устройства:
SelectObject (hdc, hPen);
 
 Теперь текущим пером является белое перо. После этого вызова любые нарисованные вами линии будут использовать WHITE_PEN, пока вы не выберете другое перо в контексте устройства или не отпустите дескриптор контекста устройства.
 Вместо того, чтобы явно определять переменную  hPen , вы можете вместо этого объединить вызовы  GetStockObject  и  SelectObject  в одном операторе:
SelectObject (hdc, GetStockObject (WHITE_PEN));
 
 Если вы затем захотите вернуться к использованию BLACK_PEN, вы можете получить дескриптор этого стандартного объекта и выбрать его в контексте устройства одним оператором:
SelectObject (hdc, GetStockObject (BLACK_PEN));
 
  SelectObject  возвращает дескриптор пера, который был ранее выбран в контексте устройства.Если вы начнете с нового контекста устройства и вызовете
hPen = SelectObject (hdc, GetStockobject (WHITE_PEN));
 
 текущее перо в контексте устройства будет WHITE_PEN, а переменная  hPen  будет дескриптором BLACK_PEN. Затем вы можете выбрать BLACK_PEN в контексте устройства, вызвав
SelectObject (hdc, hPen);
 
 Создание, выбор и удаление перьев 
 Хотя перья, определенные как стандартные объекты, безусловно, удобны, вы ограничены только сплошным черным пером, сплошным белым пером или вообще не пером.Если вы хотите стать еще красивее, вы должны создать свои собственные ручки.
 Вот общая процедура: вы создаете «логическое перо», которое является просто описанием пера, с помощью функции  CreatePen  или  CreatePenIndirect . Эти функции возвращают дескриптор логического пера. Вы выбираете перо в контексте устройства, вызывая  SelectObject . Затем вы можете рисовать линии этим новым пером. В любое время в контексте устройства можно выбрать только одно перо.После освобождения контекста устройства (или после выбора другого пера в контексте устройства) вы можете удалить созданное вами логическое перо, вызвав  DeleteObject . Когда вы это сделаете, дескриптор пера больше не действителен.
 Логическое перо - это «объект GDI», один из шести объектов GDI, которые может создать программа. Остальные пять - это кисти, растровые изображения, области, шрифты и палитры. За исключением палитр, все эти объекты выбираются в контексте устройства с помощью  SelectObject .
 Три правила регулируют использование объектов GDI, таких как перья:
 В конечном итоге вам следует удалить все созданные вами объекты GDI.
 Не удалять объекты GDI, пока они выбраны в допустимом контексте устройства.
 Не удалять стоковые объекты.
 Это вполне разумные правила, но иногда они могут быть немного сложными. Мы рассмотрим несколько примеров, чтобы понять, как работают правила.
 Общий синтаксис функции  CreatePen  выглядит следующим образом:
hPen = CreatePen (iPenStyle, iWidth, crColor);
 
 Аргумент  iPenStyle  определяет, рисует ли перо сплошную линию или линию, состоящую из точек или тире. Аргументом может быть один из следующих идентификаторов, определенных в WINGDI.H. На рис. 5-18 показаны линии, создаваемые каждым стилем.
  Рисунок 5-18.  Семь стилей пера. 
 Для стилей PS_SOLID, PS_NULL и PS_INSIDEFRAME аргумент  iWidth  - это ширина пера. Значение 0  iWidth  указывает Windows использовать один пиксель для ширины пера. Стандартные ручки имеют ширину 1 пиксель. Если вы укажете стиль пера с пунктиром или пунктиром с физической шириной больше 1, Windows будет использовать сплошное перо.
 Аргумент  crColor  для  CreatePen  - это значение COLORREF, определяющее цвет пера.Для всех стилей пера, кроме PS_INSIDEFRAME, когда вы выбираете перо в контексте устройства, Windows преобразует цвет в ближайший чистый цвет, который устройство может воспроизвести. PS_INSIDEFRAME - единственный стиль пера, который может использовать смешанный цвет, и то только тогда, когда ширина больше 1.
 Стиль PS_INSIDEFRAME имеет еще одну особенность при использовании с функциями, определяющими заполненную область. Для всех стилей пера, кроме PS_INSIDEFRAME, если перо, используемое для рисования контура, имеет ширину более 1 пикселя, то перо центрируется на границе, так что часть линии может выходить за пределы ограничительной рамки.Для стиля пера PS_INSIDEFRAME вся линия рисуется внутри ограничивающей рамки.
 Вы также можете создать перо, настроив структуру типа LOGPEN («логическое перо») и вызвав  CreatePenIndirect . Если ваша программа использует много разных перьев, которые вы инициализируете в исходном коде, этот метод, вероятно, более эффективен.
 Чтобы использовать  CreatePenIndirect , сначала вы определяете структуру типа LOGPEN:
LOGPEN logpen;
 
 Эта структура состоит из трех членов:  lopnStyle  (целое число без знака или UINT) - это стиль пера,  lopnWidth  (структура POINT) - ширина пера в логических единицах и  lopnColor  (COLORREF) - цвет пера.Windows использует только поле  x  структуры  lopnWidth  для установки ширины пера; он игнорирует поле  y .
 Вы создаете перо, передавая адрес структуры в  CreatePenIndirect :
hPen = CreatePenIndirect (& logpen);
 
 Обратите внимание, что для функций  CreatePen  и  CreatePenIndirect  не требуется дескриптор контекста устройства. Эти функции создают логические ручки, которые не имеют связи с контекстом устройства, пока вы не вызовете  SelectObject .Вы можете использовать одно и то же логическое перо для нескольких различных устройств, таких как экран и принтер.
 Вот один из способов создания, выбора и удаления перьев. Предположим, ваша программа использует три пера: черное перо шириной 1, красное перо шириной 3 и перо с черными точками. Сначала вы можете определить статические переменные для хранения дескрипторов этих перьев:
статический HPEN hPen1, hPen2, hPen3;
 
 Во время обработки WM_CREATE вы можете создать три пера:
hPen1 = CreatePen (PS_SOLID, 1, 0);
hPen2 = CreatePen (PS_SOLID, 3, RGB (255, 0, 0));
hPen3 = CreatePen (PS_DOT, 0, 0);
 
 Во время обработки WM_PAINT (или в любой другой раз, когда у вас есть действительный дескриптор контекста устройства), вы можете выбрать одно из этих перьев в контексте устройства и рисовать с его помощью:
SelectObject (hdc, hPen2);
  [функции рисования линий] 
SelectObject (hdc, hPen1);
  [функции рисования линий] 
 
 Во время обработки WM_DESTROY вы можете удалить три созданных вами пера:
DeleteObject (hPen1);
DeleteObject (hPen2);
DeleteObject (hPen3);
 
 Это наиболее простой метод создания выделения и удаления перьев, но, очевидно, ваша программа должна знать, какие перья потребуются.Вместо этого вы можете захотеть создавать перья во время каждого сообщения WM_PAINT и удалять их после вызова  EndPaint . (Вы можете удалить их перед вызовом  EndPaint , но вы должны быть осторожны, чтобы не удалить перо, выбранное в данный момент в контексте устройства.)
 Возможно, вы захотите создать перья на лету и объединить вызовы  CreatePen  и  SelectObject  в одном операторе:
SelectObject (hdc, CreatePen (PS_DASH, 0, RGB (255, 0, 0)));
 
 Теперь, когда вы рисуете линии, вы будете использовать красную пунктирную ручку.Когда вы закончите рисовать красные пунктирные линии, вы можете удалить перо. Ой! Как удалить перо, если ручка пера не сохранена? Напомним, что  SelectObject  возвращает дескриптор пера, ранее выбранного в контексте устройства. Это означает, что вы можете удалить перо, выбрав стандартный BLACK_PEN в контексте устройства и удалив значение, возвращенное из  SelectObject :
DeleteObject (SelectObject (hdc, GetStockObject (BLACK_PEN)));
 
 Вот еще один способ.Когда вы выбираете перо во вновь созданном контексте устройства, сохраните дескриптор пера, который возвращает  SelectObject :
hPen = SelectObject (hdc, CreatePen (PS_DASH, 0, RGB (255, 0, 0)));
 
 Что такое  hPen ? Если это первый вызов  SelectObject , сделанный вами с момента получения контекста устройства,  hPen  является дескриптором стандартного объекта BLACK_PEN. Теперь вы можете выбрать это перо в контексте устройства и удалить созданное перо (дескриптор, возвращенный этим вторым вызовом  SelectObject ) одним оператором:
УдалитьОбъект (SelectObject (hdc, hPen));
 
 Если у вас есть дескриптор пера, вы можете получить значения полей структуры LOGPEN, вызвав  GetObject :
GetObject (hPen, sizeof (LOGPEN), (LPVOID) & logpen);
 
 Если вам нужен дескриптор пера, выбранный в данный момент в контексте устройства, вызовите
hPen = GetCurrentObject (hdc, OBJ_PEN);
 
 Я расскажу о другой функции создания пера,  ExtCreatePen , в главе 17.
 Заполнение пробелов 
 Использование пунктирных и пунктирных перьев вызывает вопрос: что происходит с промежутками между точками и тире? Ну что вы хотите?
 Цвет зазоров зависит от двух атрибутов контекста устройства - режима фона и цвета фона. Фоновый режим по умолчанию - OPAQUE, что означает, что Windows заполняет промежутки цветом фона, который по умолчанию белый. Это согласуется с WHITE_BRUSH, который многие программы используют в классе окна для стирания фона окна.
 Вы можете изменить цвет фона, который Windows использует для заполнения пробелов, вызвав
SetBkColor (hdc, crColor);
 
 Как и в случае с аргументом  crColor , используемым для цвета пера, Windows преобразует этот цвет фона в чистый цвет. Вы можете получить текущий цвет фона, определенный в контексте устройства, вызвав  GetBkColor .
 Вы также можете запретить Windows заполнять пробелы, изменив фоновый режим на ПРОЗРАЧНЫЙ:
SetBkMode (hdc, ПРОЗРАЧНЫЙ);
 
 Windows проигнорирует цвет фона и не заполнит пробелы.Вы можете получить текущий фоновый режим (ПРОЗРАЧНЫЙ или НЕПРЫВНЫЙ), вызвав  GetBkMode .
 Режимы рисования 
 Внешний вид линий, нарисованных на дисплее, также зависит от режима рисования, определенного в контексте устройства. Представьте, что вы рисуете линию, цвет которой зависит не только от цвета пера, но и от цвета области отображения, в которой нарисована линия. Представьте себе способ, которым вы могли бы использовать одну ручку, чтобы нарисовать черную линию на белой поверхности и белую линию на черной поверхности, не зная, какого цвета эта поверхность.Может ли такое средство быть вам полезно? Это стало возможным благодаря режиму рисования.
 Когда Windows использует перо для рисования линии, она фактически выполняет побитовую логическую операцию между пикселями пера и пикселями целевой поверхности отображения, где пиксели определяют цвет пера и поверхности отображения. Выполнение побитовой логической операции с пикселями называется «растровой операцией» или «ROP». Поскольку рисование линии включает только два пиксельных шаблона (перо и место назначения), логическая операция называется «двоичной растровой операцией» или «ROP2».«Windows определяет 16 кодов ROP2, которые указывают, как Windows объединяет пиксели пера и пиксели назначения. В контексте устройства по умолчанию режим рисования определяется как R2_COPYPEN, что означает, что Windows просто копирует пиксели пера в место назначения, а именно как мы обычно думаем о ручках.Есть 15 других кодов ROP2.
 Откуда берутся эти 16 различных кодов ROP2? Для наглядности предположим, что монохромная система использует 1 бит на пиксель. Цвет назначения (цвет клиентской области окна) может быть либо черным (который мы представим нулевым пикселем), либо белым (представлен одним пикселем).Перо также может быть черным или белым. Существует четыре комбинации использования черного или белого пера для рисования в черном или белом месте: белое перо на белом месте, белое перо на черном месте, черное перо на белом месте и черное перо на белом. черный пункт назначения.
 Какого цвета будет конечный объект после рисования пером? Одна из возможностей заключается в том, что линия всегда отображается как черная, независимо от цвета пера или цвета назначения. Этот режим рисования обозначается кодом ROP2 R2_BLACK.Другая возможность заключается в том, что линия отображается как черная, за исключением случаев, когда и ручка, и место назначения черные, и в этом случае линия отображается как белая. Хотя это может показаться немного странным, у Windows есть для этого название. Режим рисования называется R2_NOTMERGEPEN. Windows выполняет побитовую операцию ИЛИ над целевыми пикселями и пикселями пера, а затем инвертирует результат.
 В таблице ниже показаны все 16 режимов рисования ROP2. В таблице показано, как сочетаются цвета пера (P) и назначения (D) для получения результата.В столбце «Логическая операция» используется нотация C, чтобы показать, как сочетаются пиксели назначения и пиксели пера.
   Ручка (P):  
 Пункт назначения (D):
   1 1 0 0  
 1 0 1 0
   Логическая операция  
   Режим рисования  
 Результатов:
 0 0 0 0
 0
 R2_BLACK
 0 0 0 1
 ~ (P ¦ D)
 R2_NOTMERGEPEN
 0 0 1 0
 ~ P&D
 R2_MASKNOTPEN
 0 0 1 1
 ~ P
 R2_NOTCOPYPEN
 0 1 0 0
 P&D
 R2_MASKPENNOT
 0 1 0 1
 ~ D
 R2_NOT
 0 1 1 0
 P ^ D
 R2_XORPEN
 0 1 1 1
 ~ (P&D)
 R2_NOTMASKPEN
 1 0 0 0
 P&D
 R2_MASKPEN
 1 0 0 1
 ~ (P ^ D)
 R2_NOTXORPEN
 1 0 1 0
 D
 R2_NOP
 1 0 1 1
 ~ P ¦ D
 R2_MERGENOTPEN
 1 1 0 0
-п.
 R2_COPYPEN (по умолчанию)
 1 1 0 1
 P ¦ ~ D
 R2_MERGEPENNOT
 1 1 1 0
 P ¦ D
 R2_MERGEPEN
 1 1 1 1
 1
 R2_ БЕЛЫЙ
 Вы можете установить новый режим рисования для контекста устройства, вызвав
SetROP2 (hdc, iDrawMode);
 
 Аргумент  iDrawMode  - это одно из значений, перечисленных в столбце «Режим рисования» таблицы.Вы можете получить текущий режим рисования, используя функцию:
iDrawMode = GetROP2 (hdc);
 
 Контекст устройства по умолчанию - R2_COPYPEN, который просто передает цвет пера в место назначения. В режиме R2_NOTCOPYPEN отображается белый цвет, если цвет пера черный, и черный, если цвет пера белый. В режиме R2_BLACK всегда отображается черный цвет независимо от цвета пера или фона. Аналогично, режим R2_WHITE всегда отображает белый цвет. Режим R2_NOP - это «без операции»."Пункт назначения остается неизменным.
 Мы изучали режим рисования в контексте монохромной системы. Однако большинство систем цветные. В цветовых системах Windows выполняет побитовые операции режима рисования для каждого цветового бита пера и целевых пикселей и снова использует 16 кодов ROP2, описанных в предыдущей таблице. Режим рисования R2_NOT всегда инвертирует целевой цвет для определения цвета линии, независимо от цвета пера.Например, линия, нарисованная на голубом месте назначения, будет пурпурной. В режиме R2_NOT перо всегда становится видимым, кроме случаев, когда перо нарисовано на среднем сером фоне. Я продемонстрирую использование режима рисования R2_NOT в программах BLOKOUT в главе 7.
 40 милых простых рисунков для практики 
  С одной стороны,  считается, что одно изображение может сказать тысячу слов и вызвать множество мыслей, но в то же время верно и то, что не все могут хорошо рисовать.Так что же делать? Рисуем, но неэффективно или полагаемся на слова, чтобы выразить то, что мы хотим сказать? Что ж, это не обязательно должно быть чисто и сухо, и вы действительно можете научиться рисовать несколько простых концепций, которые будут добавлять к тому, что вы хотите сказать, но не заставляя вас потеть от усилий. Вы должны отметить, что мы не говорим о чарующих и красивых рисунках черными тушью, чтобы ослепить вас, а определенно о какой-то простой, но милой концепции, которая сделает ваше сообщение более ясным, чем когда-либо. Вы можете найти технику рисования углем для начинающих, чтобы понять простоту концепции, которую они пытаются представить при использовании такого материала, как уголь.
  Если вы подумаете  о том, как простые и милые рисунки были частью вашей жизни с тех унылых школьных дней, когда вам приходилось рисовать, независимо от того, проявляли ли вы интерес и навыки или нет, вы поймете, что эти уроки не были полностью в вашей жизни. напрасно. На самом деле милые и простые рисунки, которые, как мы считаем, вам следует практиковать, будут напоминать вам рисунки цветным карандашом, заставляя вас ворковать от радости.
  Когда мы говорим  просто, мы имеем в виду именно это, потому что, если вы уже взглянули на изображения, которые мы здесь дали, вы поймете, что мы действительно это имеем в виду. Мы говорим о чем-то столь же простом, как рисование милой маленькой совы, и это тоже во всей своей пухлой красоте, чтобы показать, как это может быть интересное зрелище. Или то, как кошка выглядит самодовольной и милой, когда вы заставляете ее мурлыкать, потирая ее любимые места или кормя ее любимой едой.Или полная фронтальная версия симпатичного слоненка с его невинными глазами и во всем профиле, где преобладают развевающиеся уши.
  Помните те милые рисунки , посвященные солнцу и природным пейзажам, которые вы рисовали в детстве в творчестве? Они были простыми и иногда делались симпатичнее, добавляя глаза и улыбку на лице солнца. В этой статье мы говорим о подобных концепциях, но только о том, что вам нужно попрактиковаться и немного улучшить это с помощью нескольких приятных штрихов, чтобы сделать их менее детскими и более удобными для выражения того, что вы хотите сказать.Например, все мы знакомы с простым рисунком цветка с кругом в центре и лепестками по бокам. Вы можете добавить символы инь и янь в центральный круг, чтобы он выглядел лучше.
  Вы также можете  взять простые детские рисунки, которые вы использовали для рисования маленьких симпатичных кукол, и превратить их в русалку, добавив хвост. Вы можете выразить свои чувства и эмоции по всему, от любовного интереса до того, что вы чувствуете по поводу окружающей среды, добавляя интересные слова и повороты к простым рисункам, которые одновременно милые и познавательные.Использование линий записной книжки для рисования классического кота, выглядывающего через жалюзи, - отличная идея, которая производит большее впечатление, чем требуемые усилия.
  Симпатичный рисунок  ёжика в профиль со всеми его иглами может стать отличным способом рассказать детям о природе и различных существах, которые в ней процветают.Вы также можете научиться рисовать своих любимых героев мультфильмов или мангу простым способом, рисуя их с помощью изображений, которые мы здесь привели. Эти милые и простые рисунки могут включать в себя весь спектр от простых повседневных предметов до тех, что относятся к сфере фантастики.
 Пошаговое руководство для начинающих 
 Вы начинающий художник и хотите добавить глубины своим рисункам? Перспектива с одной точкой - важный первый шаг к тому, чтобы части вашего рисунка выглядели трехмерными.
 Эта страница ОЧЕНЬ ДЛИННАЯ и включает в себя множество руководств по одноточечной перспективе. Уроки начинаются легко и постепенно становятся более продвинутыми. Многие уроки здесь последовательные. Это означает, что знания на каждом уроке перспективы основываются на предыдущих уроках.  Не стесняйтесь обходить стороной оглавление, но если что-то кажется неясным, вам, скорее всего, придется выполнить предыдущие упражнения по рисованию.  На самом деле вы должны растягивать каждое упражнение, а не просто бегать по странице.Перспективное рисование становится очень техническим, и его нужно рисовать неоднократно, чтобы стать частью вашего постоянного набора навыков.
 Честно говоря, информации слишком много, чтобы ее можно было переварить за одно чтение.  Добавьте эту страницу в закладки, чтобы не забыть ее.  Просто убедитесь, что вы понимаете основы, прежде чем пытаться рисовать более сложные предметы в конце страницы!
 Определение перспективы в одну точку 
  Перспектива с одной точкой  - это тип линейной перспективы, в которой используется одна точка схода для создания иллюзии глубины в произведении искусства.
 Существует несколько методов линейной перспективы, но одноточечная перспектива - это одноточечная перспектива, и это самый простой.
 Одноточечная перспектива предполагает, что плоские обращенные плоскости объектов не имеют глубины, но стороны и края, уходящие от зрителя, имеют глубину. Художнику нужно только определить вертикальные и горизонтальные измерения каждой формы и связать их с единой точкой схода. Это создаст иллюзию глубины на бумаге.
 Хотя это трудно описать словами, но несколько простых примеров одноточечной перспективы сделают этот процесс рисования очень простым!
 Словарь с одной точкой зрения 
  Есть несколько линий и компонентов, которые часто появляются на чертеже в одноточечной перспективе.Хорошая идея - познакомиться с ними. 
 Вот список полезных терминов, которые часто используются при описании одноточечного чертежа в перспективе.
  Параллельный  - Параллельные линии - это линии, которые никогда не соприкасаются… даже если они растянуты на неопределенное время.
  Горизонтальные линии  - Линии, проведенные из стороны в сторону на уровне горизонта. Горизонтальные линии будут параллельны верхнему и нижнему краям бумаги.
  Вертикальные линии  - линии, проведенные вверх и вниз и перпендикулярные (под прямым углом) к горизонту.Вертикальные линии должны быть параллельны сторонам бумаги.
  Меня всегда удивляло, как много молодых людей не знают, что такое вертикальная или горизонтальная линия.  На иллюстрации с одноточечной перспективой вы нарисуете множество вертикальных и горизонтальных линий. Убедитесь, что все вертикальные линии расположены вертикально и параллельны друг другу. Убедитесь, что каждая горизонтальная линия направлена ​​боком и параллельна друг другу.
  Наклонные линии  - Линии, не являющиеся ни вертикальными, ни горизонтальными; наклонные линии диагональны.
  Линия горизонта  - Линия горизонта - это специальная горизонтальная линия, которая показывает уровень глаз зрителя.
 В большинстве случаев линия горизонта будет воображаемой, поэтому, хотя вы должны включить ее, вы должны нарисовать ее слегка, чтобы ее можно было стереть или перерисовать позже.
  Точка исчезновения  - точка на линии горизонта, где пересекаются все линии перспективы.
 Точка схода существует на линии горизонта. Примечание: он не обязательно должен быть в середине листа.
  Линии перспективы (ортогональные линии)  - Линии, которые встречаются в точке схода. В реальной жизни линии перспективы параллельны, но сходятся в одноточечном перспективном рисунке.
  Плоскость  - Плоскость - это плоская двумерная поверхность без толщины. У куба, например, 6 плоскостей.
  Форма  - Форма - это трехмерный объект, содержащий объем и три измерения.
 Коробки с одноточечной перспективой 
 Метод рисования с перспективой в одну точку лучше всего подходит для рисования прямоугольных объектов.Хотя опытный художник может использовать перспективный рисунок для копирования сложных объектов, лучше всего начать с простого. Научиться рисовать куб в одной точке перспективы - хорошее начало.
 Вот пример куба с перспективой в одну точку:
 Чтобы нарисовать линию куба в перспективе, необходимо выполнить шесть шагов:
 Шаг первый 
 Проведите линию горизонта. Линия горизонта - это горизонтальная линия, которая будет представлять уровень глаз на сцене.
 Шаг второй 
 Установите точку схода на линии горизонта. Точкой схождения будет точка, к которой мы вернем прямоугольник (вы увидите на шаге 4).
 Шаг третий 
 Нарисуйте ближайшую сторону коробки. Это квадратная форма. Когда вы учитесь рисовать в перспективе, вам, вероятно, будет проще сначала нарисовать лицевую сторону. Это не что иное, как плоская прямоугольная форма! Обратите внимание, что на рисунке ниже оранжевые линии идеально вертикальны.Также видно, что синие линии идеально горизонтальны.
 Шаг четвертый 
 Соедините соответствующие углы с точкой схода. Это волшебная часть рисования в перспективе. Создание этих  линий перспективы  автоматически делает рисунок более реалистичным и трехмерным!
 Шаг пятый 
 Завершите форму. Ничто не длится вечно. Вам нужно выбрать логическое место для завершения куба.  Очень важно  - Обратите внимание, как эти последние линии на спине параллельны своим совпадающим линиям спереди.Вертикали (оранжевые) вертикальны как в передней, так и в задней части коробки. Горизонтальные линии (синие) являются горизонтальными как на передней, так и на задней стороне коробки.
 Шаг шестой 
 Убирайся! Рисуя в перспективе, вы всегда будете получать лишние или слишком длинные линии. Вы можете сначала легко нарисовать все линии, а затем нарисовать их, когда поправите рисунок.
 Потренируйтесь рисовать коробки разного размера в разных положениях на бумаге. Важно, чтобы каждая рамка соответствовала одной и той же точке схода.  Помните: использование единственной точки схода - это то, как одноточечная перспектива получила свое название!
 Буквы с одной точкой зрения 
 Когда вы научитесь рисовать кубические формы до единой точки схода, вы можете легко применить ту же технику к надписи. Перспектива с одной точкой позволяет буквам и словам выделяться с великолепным реалистичным 3D-эффектом!
  Даже если надписи не для вас, обратите на это пристальное внимание. Я собираюсь использовать трехмерные буквы как инструмент, чтобы научить вас некоторым действительно важным концепциям перспективы с одной точкой. Эти концепции позже будут применяться к рисованию зданий, домов, комнат и многого другого!
 Рисование простых трехмерных букв в перспективе 
 Давайте начнем с нескольких простых букв, которые не имеют кривых и состоят только из прямых, горизонтальных и вертикальных линий. Помните 6 шагов, которые использовались выше для рисования куба? Вы можете использовать тот же процесс, чтобы нарисовать одноточечную букву перспективы.
 Давайте рисовать…
 После рисования линии горизонта и точки схода нарисуйте простую печатную букву. Будь проще. Думайте о письме как о прямоугольниках, соединенных вместе, чтобы образовать букву. Этот рисунок выше будет служить лицевой плоскостью трехмерной буквы.
 Затем соедините углы буквы с точкой схода. Обратите внимание, что некоторые углы были опущены, так как мы не увидим их в сплошной (непрозрачной) форме букв.Также обратите внимание, как останавливаются внутренние линии буквы «H», когда они выходят за (зеленую) букву.
 Решите, где закончить форму письма. Важно обращать внимание на углы исходной плоской буквы, нарисованной спереди. Обратите внимание, как на изображении выше передняя и задняя формы, образующие букву «H», идеально сочетаются с линиями перспективы.  Обращайте особое внимание на этот аспект перспективного рисунка, и вы избежите путаницы и ошибок рисования позже.
 Теперь письмо готово. Буква «H», которую мы только что нарисовали, использует одну точку схода и выглядит невероятно трехмерно. Как это круто? Несмотря на то, что большая часть задней буквы из предыдущего шага была стерта, необходимо было нарисовать, чтобы точно рассчитать размеры этой буквы.  Иногда вам нужно нарисовать части, которые вы не видите, чтобы нарисовать те, которые вы можете! 
  Теперь, когда это письмо нарисовано, стоит упомянуть несколько важных выводов из точки зрения одной точки… 
 Обратите внимание на вертикальные и горизонтальные линии, параллельные друг другу.Распространенная ошибка при обучении рисованию букв в перспективе - случайно испортить эти отношения. Сравните свой рисунок со схемой выше и убедитесь, что у вас нарисованы правильные углы.
 Для такой простой буквы у вас будет 3 типа линий (углов):
 Вертикальные линии
 Горизонтальные линии
 Линии перспективы
 Хотите попрактиковаться в рисовании перспективных букв самостоятельно?
  Самые простые буквы: E F H I L T   (они содержат только прямые вертикали и горизонтали) 
 Буквы с диагональными углами (наклонные плоскости) 
 Следующие буквы, которые нужно нарисовать, - это буквы, содержащие диагональные линии.После преобразования в трехмерные буквы эти типы букв будут содержать наклонные плоскости. Эти буквы, такие как «K», «Y», «Z» и т. Д., Содержат некоторые неперпендикулярные углы. Давайте попробуем нарисовать букву «К», чтобы научиться рисовать наклонные плоскости в правильной перспективе!
 Хорошее место для начала - это форма буквы спереди. В данном случае это просто буква «К».
 Затем вы рисуете все подходящие углы буквы до точки схода.Убедитесь, что вы используете линейку для этого шага, иначе на следующем шаге все будет неправильно.
 Заканчивая трехмерную букву в пространстве, не забывайте следить за лицевой формой буквы. На диаграмме выше вы можете видеть, что синие линии нарисованы горизонтально, а оранжевые линии - вертикально.
 Далее будет создание наклонных частей буквы.
 При работе с наклонными углами убедитесь, что передняя и задняя части параллельны друг другу.(см. изображение выше - наклонные линии нарисованы зеленым).
 В случае с нашей буквой «К» есть два различных угла, которые составляют наклонную часть буквы. Обратите внимание, как диагональные фиолетовые линии параллельны друг другу.  Когда вы учитесь рисовать сложные формы в перспективе, цветовое кодирование ваших линий может помочь вам понять, какие линии и куда идут. 
 Обратите внимание на цветовую кодировку выше! Каждый набор цветных линий представляет собой линии, которые должны быть параллельны друг другу.
 Наконец, мы немного подчистили рисунок и получили красиво нарисованную букву!
  Потренируйтесь рисовать буквы под углом, например: A K M N V W X Y Z 
 Буквы с кривыми 
 На этом этапе вы можете подумать о том, чтобы нарисовать свое имя в одной точечной перспективе. Бьюсь об заклад, в твоем имени будут сложные буквы, буквы с изгибами. Давайте разберемся, как нарисовать эти пышные трехмерные буквы!
 Сначала нарисуйте букву в виде простой плоской формы.Полезно представить изогнутую часть буквы в виде прямоугольника, изогнутого в круг. Таким образом, у вас будет для начала красивое письмо.
 Если вы следовали рисунку прямоугольника и другим буквам в перспективе, то знаете, что следующим шагом будет соединение углов буквы с точкой схода. Это легко для большинства областей, но может быть немного сложно распознать рядом с закругленными частями буквы.
  Рассмотрим переход любой линии как угол. Посмотрите на рисунок выше…
  Мы можем рассматривать переход от прямой части линии к изогнутой части этой линии также как угол. Таким образом, мы также будем соединять этот угол с точкой схода. 
 Обратите внимание на следующую часть (показанную выше)… Проблема возникает, когда у вас есть округлые части, в которых мы не видим стороны буквы. Чтобы рассчитать положение линий перспективы, просто поверните линейку снаружи буквы по направлению к ней.Как только линейка касается кривой, вы рисуете линию перспективы.
  Изображение этой синей линии выше было рассчитано путем поворота линейки от точки схода, и как только линейка коснется закругленной внешней части буквы «P», линейка будет удерживаться неподвижно и линия проведена! 
 Часто бывает сложно понять, как будут выглядеть задние части изогнутой буквы. К счастью, мы можем легко нарисовать заднюю букву, чтобы понять это! Изучите изображение выше.Мы будем часто делать это при рисовании сложных объектов в перспективе!
 После очистки некоторых временных линий у нас остается трехмерный буквенный рисунок в одноточечной перспективе!
 Теперь, когда буква нарисована временно, мы можем выделить ту часть, которую на самом деле пытаемся показать.
  Потренируйтесь рисовать свое имя в перспективе.  Подумайте об углах и / или изгибах каждой буквы и не торопитесь.
 Если вы научитесь рисовать буквы так, чтобы они выглядели трехмерными, следующим хорошим шагом будет рисование зданий с одноточечной перспективой. Многое из того, что вы узнали, пригодится.
 Здания с перспективой в одну точку 
 В качестве введения в рисование экстерьера нарисуем простое здание в одноточечной перспективе. Вы откроете для себя несколько интересных вещей об измерении в рамках одноточечной системы перспективы!
 Шаг 1 
 Как всегда, установите линию горизонта и точку схода.Вам, вероятно, будет проще всего, если вы нарисуете форму передней плоскости здания. С одной точки зрения, это просто плоская форма. Большой прямоугольник наверху будет передней (ближайшей) стороной здания. При работе с одноточечной перспективной архитектурой большинство линий будут вертикальными или горизонтальными.
 Шаг 2 
 Здание - не что иное, как коробка. Соедините углы прямоугольника с точкой схода и завершите форму вертикальной линией. Обратите внимание на то, что линии перспективы нарисованы красным цветом и придают глубину здания. 
 Шаг 3 
 Зданию нужна дверь. Это отличная возможность узнать, как центрировать объекты на перспективном рисунке.  Чтобы найти середину прямоугольника, просто соедините противоположные углы.  После определения середины прямоугольника (стены здания) мы можем провести вертикальную линию прямо через пересечение, чтобы получить две половинки.
 Шаг 4 
 Сделав отметку в центре здания, нарисовать дверь очень просто.Наверное, нам тоже нужно нарисовать дорожку. Обратите внимание, что дорожка состоит из пары  перспективных линий  и должна соединяться с точкой схода.
 Шаг 5 
 Как насчет двери и прохода на отступающей стороне здания? Нет проблем. Обратите внимание на серую пунктирную линию выше. Мы можем использовать это, чтобы определить подходящую высоту второй двери.  Без этой серой линии (линий) мы бы гадали, и наш рисунок был бы подвержен ошибкам.
 Вы заметили оранжевый «х»?  Да, мы также можем найти перспективную середину стороны коробки, используя ту же технику "угол к углу".  Мне это нравится!
 Шаг 6 
 В здании ведь нужны окна? Для лицевой стороны (фронтальной плоскости) все просто. Каждое окно представляет собой прямоугольник и не имеет перспективы.  Конечно, если бы у нас был крупный план с выступающими подоконниками, это была бы другая история, но замедлило бы тигра, давайте не будем забегать вперед… это просто введение в перспективный рисунок 🙂 
 Шаг 7 
 Так же, как мы сделали с дверью, мы можем использовать передние окна, чтобы вычислить высоту окон на другой стороне здания.Я собираюсь уронить тебе на голову целый ящик перспективного ума!
 Шаг 8 
 Выберите один ряд окон и нарисуйте их. Убедитесь, что они становятся меньше и ближе друг к другу по мере того, как кажутся дальше.  Есть способы вычислить этот логарифмический интервал, но пока не беспокойтесь об этих причудливых техниках - просто сделайте это на глаз. 
 Шаг 9 
 Когда один ряд окон нарисован на месте, вы можете продлить каждую из их вертикальных линий через линии перспективы (серые точки), которые мы нарисовали ранее.Пересечения будут именно там, где нужно нарисовать каждое окно. Боже мой, если бы это было проще, этот рисунок практически нарисовал бы сам себя!
 Шаг 10 
 Как вы догадались, это ... просто нарисуйте эти окна. Точка схода решает все расстояния. Это почти волшебно, как рисование простой точки может сделать вещи реалистичными.
 Шаг 11 
 Как всегда, вам нужно немного очистить свой рисунок.
 Чувствуете себя уверенно? Попробуйте добавить улицу и еще несколько зданий.Черт возьми, превратите его в город с перспективой на одну точку, если вы амбициозны!
 Уличная сцена в 1pt. Перспектива 
 Вспомнив ранее нарисованное здание, мы действительно приобрели некоторые навыки перспективы городского пейзажа. Давайте продолжим этот импульс и нарисуем всю уличную сцену, используя единую точку схода! Это потребует дополнительных действий, но вам это понравится!
 Шаг 1 
 Прежде чем мы сможем нарисовать улицу и здания, нам нужно установить линию горизонта   (на уровне глаз) и точку схода  .
 Шаг 2 
 Соединяя  перспективных линий  с точкой схода, мы можем создать иллюзию дороги, ограничиваемой парой тротуаров.
 Шаг 3 
 Создадим переулок от главной перспективной дороги. Обратите внимание на то, как переулок нарисован  горизонтальными линиями . Я также нарисовал эти штучки с контрольными трещинами на верхних поверхностях каждого тротуара. Они тоже представляют собой горизонтальные линии и сближаются по мере удаления.
 Шаг 4 
 Дальше - наше первое здание. Это будет дом с типичной скошенной крышей.  Возможно, вам будет проще сначала нарисовать самые большие и ближайшие здания.  После этого вы сможете оценить соответствующий размер каждого последующего здания по мере того, как они удаляются с нашей точки зрения.  Мы уже рассмотрели наклонные плоскости, когда рисовали трехмерные буквы в верхней части этой статьи. Если вы запутались, посмотрите раздел о рисовании наклонных букв.
 Шаг 5 
 Чтобы нарисовать дверь в этом доме, нам нужно сначала найти середину перспективы. Это, конечно же, компенсированная середина, уменьшающая эффект линейной перспективы. Убедитесь, что ваша дверь имеет реалистичный размер.
 Сколько дверей в доме?
 Сколько дверей в доме?
 Этот тип мышления помешает вам нарисовать двери, которые выглядят неестественно большими для архитектурной конструкции, которой они придерживаются.
 Шаг 6 
 Чтобы включить окна, сначала нарисуйте ближайшее. Обратите внимание, как окна имеют один и тот же набор линий перспективы? Эта концепция широко распространена во всех типах рисования в линейной перспективе.  Просто убедитесь, что дальнее окно меньше ближайшего. 
 Шаг 7 
 Добавьте еще несколько окон, чтобы дом выглядел убедительно. Обратите внимание, что для окна на передней плоскости дома перспектива не нужна.Это просто прямоугольники без перспективы!
 Шаг 8 
 Чтобы нарисовать дорожку, ведущую к двери дома, используйте набор горизонтальных линий. Все трещины в этой дорожке соединяются с точкой схода.  Не будьте небрежны ... продолжайте пользоваться линейкой! 
 Шаг 9 
 Когда первый дом нарисован в правильной одной точке перспективы, мы можем перейти к следующему, более дальнему дому. Хотя не все дома одинакового размера, было бы разумно использовать линии перспективы первого дома, чтобы дать нам представление о правильном размере следующего дома.
 Шаг 10 
 И вперед! Вот еще один дом. На этом расстоянии мы можем минимизировать количество деталей, которые мы решаем включить.
 Шаг 11 
 С едва достаточным местом, похоже, мы можем намекнуть еще на 2 дома. Как обычно, все по правилам перспективы. Все эти дома построены на основе простой перспективной коробки
.
 Шаг 12 
 Когда правая сторона дороги заполнена всевозможными домами и архитектурными сооружениями, нам нужно начать с левой стороны дороги.Это почти тот же процесс, что и раньше.
 Шаг 13 
 Для дополнительного интереса мы можем добавить лестницу, ведущую к входной двери этого дома! Ниже в расширенном разделе я демонстрирую, как рисовать лестницу.
 Шаг 14 
 Как и раньше, мы можем добавить в этот дом несколько окон.
 Шаг 15 
 Теперь давайте немного изменим ситуацию и нарисуем следующий дом лицом в другую сторону! В произведении искусства большое значение может иметь разнообразие.
 Шаг 16 
 И так далее, мы рисуем… Заканчиваем левую сторону перспективной улицы с таким количеством домов, которое мы можем разместить.
 Шаг 17 
 Перспективные рисунки могут стать немного скучными, если все будет по прямой. Кроме того, только что созданный квартал нуждается в листве. Мы можем украсить наш перспективный рисунок, нарисовав вручную деревья и кусты. Просто имейте в виду, что чем дальше они от нас, тем они тем меньше и менее детализированы.
 Шаг 18 
 Хорошим финальным дополнением к любой перспективной сцене является использование базовой штриховки или перекрестной штриховки. Это добавит немного яркости, текстуры и оттенков нашей изумительной уличной сцене!
 До сих пор мы в первую очередь были сосредоточены на рисовании внешнего вида форм. А как насчет интерьера? Давайте посмотрим, как нарисовать внутреннюю часть комнаты в правильной одноточечной перспективе.
 Комната с перспективой в одну точку 
 Если вы только что перешли в этот раздел, надеясь научиться рисовать комнату в перспективе, просмотрите некоторые из техник, которые мы использовали выше.Раздел о рисовании букв и раздел о рисовании отдельного здания полны полезной информации, которую вы можете применить к рисунку комнаты.
 Давайте построим  спальню с одной точкой зрения  и включим некоторые из этих типичных предметов:
 кровать
 стул и стол
 плакатов
 дверь спальни
 коврик
 окно спальни
 Один из самых простых способов нарисовать комнату - построить пустую «оболочку» комнаты, а затем поместить внутрь все предметы.Хотя есть много способов сделать это, я думаю, что проще всего сначала нарисовать заднюю стену оттуда.
 Шаг 1 
 При рисовании интерьеров с использованием метода одноточечной перспективы лучше всего сначала нарисовать дальнюю стену. Это не что иное, как прямоугольная форма. Правильная высота линии горизонта   и положение точки схода могут быть вычислены после рисования дальней стены (прямоугольника). Линия горизонта (уровень глаз) будет определять, с какой высоты находятся наши зрители иллюстрации.
  На рисунке выше изображена линия горизонта, по которой кто-то стоит и смотрит через комнату. 
 После того, как вы определили и начертили линию горизонта, поместите точку схода   где-нибудь на линии. Визуально точка схода - это точка на дальней стене, которая находится прямо перед вами. В приведенном выше примере рисунок этой комнаты будет выглядеть так, как если бы мы стоим в центре задней стены и смотрим прямо на нее.
 Шаг 2 
 Теперь соедините углы дальней стены (прямоугольник) с точкой схода! Пунктирные линии нужны только для того, чтобы показать вам, что эти перспективные линии, составляющие боковые стены комнаты, действительно обращены к точке схода.Нам нужны только линии, проведенные от прямоугольника (стены) наружу… как в примере ниже.
 Шаг 3 
 Круто, да? Мы создали пустое поле, внутри которого мы оказались! Рисовать интерьер может быть легко, если мы будем делать все по шагам. Когда комната пуста, но выглядит трехмерно, мы можем начать добавлять некоторые элементы спальни в эту пустую коробку / комнату.
 шаг 4 
 Рисунок двери на задней стене - это не что иное, как плоский прямоугольник.На самом деле в этой части рисунка нет никакой перспективы.
 Шаг 5 
 На рисунке выше мы нарисовали стол. Обратите внимание, что стол имеет форму коробки и соединяется с точкой схода. Если вы выполнили все упражнения по рисованию в перспективе на этой странице, это должно быть для вас легко!
 Шаг 6 
 У меня нет чьей-либо спальни, в которой есть пустой стол, поэтому давайте добавим детали в область стола на чертеже. Обратите внимание на то, что ноутбук и кресло также притягиваются к точке схода. 
 Шаг 7 
 Эта сцена в спальне не была бы очень эффективной, если бы мы не добавили кровать. Помните, что все должно быть просто. Кровать - это не что иное, как коробчатая форма, и ее можно легко нарисовать, если соединить ее с точкой схода.
 Шаг 8 
 Самый быстрый способ сделать скучный перспективный рисунок - это включить только архитектуру, нарисованную линейкой, а не некоторые соответствующие рисованные элементы.Поэтому я добавил подушки, простыни и плюшевого мишку на всякий случай! Это начинает походить на дружелюбную, обжитую комнату!
 Шаг 9 
 Если вы хотите нарисовать коврик на полу в спальне, просто помните, что он также связан с точкой схода.
 Шаг 10 
 Наконец, у нас есть возможность добавить окно с левой стороны. Вы заметите, что подоконник - это очень тонкий длинный ящик.  Также обратите внимание, что линии, разделяющие панели окна, соответствуют правилам перспективы: каждая секция становится меньше по мере удаления от нее.
 Шаг 11 
 Конечно, ни одна спальня не была бы полной без классных плакатов. Плакат «Звездные войны», висящий на задней стене, плоский и не содержит перспективы. Однако плакаты на правой стене должны быть нарисованы до точки схода.
 Завершенный чертеж комнаты 
 Хотя линия горизонта и точка схода необходимы для процесса рисования, их не следует включать в окончательный рисунок.
 Продвинутые концепции перспективы 
 Несмотря на то, что одноточечная перспектива рассматривается большинством художников как элементарная, есть кое-что, что можно сделать, чтобы поднять уровень своего рисунка. Когда дело доходит до рисования в перспективе, существует, казалось бы, бесконечный набор методов, позволяющих найти умные решения для точной визуализации нашего трехмерного мира на бумаге.
  Поскольку вся эта страница по-прежнему предназначена для начинающих рисовать перспективу, я постараюсь сделать даже эти сложные задачи как можно более простыми.Проверьте позднее. Я буду добавлять ссылки на другие страницы, которые содержат чрезвычайно кропотливые шаги для решения сложных задач с точки зрения одной точки. 
  Ниже приведены простые решения некоторых типичных проблем, с которыми вы можете столкнуться при рисовании в одной точечной перспективе: 
 Круги 
 Существует примерно три простых решения для рисования кругов в одной точечной перспективе:
 начертить круг
 нарисовать вертикальный эллипс
 нарисовать горизонтальный эллипс
 Если что-то круглое и находится на фронтальной плоскости / фронтальной стене, вы можете просто изобразить круг, нарисовав неискаженный круг.Во всех остальных случаях вы должны нарисовать круг в виде эллипса. Быстрый осмотр баллона может дать все 3 решения:
  Позиция A.  цилиндра нарисован с неискаженной  окружностью .
  Позиция B.  цилиндра нарисован  горизонтальными эллипсами. 
  Позиция C.  цилиндра нарисован с помощью  вертикальных эллипсов .
 Форма эллипса может и должна меняться в зависимости от того, где он находится на вашем рисунке.Посмотрите на эти различные эллипсы на рисунке ниже:
 Обратите внимание на то, как эллипс становится выше и круглее, чем дальше он удаляется от уровня глаз (линия горизонта). На уровне глаз эллипс - это горизонтальная линия! Этот принцип изменения эллипсов также применим к вертикальным эллипсам на наших перспективных рисунках. Чем дальше эллипс удаляется от точки схода (влево или вправо), тем шире и круглее становятся эллипсы.
  Знаете ли вы, что есть отличный способ рассчитать эти круги в правильной перспективе?  Сначала конструируйте вещи из коробок.
 Сначала легко нарисовать убедительную коробку. Затем вы просто ограничиваете эллипс одной или несколькими плоскостями коробки. Именно это я сделал на схеме «Простые цилиндры в одной точке зрения» выше. Пунктирными линиями показан ящик, в котором находится цилиндр.
 Сетки перспективы 
 Практически любую проблему рисования перспективы можно решить с помощью перспективной сетки. Каждый раз, когда у вас есть сложная фигура или форма, которую нужно нарисовать в перспективе, вы можете сначала нарисовать плоскость.плоскость должна быть «конвертом», который отмечает границы формы / объекта. Затем вы можете реализовать сетку внутри этой плоскости. Если вы разметите плоскость как на виде без перспективы, так и на виде в перспективе, вы сможете отобразить объекты поверх.  Это показано на рисунке ниже. 
 Обычно рисование чего-то вроде этого слова «СЕТКА» было бы действительно трудным для понимания. Трудно оценить, как это будет выглядеть в перспективе в укороченном виде. Посмотрите, насколько проще рисовать с помощью перспективной сетки!
  Я упоминал, что перспективные сетки удобны? 
 Да, сэр.При правильном использовании они исключают из вашего рисунка все догадки. Перспективная сетка может определять точный логарифмический интервал, необходимый для того, чтобы вещи выглядели реальными. Под логарифмическим интервалом я просто подразумеваю: рисовать вещи все меньше по мере того, как они удаляются из поля зрения. Изучите приведенный ниже пример, чтобы увидеть, насколько легко настроить:
 Пирамиды 
 Пирамида имеет плоское (многоугольное) основание и треугольные стороны, пересекающиеся на вершине. Необходимость рисовать пирамиду в перспективе иногда возникает при рисовании архитектуры.На ум приходит купол сарая.
  Чтобы нарисовать пирамиду в одноточечной перспективе, выполните следующие действия: 
 Нарисуйте прямоугольник, охватывающий пирамиду
 Найдите середину перспективы коробки
 Перед этой средней точкой продлите диагональные стороны пирамиды до углов основания
 Лестница 
 Лестницы - это не что иное, как серия коробок.  Действительно, есть несколько очень сложных формул для визуализации лестниц, но вся эта страница предназначена для начинающих.
 Очень простой способ нарисовать лестницу в одной точке перспективы - нарисовать серию прямоугольников. Каждая коробка становится выше предыдущей по мере продвижения вверх по лестнице.
 Просто убедитесь, что каждая ступенька рисуется меньше по размеру по мере удаления от нас!
 Наклонные плоскости и клин 
 В перспективе наклонные плоскости в одной точке имеют параллельные линии, образующие передний и задний наклон.Обычно достаточно просто определить наклон на глаз, что вы и можете делать большую часть времени.
 Также стоит отметить то, как мы можем использовать немного геометрии для расчета соответствующих наклонов для нас. На схемах ниже показано, как мы можем заполнить коробку, чтобы помочь рассчитать финишную линию для наклонной плоскости. Несмотря на то, что нам нужна форма клина, рисование всей коробки в перспективе сначала помогает нам!
  Требуется решение для чертежа с одноточечной перспективой?  Оставьте комментарий ниже.
 Ознакомьтесь с этими статьями по теме. 
 14. Рисование простых объектов 
 14. Рисование простых объектов
 14. Рисование простых объектов 
 В этом разделе вы узнаете, как создавать простые объекты в
 GIMP. Это довольно просто, если вы поймете, как это сделать
 Это. GIMP предоставляет огромный набор
 Инструменты и ярлыки, которые большинство новых пользователей
 заблудиться.
 14.1. Рисование прямой линии 
 Начнем с рисования прямой линии. Самый простой способ создать
 прямая линия с использованием вашего любимого
 кисть, мышь и
 клавиатура.
  Порядок действий 7.1. Рисование прямой линии 
  Рисунок 7.33. Новый образ 
 Создайте новый образ.
 Выберите свой любимый
 кисть или используйте
 карандаш, если есть сомнения.
 Выберите передний план
 цвет, но убедитесь, что передний план и фон
 цвета разные.
  Рисунок 7.34. Начало прямой 
 Создайте отправную точку, нажав на
 область отображения изображения
 левой кнопкой мыши.Ваш холст должен выглядеть
 аналогично Рисунку 7.33, «Новое изображение».
  Рисунок 7.35. Телефон доверия 
 Теперь нажмите и удерживайте кнопку  Shift  на вашем
 клавиатуры и переместите мышь от начальной точки, которую вы
 создан. Вы увидите тонкую линию, показывающую, как она будет
 смотреть.
  Рисунок 7.36. Строка после второго щелчка 
 Если вас устраивает направление и длина линии,
 щелкните левой кнопкой мыши еще раз, чтобы закончить линию. В
 GIMP теперь отображает прямую линию. Если
 линия не появляется, проверьте передний план и фон
 цвета и убедитесь, что вы сохранили  Shift  нажата клавиша во время рисования.Вы можете продолжать создавать линии,
 продолжая удерживать клавишу  Shift  и создавая
 дополнительные конечные точки.
 Пользовательский чертеж в 2D - последняя версия документации Godot Engine 
 3.1
 Общий
 О
 Введение
 Перед тем, как начать
 О двигателе Godot
 О документации
 Организация документации
 Часто задаваемые вопросы
 Что я могу делать с Годо? Сколько это стоит? Каковы условия лицензии?
 Какие платформы поддерживает Godot?
 Какие языки программирования поддерживаются в Godot?
 Что такое GDScript и зачем его использовать?
 Что побудило создать GDScript?
 Какие форматы 3D-моделей поддерживает Godot?
 Будет [вставлять закрытый SDK, такой как FMOD, GameWorks и т. Д.] поддерживаться в Годо?
 Как следует создавать ресурсы для обработки нескольких разрешений и соотношений сторон?
 Как я могу продлить Годо?
 Я хотел бы внести свой вклад! Как мне начать?
 У меня есть отличная идея для Годо. Как я могу им поделиться?
 Как я могу поддержать разработку Godot или внести свой вклад?
 Кто работает над Годо? Как я могу связаться с вами?
 Журнал изменений документации
 Новые руководства, начиная с версии 3.1
 2Д
 Математика
 Входы
 Интернационализация
 Оттенок
 Плагины
 Многопоточность
 Создание контента
 Оптимизация
 Legal
 Новые учебные пособия, начиная с версии 3.0
 Пошаговые инструкции
 Создание сценариев
 Рабочий процесс проекта
 2D
 3D
 Физика
 Анимация
 GUI
 Окна просмотра
 Оттенок
 VR
 Плагины
 Для платформы
 Многопоточность
 Создание контента
 Разное
 Компиляция
 Разработка двигателя
 Начало работы
 Пошаговая инструкция
 Знакомство с редактором Godot
 Менеджер проектов
 Создание или импорт проекта
 Ваш первый взгляд на редактора Годо
 Рабочие места
 Изменение интерфейса
 Перемещение и изменение размера док-станции
 Сцены и узлы
 Введение
 Узлы
 Сцены
 Создание нового проекта
 Редактор
 Настройка проекта
 Продолжение следует…
.