Иллюстрированный самоучитель по Flash-games

       

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


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

onClipEvent (load) {

root.initGame();

}

onClipEvent (enterFrame) {

_root.moveFox();

_root.dropNewApple();

_root.moveApples();

}

Таким образом, вся работа осуществляется четырьмя функциями, которые находятся в главной временной шкале. Рассмотрим каждую из них.
Первая функция, initGame, инициализирует в начале игры целый ряд переменных. Она создает и клип с лисой. Этот клип создается при помощи кода, а не добавляется при создании ролика потому, что лиса должна располагаться поверх яблок. Если бы клип лисы создавался одновременно с роликом, тогда каждое яблоко, созданное кодом, помещалось бы поверх лисы. Это позволяет нам управлять размещением уровня, в котором содержится лиса, относительно уровня с яблоками. Лисе отведен уровень 999,999. Яблоки будут помешаться начиная со слоя 1 и, следовательно, будут располагаться под лисой.

function initGame() {

// Инициализация переменных, хранящих

// номера первого и последнего яблока.

firstApple = 1;

lastApple = 0;

// Инициализация переменной, хранящей число пойманных яблок,

score = 0;

// Указываем общее количество яблок.

totalApples =20;

// Скорость падения и счетчик времени

// между появлениями яблок.

timeSinceLastApple = 0;

appleSpeed = 5;

// Создаем экземпляр клипа содержащий лису,

attachMovie ("running fox", "fox", 999999);

fox._x = 275;

fox._y = 300;

}

Для того чтобы переместить лису, объект Key должен проверить состояние клавиатуры. С помощью функций Key. isDown (Key.RIGHT) и Key. isDown (Key.LEFT) проверяется, нажаты ли стрелки "вправо" и "влево" соответственно. Переменная dx принимает значение от 10 до -10 и показывает насколько и в каком направлении должна переместиться лиса.


Код клипа "actions" аналогичен тому, что использовался в игре "Помай яблоко". Изменятся только функции. В функцию initGame было внесено лишь одно изменение: число падающих яблок было увеличено до 50.

Рисунок 9.5 Клип "bad apple" состоит из 20 кадров. Каждый кадр содержит изображение яблока и одного из согласных звуков

function initGame() {

// Инициализация переменных, хранящих

// номера первого и последнего яблока.

firstApple = 1;

lastApple = 0;

// Инициализация переменной, хранящей число пойманных яблок,

score = 0;

// Задаем общее количество яблок.

totalApples = 50;

// Скорость падения и счетчик времени между появлениями яблок.

timeSinceLastApple = 0;

appleSpeed = 5;

// Создаем экземпляр клипа, содержащий лису.

attachMovie("running fox","fox",999999);

fox._x = 275;

fox._y = 300;
}

Функция moveFox полностью совпадает с аналогичной функцией игры "Поймай яблоко", поэтому нет смысла повторять ее здесь. Функция drop-NewApple будет отличаться, так как она должна выбирать, какое яблоко бросать, а затем отображать произвольный кадр выбранного клипа.

function dropNewApple() {

// Проверяем, прошел ли заданный промежуток времени,

if (timeSinceLastApple > 20) {

// Бросаем яблоко, если не превышено

// их предельно допустимое количество,

if (lastApple < totalApples) { // Устанавливаем вероятность сброса яблока в 10%.

if (Math.random() < .1) {

// Создаем объект-яблоко.

lastApple++;

if (Math.random() < .5) {

//В 50% случаев яблоко плохое.

attachMovie( "bad apple", "apple"+lastApple, lastApple);

_root["apple"+lastApple].type = "bad";

} else {

// В 50% случаев яблоко хорошее.

attachMovie( "good apple", "apple"+lastApple, lastApple);

_root["apple"+lastApple].type = "good";
}

f=int(Math.Random()*_root["apple"+ lastApple]._totalFrames) + 1;

trace(f);

_root["apple"+lastApple].gotoAndStop(f) ;




Клипу "actions" назначен такой же сценарий, как и в первых двух играх данной главы, однако имена были изменены в соответствии с темой данной игры.

onClipEvent (load) {

_root.initGame();

}

onClipEvent (enterFrame) {

_root.moveFox();

_root.newRock();

_root.moveRocks();

}

Функции главной временной шкалы должны быть вам знакомы. Некоторые части кода аналогичны функциям, рассмотренным ранее, но имеют другие имена.
Функция initGame запускает игру со скоростью течения реки 0. Изображение лисы расположено не в нижней части экрана, а в центре.

function initGame() {

// Номера первого и последнего камня.

firstRock = 1;

lastRock = 0;

// Задаем переменную, содержащую количество столкновений.

spills = 0;

// Количество камней.

totalRocks = 50;

// Время, прошедшее со времени появления последнего камня.

timeSinceLastRock = 0;

riverSpeed = 0;

/// Помещаем на рабочее поле клип лисы.

attachMovie( "kayaking fox", "fox", 999999 );

fox._x = 275;

fox._y = 200;

}

Как и в предыдущих примерах, функция moveFox определяет, нажаты ли клавиши со стрелками "влево" и "вправо". Кроме этого, она проверяет, воспроизводится ли анимация "spill", и если ответ положительный, игнорирует нажатие клавиш.
Вместо поворота изображения код задает переход клипа "fox" к кадрам, помеченным "left" или "right". Первый кадр имеет метку "still" и отображает байдарку, плывущую вперед.

function moveFox() {

if (fox._currentFrame > 4) {

//Во время столкновения нажатие клавиш игнорируется.

dx = 0;

} else if (Key.isDown(Key.RIGHT)) {

// Передвигаем лису вправо.

dx = riverSpeed;

fox.gotoAndStop("left");

} else if (Key.isDown(Key.LEFT)) {

// Передвигаем лису влево dx = -riverSpeed;

fox.gotoAndStop("right");

} else {

// Клавиша не нажата.

dx = 0; fox.gotoAndStop("still");

}

// Передвигаем лису и отслеживаем,

// чтобы она не вышла за границы экрана.

fox._x += dx;




Основная часть кода - это сценарий клипа машины. Он начинается с задания переменной speed значения 0. Эта переменная должна быть на уровне _root, поскольку остальные клипы будут к ней обращаться.

onClipEvent(load) {

// Инициализируем переменную скорости.

_root.speed = 0;

}

Обработчик onClipEvent (enterFrame) сначала проверяет все четыре клавиши с изображением стрелок. Левая и правая клавиши со стрелкой перемешают машину влево или вправо и также заставляют клип с машиной показывать соответствующий кадр поворота.
Клавиши со стрелками вверх и вниз изменяют скорость машины на 0,1. Постоянно осуществляется проверка, не упала ли скорость ниже 0.
Если ни одна из клавиш со стрелками не нажата, клип с машиной возвращается к первому кадру. Обработчик осуществляет еще две проверки. Первая нужна, чтобы узнать, не находится ли под машиной клип "bonus". Если да, игрок получает очки, и бонус очень быстро проезжает далее, чтобы игрок не получил за него очки еще раз.
Вторая проверка выясняет, не коснулась ли машина обочины. Если да, движение машины в сторону ограничивается и замедляется.

onClipEvent(enterFrame) {

if (Key.isDownfKey.LEFT)) {

// Поворачиваем влево.

this._x -= 10;

this.gotoAndStop("left");

} else if (Key.isDown(Key.RIGHT)) {

// Поворачиваем вправо.

this._x += 15;

this.gotoAndStopC'right") ;

} else if (Key.isDown(Key.UP)) {

// Увеличиваем скорость.

_root.speed += .1;

} else if (Key.isDown(Key.DOWN)) {

// Тормозим.

_root.speed -= . 1;

// Проверяем, что скорость не меньше 0.

if (_root.speed < 0) _root.speed = 0;

} else {

_root.car.gotoAndStop("straight");

// Проверяем бонус.

if (this.hitTest(_root.bonus._x,_root.bonus._y)) {

_root.score++;

_root.bonus._y +=100;

// Замедляем движение, если коснулись обочины,

if (this._x < 80) {

this._x = 80;

_root.speed /= 2;

} else if (this._x > 470) {

this._x = 470;

_root.speed /= 2;
}}

Клип "sideObject" содержит сценарий, двигающий объект вниз и в сторону от центра. Для каждого следующего кадра значение _у увеличивается, а _х - изменяется. Оба параметра используют переменную speed для характеристики этого изменения, но _х использует коэффициент dx который может быть равен 1 или -1. Объект перемешается соответственно вправо или влево.
Когда объект достигает значения 600 по вертикали, что на 200 пикселов ниже границы экрана, он возвращается назад к значению 200, то есть вновь появляется на горизонте. С вероятностью 50/50 он помещается слева или справа от дороги. Именно в этот момент определяется значение переменной dx.
И наконец, масштаб объекта определяется в соответствии со значением _у. Это означает, что объект становится больше по мере приближения



Содержание раздела