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

Розенцвейг Гэри

Функция createBalloons создает 30 шариков в 10 колонках по 3 штуки в каждой. Каждая ссылка на шарик хранится в массиве. Цвет шарику назначается в зависимости от того, в каком он ряду. Каждому шарику придано начальное направление и скорость равная 3.

function createBalloons {

balloons = new Array;

balloonNum = 0;

// Создаем новый ряд.

for(var y=0;y<3;y++) {

for(var x=0;x<10;x++) {

// Создаем и размещаем новый шарик.

attachMovie("balloon", "balloon"+balloonNum, balloonNum);

balloonClip = this["balloon"+balloonNum];

balloonClip._x = x*30+20;

balloonClip._y = y*30+20;

// Добавляем в массив.

balloons.push(balloonClip);

// Устанавливаем цвет.

balloonColor = new Color(balloonClip);

if (y == 0) {

balloonColor.setTransform({rb: 255});

} else if (y == 1) {

balloonColor.setTransform({gb: 255});

} else if (y == 2) {

balloonColor.setTransform({bb: 255});

}

balloonNum++;

}

}

// Направление (скорость)шариков.

balloonDirection = 3;

}

Функция moveBalloons

двигает все шарики в массиве balloons. Если какой-нибудь из них дотронется до края экрана, то все они меняют направление. Если же какой-нибудь достигнет низа экрана, игра заканчивается.

function moveBalloons {

// Переменная-флаг изменения направления.

var newDirection = false;

// Просматриваем все шарики.

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

// Передвигаем текущий шарик.

balloons[i]._x += balloonDirection;

// Смотрим, не достиг ли шарик границы экрана.

if ((balloonDirection > 0) and (balloons[i]._x > 530)) {

newDirection = true;

} else if ((balloonDirection < 0) and (balloons[i]._x < 20)) {

newDirection = true;

}

}

// При столкновении с границой экрана

// шарики опускаются и меняют направление.

if (newDirection) {

balloonDirection *= -1;

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

balloons[i]._y += 3;

}

}

// Не достигли ли шарики земли?

if (balloons[i-1]._y > 300) {

gotoAndStop("game over");

}

}

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

function checkCollision(bullet) {

// Просматриваем все шарики.

for(j=balloons.length-1;j>=0;j—) {

balloon = balloons[j];

// Смотрим не попала ли пуля в шарик.

if (distance(bullet,balloon) < 10) {

// Удаляем шар из массива.

balloons.splice(j,1);

// Переходим в кадр взрыва шарика.

balloon.gotoAndPlay(2);

// Увеличиваем счет.

score += 1;

// Если шаров больше нет – игра заканчивается.

if (balloons.length == 0) {

gotoAndStop("game over");

}

// Возвращаем значение true, так как попали в шарик.

return(true);

}

}

// Возвращаем false, поскольку попали в шарик.

return(false);

}

К сведению

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

Другие возможности

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

Если вы хотите добавить в игру уровней, то можете создать переменную startSpeed, которая начинается со значения 3. Задайте эту скорость функции balloonDirection каждого шарика вместо жестко заданного "3". Пусть теперь после того, как все шарики выбиты, игрок переходит к экрану «level over». Когда он нажимает кнопку «play next level», startSpeed увеличивается, и ролик отправляется к кадру «play», где шарики появляются с новой, более высокой скоростью.

Глава 11 Игры с мячом и битой

• Стена и мяч

• Мяч и бита

• Бита и блоки

• Бита и блоки в трех измерениях

Следующий жанр, который будет рассмотрен, восходит к первой видеоигре «Pong». Эта простая игра положила начало революции игровых автоматов в 70-х годах.

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

В первой игре, которую вы создадите, будет только простая бита и мяч. Во второй игре появится вторая бита, управляемая компьютером, то есть у игрока будет противник, обладающий искусственным интеллектом. В третьей игре, которая описывается в данной главе, игрок будет пытаться выбить блоки с помощью мяча, как в классической игре "Breakout". Последняя игра раздела перенесет действие "Breakout" в трехмерное пространство.

Стена и мяч

Исходный файл: Wallball.fla

Первая игра называется "Стена и мяч". В ней имеются бита, управляемая пользователем, и три стены, от которых может отскакивать мяч. Четвертой стены нет (она открыта). Задача игрока состоит в том, чтобы не позволить мячу пролететь мимо биты (рис. 11.1).

Рисунок 11.1. Элементами игры «Стена и мяч» являются мяч, бита и три стены

Задача проекта

Цель данного проекта – создать игру, где двигающийся мяч будет отскакивать от стен и биты. Бита будет перемещаться по вертикали в соответствии с движением мыши. Если мяч пролетает мимо биты и достигает границы экрана, игра заканчивается. При столкновении мяча с битой скорость первого должна немного увеличиваться.

Подход

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

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

После того как вы узнаете, насколько далеко за стеной оказался мяч, вы можете изменить направление его движения, а затем поместить мяч на соответствующее расстояние с нужной стороны стены. На рис. 11.2 показана диаграмма работы данного алгоритма.

Рисунок 11.2. Диаграмма показывает, как изменяется положение мяча после столкновения со стеной

Столкновения с битой рассматриваются точно так же, как и столкновения со стеной. Единственное различие – вы должны изначально убедиться, что вертикальное положение биты допускает удар мяча об нее.

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

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

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

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

Для этой игры необходимы лишь три функции (посмотрите исходный файл, Wallball.fla). Все эти три функции будут вызываться в клипе «actions»:

onClipEevent(load) {

_root.initGame;

}

onClipEvent(enterFrame) {

_root.moveBall;

_root.movePaddle;

}

Функции находятся в основной временной шкале. Первая функция, initGame, хранит положение мяча в переменных x и y. Указаны значения dx и dy, то есть скорость мяча по вертикали и горизонтали (5 пикселов в кадре каждая). Затем функция initGame устанавливает несколько постоянных, определяющих положение каждой стены. Этой функции передается значение радиуса мяча, которое также используется функцией moveBall. Переменной passedPaddle присваивается значение true после того, как игрок пропустит мяч. При этом надо спрятать курсор, чтобы он не отвлекал внимание игрока.

function initGame {

// Устанавливаем начальное положение мяча.

x = ball._x;

y = ball._y;

// Указываем начальную скорость.

dx = 5;

dy = 5;

// Устанавливаем значения постоянных.

rightWall = 550;

leftWall = 0;

topWall = 0;

bottomWall = 440;

ballRadius = ball._width/2

passedPaddle = false;

// Прячем курсор.

Mouse.hide;

}

Функция movePaddle – «рабочая лошадка» этой игры. Сначала она изменяет значение x и y на величину значений dx и dy соответственно, чтобы получить новое положение мяча (1) . Затем проверяет, пролетел ли мяч сквозь стену или нет (2) .

К радиусу мяча прибавляется значение его положения, чтобы получить точную позицию правого края мяча. Если мяч оказался за стеной, функция movePaddle подсчитывает, как далеко он перелетел, и присваивает это значение переменной overshoot. Затем мяч перемещается назад на расстояние, в два раза превышающее значение overshoot. Направление мяча меняется при умножении dx на -1, таким образом, знак dx меняется на противоположный. Если значение dx до столкновения мяча со стеной было равно 5, то после этого события становится равным -5.

Затем код проверяет, пролетел ли мяч сквозь нижнюю стену или нет (3) . Этот фрагмент похож на предыдущий, только вместо x и dx используются величины y и dy.

Фрагмент кода, где проверяется, пролетел ли мяч через верхнюю стену, несколько отличается от уже рассмотренных (4) . Для определения положения верхней границы мяча из положения его центра вычитается радиус. Затем величина overshoot рассчитывается как разница между положениями стены и верхней границы мяча.

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

Если мяч сталкивается с битой, то он ведет себя так же, как и при столкновении со стеной. Однако при этом скорость мяча увеличивается на 5 % (7) . Если мяч перелетает через стену, совершается только одно действие – переменной passedPaddle присваивается значение true.

Если значение переменной passedPaddle равно true, и мяч находится там, где должна быть левая стена, игра заканчивается (8) . Курсор возвращается в исходное положение, и ролик переходит к кадру «game over».

В конце функции moveBall положение мяча устанавливается в соответствии со значениями x и y.