Как создать игру - Создание игровых панелей и индикаторов

[к содержанию]

В любой или почти любой игре Вы встретите некоторое количество игровых панелей или различных игровых индикаторов.



На данном скриншоте видно в левом верхнем углу небольшая зеленая панелька, на которой есть иконки "ГЛАЗ" и "МЕНЮ". В игре эти кнопки выполняют какие-либо действия, например, "ГЛАЗ" может скрывать все панели и снова отображать их, а "МЕНЮ" позволяет выйти в ГЛАВНОЕ МЕНЮ игры.

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

Здесь же мы видим целый ряд игровых индикаторов - "жизненная сила", "карман" (в нём на скриншоте находится лопата), "магическая энергия" (показано значение 400), отсчёт игрового времени (0:13:35), "бодрость".

Индикаторы служат в игре для отображения состояния каких-либо важных игровых параметров, в данном случае - "жизненная сила" - отображает уровень жизненной силы, которая не должна достигнуть 0, иначе герой погибнет и игра закончится, "бодрость" - которая позволяет игроку атаковать смехом и другие.

Иными словами индикатор и игровая панель - это просто какое-то статичное или анимированное программным путём изображение в игре.

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

Рассмотрим какой код необходим для управления высотой столбика индикатора жизненной силы.

Для начала нам понадобится минимально необходимый код для создания игрового 2d приложения на базе directx 9c.

Данное приложение (min_2d_game_app) представляет собой набор .h и .cpp модулей, собранных в проект MSVS 2005, пригодный для сборки с DX SDK Aug 2008. Все необходимые исходные файлы прилагаются.

Вы можете скачать данный проект себе, распаковать и попробовать запустить файл Coords2D.exe расположенный в min_2d_game_app\Coords2D\Coords2D\Coords2D\

Для самостоятельной сборки проекта и экспериментов с кодом вам понадобится среда разработки MSVS 2005 или выше, а также DX SDK Aug 2008.

Итак, как я уже говорил, мы попробуем разобраться как создать простейший игровой индикатор - столбик жизненной силы.

Суть решения заключается в следующих шагах:

1) Открыть проект Coords2D из папки min_2d_game_app в среде MSVS 2005;

2) Разместить файл изображения индикатора в папке min_2d_game_app\Coords2D\Coords2D\Coords2D\Media\textures\indicator\

3) Добавить данный файл + его параметры в список загружаемых - для этого открыть текстовый файл

min_2d_game_app\Coords2D\Coords2D\Coords2D\Media\textures\tex_list.txt

и в самое начало файла добавить строчку -

indicator\live_power_end.tga; -1.0f; 0.54f; 0.7f; 1.0f; -1.0f; 68; 128; 0; 0; 1; 0.0f; 0.0f;

Назначение параметров вы можете узнать из readme.txt который входит в состав min_2d_game_app (описание к утилите Coords2D).

4) Открыть модуль Coords2D.cpp и в нём найти метод void CD3DGameApp::AnimSprites()

метод AnimSprites выполняет анимацию всех спрайтов класса CD3D9Sprite - это все объекты, которые загружаются из файла tex_list.txt

Самым первым из них будет объект индикатора (при условии что вы выполнили шаг 3), тогда будет корректным использовать такой код -

void CD3DGameApp::AnimSprites()

{

if ( SpritesArray == NULL )

return;

if ( SpritesArray->GetCount() == 0 )

return;

for ( int i = 0; i < SpritesArray->GetCount(); i++ )

{

/* получаем объект спрайта - для того чтобы проверить не является ли он

индикатором жизненной силы - т. е. объект с индексом 0 в массиве */

CD3D9Sprite* Sprite = (CD3D9Sprite*)SpritesArray->GetAt(i);

if ( i == 0 ) //проверяем какой сейчас был выбран элемент из массива

{

/* если был выбран 0 элемент - значит это спрайт индикатора - выставляем его высоту

в зависимости от координаты y указателя мыши */

Sprite->Height = (int)(g_d3dApp.m_CursorPos.y * 200.0f);

}

AnimateSprite(i, m_fElapsedTime);

}

}



Поскольку указатель мыши имеет координатное пространство для оси Y от 1.0 до -1.0, то мы умножаем значение на 200.0f (float), а затем приводим к типу int, т. к. высота Height у спрайта должна быть целым числом.

Теперь высота индикатора в вашем d3d-приложении будет меняться при перемещении указателя мыши по оси Y.

В качестве эксперимента попробуйте задавать вместо 200.0f другие значения, перекомпилировать приложение и снова запускать.

Как видите вывод индикатора в игре не представляет теперь для Вас особой сложности.

Самое главное придумать при каких условиях и каким образом он будет изменяться. Например в игре ВЕСЕЛЫЙ БУКВОЕЖКА индикатор жизненной силы угасает при столкновении с пауками. А если жизненная сила достигнет 0 значения, игра завершается как проигранная.

[к содержанию]