- •Гэри Розенцвейг
- •Посвящение
- •Благодарности
- •Ждем ваших отзывов и пожеланий!
- •Введение
- •Об этой книге
- •Для кого предназначена эта книга
- •Аниматоры
- •Профессиональные разработчики Web‑сайтов
- •Студенты
- •Что вы должны знать
- •Чему вас научит эта книга
- •Изучение ActionScript
- •Создание игр во Flash
- •Использование готовых игр
- •Условные обозначения
- •Обновления и контактная информация
- •Желаю приятного прочтения
- •Глава 1 Инструменты Flash, используемые для создания игр
- •Интерфейс Flash
- •Главное окно Flash
- •Пункты меню
- •Меню File
- •Меню Edit
- •Меню View
- •Меню Insert
- •Меню Modify
- •Меню Text
- •Меню Control
- •Меню Window
- •Окно справки
- •Создание кнопок
- •Временная шкала кнопки
- •Пример кнопки
- •Создание текста
- •Свойства текста
- •Динамический текст
- •Редактируемый текст
- •Импорт мультимедийных элементов во Flash
- •Растровые изображения
- •Организация ролика
- •Библиотека
- •Нерабочая область
- •Подготовка ролика к публикации
- •Список заключительных проверок
- •Публикация
- •Размещение Flash‑ролика в сети
- •Глава 2 Введение в ActionScript
- •Урок 1. Что такое код ActionScript и где его размещать
- •Сценарии кадра
- •Сценарии для кнопок
- •Сценарии клипов
- •Урок 2. Использование окна Actions
- •Урок 3. Ваша первая программа на ActionScript
- •Урок 4. Контроль воспроизведения ролика
- •Урок 5. Создание кнопок для пользователя
- •Урок 6. Анимация при помощи ActionScript
- •Урок 7. Возможность управления клипами пользователем
- •Урок 8. Использование переменных
- •Урок 9. Выполнение операций
- •Урок 10. Условные выражения
- •Урок 11. Циклы
- •Урок 12. Текст и строки
- •Урок 13. Создание функций
- •Урок 14. Массивы
- •Глава 3 Элементы ActionScript для создания игр
- •Урок 15. Контроль воспроизведения клипа
- •Урок 16. Управление свойствами клипа
- •Урок 17. Применение метода «Перетащи и положи» к клипам
- •Урок 18. Клипы и уровни
- •Урок 19. Копирование клипов
- •Урок 20. Управление несколькими клипами
- •Создание клипа сценария
- •Обработчики событий
- •Урок 21. Пересечение объектов
- •Урок 22. Изменения содержимого экранас помощью клипов
- •Урок 23. Ввод команд с клавиатуры
- •Урок 24. Воспроизведение звука
- •Глава 4 Процесс создания игры
- •Flash и игры
- •Недостатки
- •Достоинства
- •Элементы игры
- •Окно загрузки
- •Титульное окно
- •Правила
- •Окно завершения игры
- •Программирование
- •Анализ задачи
- •Правила программирования
- •Отладка
- •Тестирование
- •Вопросы авторских прав
- •Изменение игр, рассматриваемых в данной главе
- •Изменение графики
- •Изменение кода ActionScript
- •Объединение игр
- •Глава 5 Создание визуальных эффектов
- •Увеличение кнопок
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Вращающаяся и изменяющая цвета спираль
- •Задача проекта
- •Объект Color
- •Трансформация цветов
- •Подготовка ролика
- •Смена цветов и вращение
- •К сведению
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Перемещение букв
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •След от курсора
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Эффект трехмерности
- •Задача проекта
- •Углы куба
- •Добавление ребер
- •Другие возможности
- •Глава 6 Игрушки и безделушки
- •Волшебный хрустальный шар
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Подготовка ролика
- •Создание кода
- •Другие возможности
- •Подготовка ролика
- •Создание кода
- •Другие возможности
- •Создание кода
- •Другие возможности
- •Игра" Жизнь"
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Глава 7 Игрушки‑конструкторы
- •Составь лису методом «Перетащи и положи»
- •Создай лису методом «Нажми и измени»
- •Задача проекта
- •Создание кода
- •К сведению
- •Создание полной программы рисования
- •Добавление кнопок Clear и Print
- •К сведению
- •Другие возможности
- •Музыкальный миксер
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Танцующая Лиса
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Глава 8 Игры типа "Найди и нажми"
- •Найди лису
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Поймай лису
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Подстрели лису
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Охота на лис
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Глава 9 Игры типа "Поймай или пропусти"
- •Поймай яблоко
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Поймай хорошее яблоко
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Сплав на байдарке
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Глава 10 Игры типа "Прицелься и выстрели"
- •Стрельба по воздушным шарам
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Стрельба с прицелом
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •К сведению
- •Другие возможности
- •Глава 11 Игры с мячом и битой
- •Стена и мяч
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Мяч и бита
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Бита и блоки
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Бита и блоки: три измерения
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Викторина с учетом времени
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Криптограмма
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Глава 13 Мозаика
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •Другие возможности
- •Пятнашки
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Игра совпадений
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Найди картинку
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Глава 14 Головоломки
- •Игра на развитие памяти
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Дедукция
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •Другие возможности
- •Рекурсивные блоки
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Глава 15 Казино и карточные игры
- •Игровой автомат
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Видеопокер
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Игра в очко, или двадцать одно
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Пасьянс «Пирамида»
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Глава 16 Аркады
- •Космический бой
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Астероиды
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Погоня в лабиринте
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Луноход
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Платформенный скроллер
- •Задача проекта
- •Подготовка ролика
- •Создание кода
- •К сведению
- •Другие возможности
- •Глава 17 Сложные приемы
- •Выполнение и оптимизация
- •Использование альтернативных возможностей
- •Установление контрольных точек
- •Выбор лучшей альтернативы
- •Оптимизация в ActionScript
- •Экран загрузки
- •Создание полосы загрузки
- •Сложные экраны загрузки
- •Другие типы экранов загрузки
- •Защита от копирования
- •Как и почему воруют игры
- •Как предотвратить воспроизведение игры с другого компьютера
- •Как обойти защиту от копирования
- •Другие методы защиты
- •Список лучших игроков
- •Как работает список лучших игроков
- •Программы на языке Perl
- •Демонстрация списка лучших игроков
- •Добавление списка лучших игроков в игру
- •Сложности применения списка лучших игроков
- •Определение версии Flash‑плагина
- •Как узнать версию плеера
- •Требуемые версии
- •Возможности Flash 8‑плеера
- •Приложение a Ресурсы сети Internet для Flash‑разработчика
- •Приложение b Краткий экскурс в историю игр
- •От игры «Senet» до "Space War
- •Эволюция настольных игр
- •Военные и ролевые игры
- •От «Space War» к «Pong»
- •От «Pong» к "Pac‑Man
- •Появление домашних игровых видеоприставок
- •Игры покоряют компьютеры
- •Сетевые компьютерные игры
- •Дополнительная литература
Подготовка ролика
Ролик содержит довольно мало элементов, за исключением клипа в библиотеке, представляющего блоки. Этот клип содержит 4 кадра, по кадру для каждого цвета. Также в каждом кадре есть маленькая картинка. Пятый кадр пустой и представляет пустое место в решетке. Первые четыре блока имеют кнопку, чтобы по ним можно было щелкнуть. Клипу необходимо присвоить имя в панели Linkage Properties, поскольку он не находится изначально на рабочем поле.
Главная временная шкала ролика включает в себя два кадра: первый, содержащий инструкции и кнопку Play, а второй – это кадр "Play".
Создание кода
Создание блоков происходит в функции startGame. Функция совершает циклы по 20 горизонтальным колонкам и 12 вертикальным рядам и создает 240 блоков. Каждый блок – это новый экземпляр клипа «block», созданного функцией attachMovie. Кроме того, чтобы оказаться в нужном месте рабочего поля, каждый блок обладает свойствами х и у, таким образом, позже он сможет определить свое положение.
Выбирается случайное число от 1 до 4, и клип с блоком отправляется к этому кадру.
function startGame() {
// Переходим к кадру игры.
gotoAndStop("Play");
score = 0;
// Создаем решетку из блоков.
level = 0;
for(var x=0;x<20;x++) {
for(var y=0;y<12;y++) {
mc = _root.attachMovie("block","block "+x+" "+y,level);
mc._x = 20*x + 85;
mc._y = 20*y + 60;
mc.x = x;
mc.y = y;
// Выбираем случайный цвет.
mc.gotoAndStop(Math.ceil(Math.random()*4));
level++;
}
}
}
Когда пользователь щелкает по блоку, чтобы выбрать его, короткий сценарий посылает свойства х и у блока функции, чтобы программа могла решить, какие действия предпринять.
on(release) {
_root.clickBlock(x,y);
}
Функция clickBlock определяет цвет блоков и хранит его в переменной с. Затем блок удаляется (точнее, его клип переходит к пустому кадру). Функция testNeighbor вызывается четыре раза, один раз для каждого соседа. Функция возвращает количество подходящих соседей, найденных в данном направлении. Если, например, сосед сверху того же цвета и три его соседа тоже, возвращается число 4. Добавляя это число к переменной n, вы получаете полное количество блоков в группе.
Если обнаружено, что группа состоит более чем из одного блока, вызываются функции collapseDown и collapseAcross, чтобы удалить все блоки группы. В противном случае выделенный блок возвращается к прежнему цвету, и кажется, что ничего не произошло.
// Произошел щелчок по блоку.
function clickBlock(x,y) {
Примечание
Обратите внимание на ключевое слово var перед описанием переменной c. Это делает c локальной переменной, существующей только в функции clickBlock. Любое использование c за пределами функции clickBlock будет отнесено к самостоятельной переменной. При применении рекурсивных техник, когда функция вызывает саму себя или похожую функцию, лучше использовать локальные переменные, чтобы переменные не наступали друг другу на пятки, когда программа движется от функции к функции.
// Определяем цвет этого блока.
var c = _root["block "+x+" "+y]._currentframe;
_root["block "+x+" "+y].gotoAndStop(5);
// Проверяем его соседей по всем направлениям.
var n = 1;
n += testNeighbor(x‑1,y,c);
n += testNeighbor(x+1,y,c);
n += testNeighbor(x,y‑1,c);
n += testNeighbor(x,y+1,c);
// Если один их них того же цвета.
if (n > 1) {
// Уничтожаем группу блоков.
collapseDown();
collapseAcross();
// Начисляем очки.
score += n*n;
} else {
// Оставляем блок на месте.
_root["block "+x+" "+y].gotoAndStop(c);
}
}
Функция testNeighbor проверяет цвет нового блока. Если цвет подходит, блок удаляется. Дальше функция вызывает сама себя и проверяет цвета четырех соседних блоков. Она следит за переменной n, которая определяет количество подходящих соседей.
Если текущий блок не подходит по цвету, вместо n возвращается 0, чтобы показать, что в этом направлении не было найдено ни одного подходящего блока.
function testNeighbor(x,y,c) {
if (_root["block "+x+" "+y]._currentframe == c) {
// Удаляем соседа.
_root["block "+x+" "+y].gotoAndStop(5);
var n = 1;
// Проверяем всех его соседей.
n += testNeighbor(x‑1,y,c);
n += testNeighbor(x+1,y,c);
n += testNeighbor(x,y‑1,c);
n += testNeighbor(x,y+1,c);
// Возвращаем количество найденных соседей.
return(n);
} else {
// Не найдено никаких подходящих блоков.
return(0);
}
}
После того как блок выбран и все соседи одного с ним цвета удалены, следующий шаг – это позволить всем оставшимся блокам упасть вниз на все свободные места. Это достигается прохождением по всем столбцам в цикле по переменной x. Затем, во вложенном цикле по y происходит проверка всех блоков в этом столбце снизу вверх. И если блок пустой, первый заполненный блок сверху смещается вниз.
function collapseDown() {
// Проходим по всем столбцам.
for(var x=0;x<20;x++) {
// Проходим по всем блокам столбца снизу вверх.
for(var y=11;y>0;y–) {
// Смотрим, пустой ли блок.
thisColor = _root["block "+x+" "+y]._currentFrame;
if (thisColor == 5) {
// Если да, просматриваем все блоки над ним.
for(var i=y‑1;i>=0;i–) {
// Если блок не пустой.
aboveColor = _root["block "+x+""+i]._currentframe;
if (aboveColor != 5) {
// Смещаем его вниз.
_root["block "+x+"
"+y].gotoAndStop(aboveColor);
_root["block "+x+" "+i].gotoAndStop(5);
break;
}
}
}
}
}
}
После того как все блоки передвинуты, может оказаться, что некоторые столбцы пустые. Если так произошло, весь столбец справа от пустого должен быть сдвинут влево, чтобы закрыть промежуток.
Чтобы это осуществить, функция collapseAcross движется сквозь все столбцы слева направо. Если найден пустой столбец, за которым следует непустой, то последний сдвигается влево на одну позицию.
Этот процесс повторятся снова и снова, пока не перестанут попадаться пустые столбцы. Тогда цикл оканчивается, и функция выполнена.
function collapseAcross() {
// Продолжаем, пока есть пустые столбцы.
do {
n = 0;
// Проверяем все столбцы.
for(var x=0;x<19;x++) {
// Если текущий столбец пустой.
if (_root["block "+x+" 11"]._currentframe == 5) {
// Если следующий – полный.
if (_root["block "+(x+1)+" 11"]._currentframe != 5)
{
n++;
// Смещаем все блоки.
for(var y=0;y<12;y++) {
c = _root["block "+(x+1)+" "+y]._currentframe;
_root["block "+x+" "+y].gotoAndStop(c);
_root["block "+(x+1)+" "+y].gotoAndStop(5);
}
}
}
}
// Цикл прекращается, если больше не обнаружено пустых
// столбцов.
} while (n > 0);
}