Читать онлайн «Adobe Flash. Создание аркад, головоломок и других игр с помощью ActionScript». Страница 30

Подход

Для создания лавовой лампы, работающей по принципу случайности (рис. 6.13), необходимо использовать ActionScript. Вначале необходимо создать 20 клипов, представляющих пузырьки лавовой лампы. Затем надо задать постоянный вызов функции, перемещающей пузырьки вверх и вниз по экрану.

Рисунок 6.13. Объект «лавовая лампа» состоит из дна, крышки, внутренней части из прозрачного стекла и красных пузырьков

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

Создание ролика Lava Lamp требует особой тщательности. Например, пузырьки представляют собой круги без границы и с радиальной заливкой между непрозрачным и прозрачным красным цветом. Прозрачный красный цвет получается в результате установки свойства alpha в значение 0 %. На рис. 6.14 изображен клип, а также панели Fill (Заливка) и Mixer (Миксер), при помощи которых можно задать градиент красного цвета.

Рисунок 6.14. В панели Fill можно задать градиентную заливку цветом. Панель Mixer позволяет задавать значение прозрачности

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

Lava Lamp использует 20 экземпляров клипа, созданных из одного библиотечного эталона. С помощью команды attachMovie копии клипа добавляются в ролик. Более подробно о команде attachMovie рассказано в главе 5, раздел «Эффект трехмерности».

При запуске ролика в первом и единственном кадре временной шкалы выполняется функция initLamp. При этом помимо 20 клипов пузырьков будет создан массив объектов, которые определяют скорость движения каждого пузырька.

Кроме того, верхняя и нижняя части лампы будут непрозрачными, из-за чего здесь пузырьки не будут видны. Поверх клипов пузырьков будет помещено изображение полупрозрачного стекла.

При использовании команд attachMovie или duplicateMovieClip необходимо указать уровень нового клипа. Уровень определяет порядок перекрывания клипов. Все новые клипы будут помещены перед существующими. Это значит, что пузырьки будут располагаться перед изображениями верхней, нижней и прозрачной частей лавовой лампы. С помощью команды duplicateMovieClip вы можете создать новые копии этих трех изображений, которые будут помещены поверх пузырьков.

Приведем код функции initLamp:

function initLamp () {

// Инициализируем переменные, обозначающие верхнюю и нижнюю

// координаты лавовой лампы по оси Y.

top = 0;

bottom = 300;

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

numBubbles = 20;

for (i=0; i<numBubbles; i++) {

attachMovie("bubble", "Bubble"+i, i);

}

// Дублируем изображения стекла, низа и верха лампы, чтобы

// они оказались над пузырьками.

duplicateMovieClip("Glass", "Glass", i++);

duplicateMovieClip("Top", "Top", i++);

duplicateMovieClip("Bottom", "Bottom", i++);

// Создаем объекты, содержащие значение скорости пузырьков.

bubbles = new Array();

for (i=0; i<numBubbles; i++) {

bubbles[i] = {speed:0};

}

После того как все элементы подготовлены, воспроизведение ролика осуществляется по следующему принципу: время от времени вызывается функция, которая обновляет местоположение пузырьков и создает новые. Клип, расположенный за пределами рабочего поля, вызывает функцию moveBubbles в каждом событии enterFrame. Функция moveBubbles задает перемещение пузырьков вверх или вниз и их остановку в верхней или нижней части ролика, а также в одном случае из 30 вызывает функцию newBubble для создания нового пузырька.

// Перемещаем пузырьки.

function moveBubbles () {

for (i=0; i<numBubbles; i++) {

// Узнаем текущую координату.

o = _root["Bubble"+i]._y;

// Останавливаемся, если достигнута нижняя граница

// объекта "лампа".

if <(bubbles[i].speed > 0) and (y > bottom)) {

bubbles[i].speed = 0;

// Останавливаемся, если достигнута верхняя граница

// объекта.

} else if ((bubbles[i].speed < 0) and (y < top)) {

bubbles[i].speed = 0;

// Продолжаем перемещать пузырьки.

} else {

// Перемещаем.

_root["Bubble"+i]._y = y+bubbles[i].speed;

// Изменяем размеры пузырька.

height = _root["Bubble"+i]._yscale;

width = _root["Bubble"+i]._xscale;

if (height > width) height -= 1;

_root["Bubble"+i]._yscale = height;

}

}

// Создаем новый пузырек с вероятностью 1/30.

if (Math.random()*30 <= 1) {

newBubble();

}

}

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

function newBubble () {

for (i=0; i<numBubbles; i++) {

// Находим пустое место для пузырька.

if (bubbles[i].speed == 0) {

// Создаем пузырек в верхней части лампы.

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

bubbles [i].speed = 1 ;

_root["Bubble"+i]._y = -40;

// Создаем пузырек в нижней части лампы.

} else {

bubbles[i].speed = -1 ;

_root ["Bubble"+i ]._y = 340;

}

// Устанавливаем размер пузырька.

size = 40+ Math. random ()*40;

_root["Bubble"+i]._xscale = size;

_root["Bubble"+i]._yscale = size*3;

_root["Bubble"+i]._x = 10+Math. random ()*80;

// Готово.

break;

}

}

Три вышеприведенные функции составляют основу ролика Lava Lamp, который вы можете просмотреть, запустив файл Lavalamp.fla на Web-сайте.

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

Изображение стекла было создано аналогично пузырькам. Благодаря применению свойства альфа-прозрачности сквозь него видны пузырьки. Для того чтобы ролик вписывался в ваш сайт или проект, вы можете украсить его своим логотипом.

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

Игра "Жизнь" известна как результат серьезных разработок в области искусственного интеллекта и одновременно как популярная игра. Она была изобретена математиком Джоном Конвэйем и приобрела известность благодаря опубликованной в 1970 году статье в журнале "Scientific American". Вскоре после этого игра стала чрезвычайно популярной среди программистов.

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

Вот и все правила, которые вам нужны. Результаты могут оказаться удивительными. Попробуйте запустить исходный файл. Создайте колонию точек подобно изображенным на рис. 6.15 и нажмите кнопку Run.

Рисунок 6.15. В игре «Жизнь» живут и умирают маленькие красные точки

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

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

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

Пользователь может нажать кнопку Stop для остановки игры. Имеются также кнопка пошагового исполнения алгоритма (Step) и кнопка очистки игрового поля (Clear).

Подход

Ролик начинается с создания сетки, состоящей из клипов (ячеек). Также создается двумерный массив булевых переменных. Каждый элемент массива соответствует определенной ячейке и указывает, в каком кадре находится этот клип-ячейка (то есть находится ли в данной ячейке жилец).

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

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

В дополнение к четырем кнопкам (рис 6.15) необходимо создать клип-ячейку. Назовем этот клип «gridbox». Он не должен изначально находиться на рабочем поле, но ему надо присвоить имя в панели Linkage Properties, чтобы можно было создавать его копии с помощью ActionScript.

Клип "gridbox" должен содержать два кадра – один с точкой, а второй – в виде пустой ячейки. Первому кадру назначьте сценарий с командой stop(). В отдельный слой клипа поместите кнопку, чтобы пользователь мог кликать по ячейке.

Наконец, создайте клип "actions", который будет содержать обращение к основной функции нашего кода.

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