На этом уроке мы создадим самый главный блок в игре. Мы создадим Game UISprites, TiledLayers, Scenes. NetBeans Mobility содержит ряд инструментов для создания UI блоков.

Вы узнаете

• Как создать новый Visual Game Design файл, содержащий в себе графику в игре.
• Создать новую Scene
• Создать новый TiledLayer
• Создать новый Sprite
• Как настроить вид индивидуальных объектов

Визуальное редактирование подразумевает использование MIDP 2.0 Game API и включает в себя создание и редактирование Sprite, TiledLayers и их расположение на сцене. Основной задачей модуля Game Builder является уменьшение усилий для создания общих игровых компонент.

• Sprite- Game Builder рассматривает спрайты, как набор анимационной последовательности, где каждый спрайт может содержать несколько последовательностей. Редактор спрайтов позволяет редактировать и просматривать сложную анимационную последовательность.
• TiledLayer- представляет собой сетку ячеек, в каждую из которых помещается фрейм, выбранный из Image. Каждый слой такой сетки можно редактировать с помощью встроенного визуального редактора. Редактор поддерживает анимированные сетки.
• Scene - Scene это место в игровом окружении, где совмещаются визуальные аудио события, определяющие внешний вид игры и ощущения. Каждый уровень в игре может иметь несколько отдельных сцен. В то же время, простая игра может иметь одну сцену для всех уровней.

Шаг 1: Создание нового Visual Game Design файла

Сейчас мы создадим новый Visual Game Design файл, который затем будем редактировать с помощью Game Builder.

1. Щелкнем правой кнопкой по пакету org.netbeans.j1.game и выберем New > Visual Game Design. Появится окно мастера.
2. Введем название в поле GameDesign (оно будет показываться пользователю при запуске приложения), например, MazeGameDesign. Нажмем Finish. В результате будет создан файл и откроется Game Builder

Шаг 2: Создание спрайтов

1. Создадим новый спрайт. Это можно сделать несколькими способами:
• Щелкните по строке Create Sprite в окне GameDesign
• Щелкните по иконке спрайта на панели в окне GameDesign
Используйте картинку /duke.png из архива. Задайте размер спрайта равным 25 px по высоте и ширине. В качестве имени укажите dukeS и нажмите Finish.

В окне редактора откроется новый спрайт с выбранной по-умолчаию анимационной последовательностью.
2. Измените последовательность спрайтов, как показано на картинке. Вы можете просто перетаскивать картинки из нижней части окна и выстраивать таким образом последовательность картинок в спрайте. Щелчком правой кнопки мыши можно удалять кадр из последовательности.

3. Абсолютно также создайте еще один спрайт из картинки BigG. Назовите его jamesS. Необходимая последовательность кадров спрайта показана на рисунке ниже.

4. Нам потребуется еще несколько последовательностей кадров в спрайте dukeS. Наш персонаж должен ходить, прыгать, падать. Откройте спрайт dukeS в Game Builder. Щелкните правой кнопкой мыши на любом кадре последовательности.
5. Выберите в появившемся меню Create sequence. Задайте имя dukeSfalling. Точно также создайте еще одну последовательность dukeSjumping.

Создаем новый TiledLayer

1. Создадим новый TiledLayer. Диалог New TiledLayer можно щелкнув по строке Create TiledLayer в окне GameDesign. Зададим имя maze1 для нашего TiledLayer. Используем картинку с именем wall. Установим в размерах максимально возможную высоту и ширину.

2. Нажмите Finish. Появится пустая сетка.

3. TiledLayer сетку можно сформировать перетаскивая рисунки с нижней части окна. Создайте сетку следующего вида

Шаг 4: Создаем новую сцену.

Редактор сцены позволяет установить спрайты на сетке, сформировав таким образом сцену.

1. Создайте новую сцену (Create Scene). Задайте имя level1 и нажмите кнопку Finish. Появится пустая сетка сцены
2. Щелкните правой кнопкой на сетку и выберите Add tiled layer > maze1 из выпадающего меню. На сетке появится maze1.

3. TiledLayer maze1 появится на сетке сцены в месте, где произошел щелчок. Нам нужно установить ее в позицию 0,0. Вы можете передвинуть TiledLayer либо мышью, либо задать координаты в области Navigator в правом нижнем углу IDE.

4. Щелкните еще раз правой кнопкой мыши по сетке и выберите Add sprite > jamesS. Затем аналогично добавьте на сцену спрайт dukeS. Установите спрайты так, чтобы они не пересекались с синими стенами maze1. Целью игры является поиск jameS, поэтому разместите спрайты по возможности далеко друг от друга.

Заключение

Итак, на этом уроки мы научились с помощью визуальных средств NetBeans создавать и редактировать новые спрайты и TiledLayer. При этом NetBeans сделал за вас много черновой работы. Чтобы оценить ее объем, переключите окно IDE из режима Game Builder в режим Source.