Занятие 10. Работа с изображениями
При создании несложных игр требуется использовать изображения, картинки, которые представляют героев и других персонажей игр. Для создания таких изображений удобно использовать встроенный в среду Delphi редактор изображений – Image Editor.
Редактор Image Editor
Доступ к редактору изображений можно получить через меню Tools подменю Image Editor. Внешний вид редактора приведен на рисунке:
|
Среда разработки редактора очень проста. В верхней части окна располагается главное меню, которое позволяет получать доступ ко всем функциям редактора. Слева располагается палитра инструментов, с помощью которых можно создавать элементы рисунка. В нижней части окна расположена палитра красок, которая позволяет задавать цвет закраски деталей рисунка.
Для создания рисунка нужно выполнить меню File подменю New.., подменю Bitmap File (*.bmp). В открывшемся диалоге задать размер рисунка:
При задании размера рисунка указывается width – ширина и height – высота рисунка в пикселах. Для задания масштаба рисунка можно использовать меню View. Меню View | Zoom In – позволяет увеличить масштаб изображения, меню View | Zoom Out – наоборот, позволяет уменьшить масштаб.
При рисовании необходимо выбрать инструмент и задать текущий цвет рисования, нажатием кнопкой мыши на соответствующий инструмент и цвет.
По завершении рисования необходимо сохранить рисунок в файле с помощью меню File | Save. Если возникла необходимость подправить уже созданный рисунок, необходимо его открыть с помощью меню File | Open и в диалоге выбрать нужный рисунок.
Как отобразить рисунок в форме
Для отображения рисунка, например, в форме можно использовать компонент Image, который располагается на вкладке Additional. Основные свойства компонента Image приведены в таблице:
Свойство | Описание |
Picture | Позволяет загрузить рисунок в компонент |
Top | Задает расстояние по вертикали от верхней части окна, куда помещен компонент, до левого верхнего угла компонента в пикселах |
Left | Расстояние по горизонтали от левой части окна, куда помещен компонент, до левого верхнего угла компонента в пикселах |
Autosize | Если равен true, рамка автоматически растягивается по размеру рисунка |
Transparent | Если равен true, то рисунок прозрачен, т.е. все не закрашенные места прозрачны |
Stretch | Если равен true, то рисунок растягивается по рамке |
Height | Высота в пикселах |
Width | Ширина в пикселах |
Align | Выравнивание рисунка относительно окна |
Упражнение.Нарисуйте человечка, жука, бабочку, шарик или машинку в Image Editor и с помощью компонента Image поместите рисунок в окне. Установите свойство Transparent=true для задания прозрачности и свойство Autosize=true для того, чтобы рамка автоматически растянулась по размеру рисунка.
Компонент Timer
Для организации движения мы часто будем использовать компонент Timer, который располагается на вкладке System. Событие OnTimer компонента выполняется каждый раз по прошествии интервала времени, заданного в свойстве Interval. Для включения или отключения таймера используется свойство Enabled.