Практическое руководство. Создание простейшей текстуры
Этот документ демонстрирует, как использовать Редактор изображений чтобы создать базовую текстура.
Этот документ демонстрирует эти действия:
Установка размера текстуры
Установка цветов переднего плана и фона
Использование альфа-канала (прозрачности)
С помощью средств Fill и Ellipse
Установка свойств инструмента
Создание базовой текстуры
Можно использовать редактор изображений для создания и изменения изображений и текстур для игры или приложения.
В следующей процедуре показано, как создать текстуру, представляющую цель «яблочко». После завершения текстура должна выглядеть так, как показано на следующем рисунке. Для лучшей демонстрации прозрачности в текстуре, редактор изображений был настроен на использование зеленого клетчатого шаблона для отображения.
.png "Целевой объект bullseye с зеленой прозрачной областью")
Перед началом убедитесь, что окно Properties отображается. Окно Properties используется, чтобы задать размер изображения, изменить свойства инструментов и задать цвета в процессе работы.
Чтобы создать текстуру цели «яблочко»
Создайте текстуру, с которой вы будете работать. Сведения о добавлении в проект текстуры см. в подразделе "Начало работы" раздела редактор изображений.
Задайте размер изображения 512x512 пикселей. В окне Properties присвойте свойствам Width и Height значение 512.
На панели инструментов Редактора Изображений выберите инструмент Fill. В окне Properties теперь отображаются свойства средства Fill вместе с свойствами изображения.
Установите цвет переднего плана в полностью прозрачный черный. В окне Properties в группе свойств Colors выберите Foreground. Установите свойства R, G, B и A рядом с палитрой в 0.
На панели инструментов редактора изображений выберите инструмент Fill, а затем нажмите и удерживайте клавиш Shift и выберите любую точку изображения. Использование клавиши Shift вызывает замену цвета на изображении на альфа-значение цвета заливки, иначе альфа-значение используется, чтобы смешать значение и цвета заливки с цветом на рисунке.
Важно!
Этот шаг вместе с выбором цвета на предыдущем этапе гарантирует, что базовое изображение подготовлено к текстуре цели "яблочко", которую вы будете рисовать.Когда изображение заполняется прозрачным черным — и поскольку граница цели черная — вокруг цели не возникает артефактов ступенчатости.
На панели инструментов Редактора Изображений выберите инструмент Эллипс.
Установите цвет переднего плана в полностью непрозрачный черный. Установите значения свойств R, G и B в 0 и значение свойства A в 255.
Задайте цветом фона полностью непрозрачный белый. В окне Properties в группе свойств Colors выберите Background. Установите значения свойств R, G, B и A в 255.
Установите ширину контура эллипса. В окне Properties в группе свойств Appearance установите значение свойства Width в 8.
Убедитесь, что сглаживание включено. В окне Properties в группе свойств Appearance убедитесь, что свойство Anti-alias установлено.
С помощью инструмента Ellipse нарисуйте круг от пикселя с координатой (3, 3) до пикселя с координатой (508, 508). Чтобы нарисовать круг более простым способом, зажмите и удерживайте клавишу Shift во время рисования.
Примечание
Координаты пикселя текущего расположения указателя отображаются в строке состояния Visual Studio.
Измените цвет фона. Установите R в 44, G в 165, B в 211 и A в 255.
Создайте другой круг из пикселя с координатой (64, 64) до пикселя с координатой (448, 448).
Измените цвет фона обратно на полностью непрозрачный белый. Установите R, G, B и A в 255.
Создайте другой круг из пикселя с координатой (128, 128) до пикселя с координатой (384, 384).
Измените цвет фона. Установите R в 255, G и B в 64 и A в 255.
Создайте другой круг из пикселя с координатой (192, 192) до пикселя с координатой (320, 320).
Текстура цели "яблочко" закончена. Далее показано законченное изображение с прозрачностью.
.png "Полная текстура целевого объекта bullseye")
В качестве следующего шага можно создать уровни MIP для этой текстуры. Сведения см. в разделе Практическое руководство. Создание и изменение MIP-уровней.)