Создание игр для мобильных телефонов - Майкл Моррисон

Рис. 10.9. Индексы слоев на картинке проставляются автоматически слева направо и сверху вниз, начиная с 1

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

Рис. 10.10. Карту можно восстановить, если каждому элементу кода поставить в соответствие нужный фрагмент карты

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

Работа с классом TiledLayer

Замощенные слои поддерживаются MIDP 2.0 API, для этого используется класс TiledLayer. Он облегчает создание и применение таких слоев. Каждый замощенный слой – это объект, с которым ассоциировано изображение, определяющее набор элементов, которые используются для создания замощенного слоя карты. Каждый замощенный слой имеет карту, содержащую индексы, которые означают определенный фрагмент изображения. Поскольку родительским классом для TiledLayer является класс Layer, с объектами этого класса можно работать так же, как со спрайтами. Иначе говоря, вы можете изменять положение замощенного слоя, запрашивать его размер и текущее положение, выводить на экран и управлять видимостью. Для этого требуется лишь несколько вызовов методов.

Создание замощенного слоя

При создании замощенного слоя вы задаете ширину и высоту в количестве элементов, определяете изображение, содержащее необходимые элементы, а также указываете высоту и ширину фрагментов. Эта информация передается в конструктор TiledLayer(). Ниже приведен код, создающий замощенный слой, представляющий собой трассу (рис. 10.2):

Рис. 10.2. Когда размер замощенного слоя больше размера экрана, то в любой момент времени отображается лишь определенная часть

TiledLayer backgroundLayer;

try {

backgroundLayer = new TiledLayer(5, 4, Image.createImage("/RaceTrack.png"),

100, 100);

}

catch (IOEXception ioe) {

System.err.printIn("Failed loading images!");

}

Первые два параметра в вызове TiledLayer() определяют число строк и столбцов в замощенном слое соответственно, в данном случае – это 5 и 4. Третий параметр – это объект Image, который представляет собой гипотетический перечень элементов слоя, показанных на рис. 10.1. Оставшиеся два параметра – это ширина и высота одного фрагмента, в нашем случае элементы – это квадраты со стороной 100 пикселей. После того как создан объект TiledLayer, устанавливается его карта, для чего ячейки заполняются нужными индексами. Если вы посмотрите на рис. 10.1, то заметите, что каждому фрагменту присвоен уникальный номер. Эти номера – индексы в перечне элементов изображения. Индексы всегда начинаются с 1 и увеличиваются. Индекс 0 – это специальный индекс, который определяет отсутствие фрагмента. Иначе говоря, когда вы задаете элемент с индексом 0, то он будет прозрачным.

...

В копилку Игрока

Перед тем как карта слоя задана, все ячейки содержат индекс 0, что означает, в начале замощенный слой прозрачен.

Используя разметку трассы, представленную на рис. 10.1, карту слоя можно задать в виде целочисленного массива так:

int[] layerMap = {

1, 3, 3, 3, 2,

6, 7, 7, 7, 6,

6, 7, 1, 3, 5,

4, 3, 5, 7, 7

};

Все, что необходимо сделать, чтобы представить карту, – это взглянуть на индексы элементов в массиве. Чтобы облегчить задачу, просто нарисуйте карту на листе бумаги или в программе, например, Mappy или Tile Studio, речь о которых шла выше. Массив в предыдущем элементе кода – это одномерный массив, но он отформатирован так, что вы можете представить отдельные ячейки. К сожалению, конструктору TiledLayer нельзя передать массив. Вы должны установить в каждой ячейке замощенного слоя массив, для чего вызвать несколько раз метод setCell(). Ниже приведен цикл, выполняющий это:

for (int i = 0; i < layerMap.length; i++) {

int column = i % 5; //Число 5 означает количество столбцов, а 4 – количество строк.

int row = (i – column) / 4;

backgroundLayer.setCell(column, row, layerMap(i));

};

Этот код проходит по всем ячейкам замощенного слоя и присваивает нужный индекс. Этот код можно с легкостью приспособить для замощенного слоя любого размера, для чего необходимо изменить число столбцов (5) и строк (4) во второй и третьей строках кода соответственно.

Перемещение и отображение замощенного слоя

Теперь вы знаете, что создать замощенный слой с помощью класса TiledLayer очень просто, особенно если вы знаете, как создать карту, состоящую из индексов. Указать положение слоя также не представляет сложности:

backgroundImage.setPosition(0, 0);

Этот код просто устанавливает замощенный слой в начало координат игрового экрана: верхний левый угол слоя расположен в верхнем левом углу экрана телефона. Предположив, что размер слоя больше размера экрана, нижний правый угол замощенного слоя невидим на дисплее. Если, обратившись к документации MIDP API, вы будете искать метод setPosition(), вы увидите, что он не указан среди методов класса TiledLayer. Это потому, что данный класс – производный от класса Layer. Другой метод, наследованный от класса Layer, paint(), отвечает за вывод замощенного слоя. Ниже приведен код, рисующий замощенный слой:

backgroundLayer.paint(g);

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

Создание программы Wanderer

Оставшаяся часть главы посвящена разработке мидлета Wanderer, который представляет собой приключенческий симулятор, где вы управляете героем, перемещающимся по карте. Хотя с технической точки зрения Wanderer – не игра, этот мидлет можно превратить в игру, затратив минимум усилий. Идея Wanderer заключается в том, что здесь используется карта большего размера по сравнению с размером дисплея. Герой остается в центре экрана, потому что перемещается.

Неудивительно, что карта в Wanderer создана, как замощенный слой. В этом мидлете используются два различных объекта слоя: фоновый замощенный слой и спрайт героя. Пожалуйста, посмотрите на рис. 10.9 и 10.10, а также на код карты, чтобы представить карту, используемую в Wanderer. На ней островок земли окружен водой. В мидлете Wanderer следует проверять, что спрайт героя перемещается только по земле, потому что перемещения по воде и скалам запрещены.

Большая часть мидлета Wanderer уделена созданию и управлению замощенным слоем. На самом деле, поскольку замощенный слой перемещается под неподвижным спрайтом, вы можете не трогать спрайт в мидлете, оставив его неподвижным, а не создавать анимацию, имитирующую походку.

Написание программного кода

Код программы Wanderer начинается с объявления переменных класса, необходимых для реализации замощенного слоя и его перемещения. Эти переменные – объекты классов TiledLayer и Sprite, последний необходим для имитации героя. Ниже приведен код, объявляющий эти переменные:

private TiledLayer backgroundLayer; private Sprite personSprite;

Переменная backgroundLayer управляет замощенным слоем в мидлете, в то время как переменная personSprite отвечает за героя. Эти переменные инициализируются в методе start() класса WCanvas, в котором создаются замощенный слой и спрайт. Вот код, создающий фоновый замощенный слой:

try {

backgroundLayer = new TiledLayer(16, 16,

Image.createImage("/Background.png"), 48, 48);

}

catch (IOException e) {

System.err.println("Failed loading images!");

}

Если вы вспомните, о чем шла речь в начале главы, конструктор TiledLayer() требует задать число строк и столбцов в замощенном слое, а также изображение, содержащее отдельные элементы, и размеры одного элемента. Эта информация передается конструктору в приведенном выше коде. Замощенный слой состоит из 16 строк и столбцов, его элементы имеют размер 48х48 пикселей. Кроме того, эти изображения хранятся в файле Background.png (рис. 10.9). Наиболее важная часть создания замощенного слоя – это определение карты слоя. Для этого вы должны задать массив (или карту), состоящий из индексов, которые определяют вид замощенного слоя. Ранее вы увидели, как с этой задачей может помочь программное обеспечение для создания карт, оно даже создает необходимый код. Ниже приведен массив для инициализации замощенного слоя, вы уже видели его раньше:

int[] layerMap = {

3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3,

3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3, 3,

3, 21, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 19, 22, 3,

3, 18, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 20, 3,

3, 18, 2, 2, 2, 5, 15, 15, 15, 15, 15, 15, 6, 2, 20, 3,

3, 18, 2, 2, 2, 7, 10, 1, 1, 1, 1, 1, 16, 2, 20, 3,

3, 18, 2, 2, 2, 2, 14, 1, 1, 1, 1, 1, 16, 2, 20, 3,

3, 18, 2, 2, 2, 2, 7, 10, 1, 1, 1, 1, 16, 2, 20, 3,

3, 18, 2, 2, 2, 2, 2, 14, 1, 1, 1, 1, 16, 2, 20, 3,

3, 18, 2, 2, 2, 2, 2, 14, 1, 9, 10, 1, 16, 2, 20, 3,

3, 18, 2, 5, 15, 6, 2, 14, 1, 11, 12, 1, 16, 2, 20, 3,

3, 18, 2, 14, 1, 16, 2, 7, 13, 13, 13, 13, 8, 2, 20, 3,

3, 18, 2, 7, 13, 8, 2, 2, 2, 2, 2, 2, 2, 2, 20, 3,

3, 18, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 20, 3,

3, 23, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17, 17, 24, 3,