Adobe Flash. Создание аркад, головоломок и других игр с помощью ActionScript
Шрифт:
Совет
Необходимо проверить, превышает ли скорость мяча по вертикали значение 7, если да, то нужно снова присвоить ей значение 7. Это вызвано тем, что блоки имеют 8 пикселов в высоту. Если скорость мяча будет равна 8 пикселам или более, тогда мяч будет перелетать через блоки, не выбивая их. К счастью, скорость, равная 7, и так слишком велика – даже хороший игрок долго не продержится.
function checkCollisions {
// Определяем границы мяча.
ballTop = ball._y – ball._height/2;
ballBottom = ball._y + ball._height/2;
ballLeft = ball._x – ball._width/2;
ballRight = ball._x + ball._width/2;
// Допускаем, что уровень пройден.
leveldone = true;
// Выясняем, ударил ли мяч по блоку.
for (i=1; i<=55; i++) {
brick = _root[“a”+i];
// Проверяем, есть ли еще
if (brick._x <> -1000) {
if (brickHit(brick)) {
// Если по блоку ударили,
// его нужно удалить с экрана.
brick._x = -1000;
// Изменяем направление движения мяча.
dy *= -1;
} else {
// Блоки еще остались, так что уровень
// не закончен.
leveldone = false;
}
}
}
// Все ли блоки уже выбиты?
if (leveldone) {
// Начать новый уровень.
Mouse.show;
gotoAndPlay("start level");
// Увеличиваем скорость движения мяча по вертикали.
dy += 1;
if (dy > 7) dy=7;
}
}Совет
Обратите внимание, что в функции hitBrick находятся четыре вложенных оператора if. Возможно, вам будет интересно, почему не написать четыре условия в линию, соединив их оператором AND. Дело в скорости. С вложенными операторами if, если одно из условий оказалось ложным, программа не будет проверять остальные. Таким образом, значительно сократится объем работы, которую выполняет программа, и скорость игры увеличится. С операторами AND программе Flash придется проверять все четыре условия, даже если первое из них ложное.
Функция hitBrick проверяет все четыре стороны мяча по отношению ко всем четырем сторонам блока, чтобы узнать, перекрывает ли мяч один из них. Функция возвращает значение либо true, либо false.
function brickHit(brick) {
// Проверяем, попал ли мяч по блоку.
if (ballTop <= brick._y + brick._height/2) {
if (ballBottom >= brick._y – brick._height/2) {
if (ballRight >= brick._x – brick._width/2) {
if (ballLeft <= brick._x + brick._width/2) {
// Все условия верны, то есть мяч
// столкнулся с блоком.
return(true);
}
}
}
}
// Мяч не столкнулся с блоком.
return(false);
}
К сведению
Для работы кода необходимо точно указать множество элементов. Запустите ролик Paddlebricks.fla, чтобы посмотреть готовый вариант программы в действии. Для создания своей собственной версии необходимо запомнить имена всех клипов и в каждый кадр вставить команду stop. Также нужно вставить небольшие фрагменты кода в кнопки и первый кадр.
Ряды блоков были раскрашены с помощью эффекта Tint (Окраска), благодаря чему игра стала визуально более интересной. Вы можете выбрать другое графическое решение, ничего не меняя в функциональной части игры.
Другие возможности
Игра станет интереснее, если в ней будет подсчет очков. Здесь это не сделано для того, чтобы не усложнять код. Просто добавьте текстовое поле «score» и свяжите его с переменной score. Затем прибавляйте единицу каждый раз, когда игрок выбивает блок.
Возможно, вам также захочется добавить текстовые поля, чтобы сообщать пользователю, на каком он уровне и сколько осталось мячей. Можно добавить и звуковые эффекты.Бита и блоки: три измерения
Исходный файл: 3Dpaddlebricks.fla
Итак, в этой главе вы видели, как шар движется по плоскости. А что если шар должен будет двигаться в третьем измерении: в глубину?
На рис. 11.5 показано, как это может выглядеть. Бита – это полупрозрачный квадрат на переднем плане игры. Четыре боковые стены ведут к задней стене, находящейся на некотором расстоянии в глубине экрана. Шар уменьшается по мере того, как становится все дальше от биты. Цель состоит в том, чтобы выбить все кирпичи (блоки) из задней стены.
Рисунок 11.5. Цель этой игры такая же, как и у предыдущей, но перспектива создает некоторую специфичность
Задача проекта
Задача этой игры – создание иллюзии трехмерности. Экраны компьютеров безнадежно завязли в двух измерениях. Но изменяя размер шара и используя линии перспективы, чтобы заставить шар двигаться по мере удаления по направлению к центру экрана, вы можете создать иллюзию, что шарик движется прямо вглубь экрана.
Цель состоит в том, чтобы выбить все 16 блоков из задней стены. Как только шар касается кирпича, он выпадает. Когда шар достигает уровня с битой, она должны занимать такое положение, чтобы коснуться мяча. Место,
Когда все 16 кирпичей выбиты, уровень пройден. На следующем уровне шар движется несколько быстрее.
Подход
Чтобы следить за положением мяча, необходима новая переменная. Можно использовать х для горизонтальной и у для вертикальной характеристики положения шара. Третья переменная, z, следит за глубиной – как глубоко внутри экрана находится шар.
Эти три переменные определяют положение мяча внутри воображаемого параллелепипеда, в котором происходит игра. Этот параллелепипед имеет горизонтальные и вертикальные размеры по 400 единиц и 140 единиц в глубину. Чтобы перевести это в координаты экрана, нужна некоторая ловкость. Если вы еще раз посмотрите на рис. 11.5, то заметите, что границы шахты видимы. Наружный квадрат (грань), ближний к игроку, находится на том же уровне, что и бита. Он имеет размер 400x400. Внутренняя грань, представляющая заднюю стену, имеет размер 120x120.
На рисунке 11.6 еще раз изображены обе грани, но на этот раз с обозначенными x, y и z координатами. Верхний левый угол обеих граней имеет значения х и у равные 0. Однако наружный угол имеет значение z равное 0, а внутренний – значение z, равное 140. Остальные углы обозначаются аналогично.
Если мяч находится на позиции (х, у) = (0,0) и движется от 0 к 140 вдоль оси Oz, то он движется вдоль ребра параллелепипеда (рис. 11.6). Если мяч в центре экрана, в положении (200,200), и движется от 0 до 140 вдоль Oz, ему вообще не нужно смещаться вправо или влево. Если мяч в какой-нибудь промежуточной позиции, например (50,65), и движется от 0 до 140 вдоль Oz, то он должен двигаться вдоль своей линии перспективы так, чтобы сохранить свое положение относительно передней и задней граней.
Рисунок 11.6. Обозначены значения x, y и z каждого угла игровой области
Иллюзия трехмерности достигается также за счет уменьшения значения масштаба мяча по мере его удаления.
Подготовка ролика
Ролик включает в себя четыре кадра. Все действия происходят во втором кадре. Фоном для всех кадров служит параллелепипед, показанный на рис. 11.5. Его внешняя граница размером 400x400 полностью заполняет рабочее поле. Внутренняя граница, представляющая заднюю грань, имеет размер 120x120 и располагается точно в центре.
Остальные клипы также находятся на экране. Первый – это бита, квадрат размером 70x70. Этому клипу присвоено имя "paddle" и его параметр _alpha = 50 %, что делает его полупрозрачным. Мяч – это клип "ball", содержащий круг диаметром 30 пикселов. Также в стороне расположен клип "action".
В библиотеке есть также клип "brick". Клип экспортируется вместе с роликом. Он используется для создания кирпичей, которые покрывают заднюю стену.
Если вы внимательно посмотрите на рисунок 11.5, то кроме толстых линий наружной и внутренней стен можете увидеть контур из тонких линий где-то в середине. Этот набор линий движется вместе с мячом вглубь экрана. Он помогает игроку определить, где находится мяч. Посмотрите ролик-пример, чтобы увидеть, как это работает. Вам нужен клип размером 400x400, чтобы сделать эти линии. В примере этот клип называется "ring".
Создание кода
Код состоит в основном из функций, расположенных во втором кадре. Первая начинает игру. Вместо отдельных переменных для хранения x, y и z значений мяча, мы используем один объект, ballpos, который имеет 3 свойства. Таким образом, ballpos.x соответствует х-положению мяча. То же самое мы делаем для ballvel, где содержатся x, y и z скорости мяча.
В начале игры значения свойств объекта bollpos устанавливаются таким образом, чтобы мяч начинал свое движение от задней стенки параллелепипеда. Значения объекта ballvel задают начальное движение мяча строго вдоль оси Оz и скорость на единицу большую номера уровня игры (то есть 2).
Следущая часть функции initGame создает 16 блоков из одного библиотечного образца и покрывает ими всю заднюю стенку.
В заключении функции мы устанавливаем уровень биты и шара так, чтобы они были расположены поверх созданных кирпичей.function initGame {
// Устанавливаем мяч.
ballpos = {x:200, y:200, z:140};
// Определяем его скорость.
ballvel = {x:0, y:0, z:-(1+gameLevel)};
// Создаем блоки.
bricks = new Array;
for(var x=0;x<4;x++) {
for(var y=0;y<4;y++) {
brick = attachMovie("brick","brick"+x+y,x+y*4);
brick._x = 155+30*x;
brick._y = 155+30*y;
bricks.push(brick);
}
}
// Перемещаем биту и шар на передний план.
paddle.swapDepths(101);
ball.swapDepths(100);
}