Adobe Flash. Создание аркад, головоломок и других игр с помощью ActionScript - Гэри Розенцвейг

Перемещение игрока в этой игре означает прокрутку всего игрового пространства, в то время как игрок на самом деле все время находится в центре экрана. Ощущение движения лисы возникает за счет того, что в игре движется все, кроме самой лисы.

Каждый орех добавляет игроку 100 очков. Лиса должна собирать орехи и избегать кроликов.

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

Подход

Пространство игры представляет собой массив небольших объектов. Эти объекты имеют свойство type, соответствующие клипу, который будет использоваться. Клип имеет свойства x и y, определеяющие его местоположение. Вот, например, как может выглядеть такой объект: {type: «box», x:100, y: 0}.

Игрок начинает в позиции (0, 0). Если он передвигается вправо, то его позиция по x увеличивается. Если блок находится в позиции 0 по x, а игрок – в позиции 100, это значит, что блок располагается на 100 пикселов правее игрока. Если же игрок смещается в позицию 10 по x, то блок будет находиться на 90 пикселов правее.

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

Определение областей, в которых возможно (невозможно) передвижение лисы, является важнейшей задачей этой игры. Если лиса упирается в блок, она должна остановить свое перемещение в этой позиции.

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

То же самое происходит и по вертикали. Когда лиса прыгает, ей передается значение скорости по вертикали. При каждом обращении к кадру эта скорость регулируется за счет воздействия силы тяжести, так что лиса постепенно замедляется, а затем падает обратно вниз. Все объекты игрового пространства проверяются для определения наивысшей и наинизшей точек возможного движения лисы. Когда лиса достигает низшей точки, вертикальное движение прекращается. Это может быть самый низкий уровень ("земля") или одна из платформ других уровней.

Подготовка ролика

Ролик содержит всего четыре клипа. Клип «fox» содержит некоторое количество кадров. В первом кадре изображена неподвижная лиса, далее некоторое количество кадров изображают анимацию бегущей (в одном напрвлении) лисы, и последние кадры изображают лису в прыжке. Имя экземпляра этого клипа на рабочем столе также «fox»; для экземпляра выставлен масштаб 25 %.

Клип "box" – это просто коричневый квадрат размером 50x50. Этот клип содержит один кадр.

Клип "acorn" начинается с кадра со статичным изображением ореха. В этом кадре находится команда stop(). Остальная часть клипа изображает постепенное появление числа "100". Эта анимация проигрывается, когда игрок берет орех и ему начисляются очки.

Клип "bunny" состоит из двух кадров изображающих кролика, шевелящего лапками. Эта анимация работает независимо от направления перемещения кролика.

Клипам "box", "acorn" и "bunny" необходимо присвоить имена в панели Linkage Properties, чтобы был возможен их экспорт.

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

Создание кода

За небольшими исключениями весь код этой игры находится в кадре «Play». Он начинается с вызова функции startGame. Она инициализирует набор констант таких как скорость лисы и кролика, устанавливает начальное положение лисы и вызывает функции createWorld и creatOjects, которые создают все элементы игрового пространства.

startGame();

stop();

function startGame() {

// Устанавливаем константы.

floor = 350;

foxSpeed = 10;

bunnySpeed = 2;

jumpPower = 60;

// Задаем параметры лисы.

foxPos = {x:0,y:0};

fallSpeed = 0;

falling = false;

fox.swapDepths(999);

// При каждом обращении к кадру вызываем moveFox.

_root.onEnterFrame = moveFox;

// Создаем элементы игры.

createWorld();

createObjects();

}

Функция creatWord создает массив objects и заполняет его положением всех блоков, орехов и кроликов. Она также задает глобальную переменную worldEnd, которая определяет правую границу игрового пространства.

function createWorld() {

objects = new Array();

objects.push({type:"box", x:250, y:0});

objects.push({type:"box", x:300, y:0});

objects.push({type:"box", x:500, y:0});

objects.push({type:"box", x:550, y:0});

objects.push({type:"box", x:600, y:0});

objects.push({type:"box", x:650, y:0});

objects.push({type:"box", x:700, y:0});

objects.push({type:"box", x:550, y:50});

objects.push({type:"box", x:600, y:50});

objects.push({type:"box", x:650, y:50});

objects.push({type:"box", x:850, y:0});

objects.push({type:"box", x:900, y:0});

objects.push({type:"box", x:1050, y:100});

objects.push({type:"box", x:1100, y:100});

objects.push({type:"box", x:1150, y:100});

objects.push({type:"acorn", x:150, y:0});

objects.push({type:"acorn", x:275, y:200});

objects.push({type:"acorn", x:1100, y:250});

objects.push({type:"bunny", x:400, y:0});

objects.push({type:"bunny", x:1200, y:0});

worldEnd = 1400;

}...

Совет

Если вы собираетесь сделать пространство игры больше или, возможно, хотите добавить новые уровни, то, вероятно, вы захотите изменить функцию creatWord так, чтобы она считывала данные из внешнего текстового файла вместо того, чтобы создавать каждый элемент в отдельной строке кода. Текстовый файл может определять тип и расположение каждого элемента в отдельных позициях так, как это было сделано в главе 12.

После создания массива objects функция creatObjects просматривает его в цикле и создает все соответствующие клипы.

function createObjects() {

for(var i=0;i<objects.length;i++) {

_root.attachMovie(objects[i].type,"object "+i, i );

}

}

Функция moveFox – это главный движущий механизм [19] всей игры. В ней идет ряд проверок, которые отслеживают появление определенных событий в игре.

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

Далее, функция moveFox проверяет, есть ли пустое место под лисой и не находится ли лиса в состоянии падения, что определяется с помощью переменной falling (2). Если это так, то лиса начинает падать.

Если falling равняется true, то вызывается функция checkFall для обработки вертикального движения (3) .

Далее, проверяется не нажаты ли стрелки "вправо" и "влево" (4) . Если да, то проверяются оба значения foxBounds.left и foxBounds.right, чтобы определить, есть ли место для движения лисы. Также проверяются границы игрового пространства – 0 и worldEnd,  – чтобы лиса не выходила за их пределы. Переменная moving принимает значение true только если нажата клавиша со стрелкой. Эта переменная определяет, какая часть клипа «fox» будет проигрываться.

Лиса прыгает при нажатии пробела (5) . Прыжок противоположен падению, поэтому переменная fallSpeed принимает положительное значение (когда лиса падает, ее значение меньше ноля). Если в момент нажатия пробела лиса стоит, то запускается анимация прыжка лисицы. Если же лиса находится в движении, когда нажат пробел, то клип лисы остается в позиции шага (то есть она прыгает в том положении, в котором ее застало нажатие на пробел).

Следующий фрагмент кода отвечает за анимацию лисы (6) . Если лиса движется и не падает вниз (не прыгает вверх), то клип лисы переходит к следующему кадру. Благодаря этому ноги лисы «шагают». Если же лиса не движется или падает, то клип лисы переходит в первый кадр с изображением стоящей лисы.

В то время как горизонтальная позиция лисы постоянно находится в центре экрана, ее вертикальное положение может меняться. Вертикальное положение лисы задается свойством foxPos.y, а земля находится в вертикальной позиции 0. Значит, чтобы получить свойство _y клипа лисы, мы должны вычесть foxPos.y из значения переменной floor (7).

В конце функции moveFox вызываются еще три функции: moveBunnies отвечает за движение кроликов, drawObjects перерисовывает блоки, кроликов и орехи в соответствии с новым положением игрового поля относительно лисы, а функция getAcorns проверяет, не съела ли лиса какой-нибудь из орехов.