Занятие 10. Работа с изображениями

При создании несложных игр требуется использовать изображения, картинки, которые представляют героев и других персонажей игр. Для создания таких изобра­жений удобно использовать встроенный в среду Delphi редактор изображений – Image Editor.

Редактор Image Editor

Доступ к редактору изображений можно получить через меню Tools подменю Image Editor. Внешний вид редактора приведен на рисунке:

Занятие 10. Работа с изображениями - student2.ru

Палитра инструментов
Занятие 10. Работа с изображениями - student2.ru

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

Для создания рисунка нужно выполнить меню File подменю New.., подменю Bitmap File (*.bmp). В открывшемся диалоге задать размер рисунка:

Занятие 10. Работа с изображениями - student2.ru

При задании размера рисунка указывается width – ширина и height – высота рисунка в пикселах. Для задания масштаба рисунка можно использовать меню View. Меню View | Zoom In – позволяет увеличить масштаб изображения, меню View | Zoom Out – наоборот, позволяет уменьшить масштаб.

Занятие 10. Работа с изображениями - student2.ru

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

По завершении рисования необходимо сохранить рисунок в файле с помощью меню File | Save. Если возникла необходимость подправить уже созданный рисунок, необходимо его открыть с помощью меню File | Open и в диалоге выбрать нужный рисунок.

Как отобразить рисунок в форме

Для отображения рисунка, например, в форме можно использовать компонент Image, который располагается на вкладке Additional. Основные свойства компонента Image приведены в таблице:

Свойство Описание
Picture Позволяет загрузить рисунок в компонент
Top Задает расстояние по вертикали от верхней части окна, куда помещен компонент, до левого верхнего угла компонента в пикселах
Left Расстояние по горизонтали от левой части окна, куда помещен компонент, до левого верхнего угла компонента в пикселах
Autosize Если равен true, рамка автоматически растягивается по размеру рисунка
Transparent Если равен true, то рисунок прозрачен, т.е. все не закрашенные места прозрачны
Stretch Если равен true, то рисунок растягивается по рамке
Height Высота в пикселах
Width Ширина в пикселах
Align Выравнивание рисунка относительно окна


Занятие 10. Работа с изображениями - student2.ru

Упражнение.Нарисуйте человечка, жука, бабочку, шарик или машинку в Image Editor и с помощью компонента Image поместите рисунок в окне. Установите свойство Transparent=true для задания прозрачности и свойство Autosize=true для того, чтобы рамка автоматически растянулась по размеру рисунка.

Компонент Timer

Для организации движения мы часто будем использовать компонент Timer, который располагается на вкладке System. Событие OnTimer компонента выполняется каждый раз по прошествии интервала времени, заданного в свойстве Interval. Для включения или отключения таймера используется свойство Enabled.

Наши рекомендации