- •Гэри Розенцвейг
- •Посвящение
- •Благодарности
- •Ждем ваших отзывов и пожеланий!
- •Введение
- •Об этой книге
- •Для кого предназначена эта книга
- •Аниматоры
- •Профессиональные разработчики 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
- •Появление домашних игровых видеоприставок
- •Игры покоряют компьютеры
- •Сетевые компьютерные игры
- •Дополнительная литература
Подготовка ролика
Библиотека для этого ролика несложная. В ней содержатся астероиды трех типов: «rock1», «rock2» и «rock3». Для того чтобы внести в игру некоторое разнообразие, каждый раз при создании астероида случайным образом выбирается один из трех клипов.
В клипе "ship" первый кадр – статический, во втором кадре начинается анимация, которая показывает, как загораются ускорители. Первый кадр этой анимации называется "thrust". Вместо того чтобы расположить корабль на рабочем поле с помошью команды attachMovie, его помешают в центр поля вручную, поэтому можно не заботиться о создании и размещении этого клипа с помошью кода.
Для формирования пуль используется клип "bullet". Код игры содержится в клипе "actions" и сценарии кнопки "button". Единственная кнопка на экране, реально выполняюшая функцию кнопки, – это кнопка Play.
В ролике будут находиться кадры "start", "play", "ship hit", "level over" и "game over", в каждом из которых создается соответствуюший текст. В каждом кадре, кроме "play", находится копия кнопки Play, но к каждому экземпляру этой кнопки прикреплен разный код. Просмотрите ролик Spacerocks.fla, чтобы понять, где расположены все эти элементы и какой код прикреплен к каждому из них.
Создание кода
Как и в игре «Космический бой», за пределами рабочего поля находятся клип «actions» и кнопка «button», к которым добавлены соответствуюшие сценарии. В клипе «actions» содержится одна функция, начинаюшая уровень, и несколько функций, которые при каждом обрашении к кадру перемешают элементы на экране.
onClipEvent(load) {
// Устанавливаем все элементы игры.
_root.startLevel();
}
onClipEvent(enterFrame) {
// Перемещаем корабль на один шаг.
_root.shipMove();
// Перемещаем все пули на один шаг.
_root.bulletsMove();
// Перемещаем астероиды на один шаг.
_root.rocksMove();
// Выясняем, произошло ли столкновение.
_root.checkHits();
}
К кнопке «button» прикреплен код, содержаший несколько обработчиков событий on, которые реагируют на нажатие различных клавиш и совершают соответствуюшие действия.
on (keyPress «<Space>») {
// Выстрел.
shipFire();
}
on (keyPress "<Right>") {
// Поворот на 30° вправо.
shipTirn(30);
}
on (keyPress "<Left>") {
// Поворот на 30° влево.
shipTirn(30);
}
on (keyPress "<Up>") {
// Перемещаем корабль вперед.
shipThrust();
}
on (keyPress "<Down>") {
// Корабль останавливается.
shipBreak();
}
Когда игрок шелкает по кнопке Play, чтобы начать игру, в кадре «start» можно установить несколько переменных: обнулить количество набранных очков, начать первый уровень игры и указать, что игрок имеет три жизни.
on (press) {
gameLevel = 1;
lives = 3;
score = 0;
gotoAndPlay("play");
}
Все функции находятся в сценарии кадра «play» основной временной шкалы. Первая функция вызывается в начале игры, а также сразу после того, как у игрока уменьшилось количество жизней.
Экземпляру клипа "ship" на рабочем поле присвоено имя "ship". В дополнение к стандартным свойствам клипа, таким как _x и _y, вы добавите несколько новых. Например, свойства dx и dy будут отражать расстояние, на которое перемешается корабль по горизонтали и вертикали соответственно.
Функция startLevel создает массивы bullets и rocks, в которых хранится список клипов пуль и астероидов.
Переменная level, используемая командой attachMovie, определяет уровень клипа, а не уровень игры, для этого применяется переменная gameLevel.
Далее для начала уровня создаются большие астероиды. На первом уровне – два астероида, на втором – три и т. д.
Потом в функции shipFire используется переменная timeOfLastFire, чтобы игрок не мог слишком часто стрелять.
function startLevel() {
// Корабль не движется.
ship.dx = 0.0;
ship.dy = 0.0;
// Создаем новые массивы.
bullets = new Array();
rocks = new Array();
// Начинаем игру с нулевым уровнем клипа.
level = 0;
// Добавляем новые астероиды, количество которых на единицу
// больше значения переменной gamelevel.
for(i=0; i<gameLevel; i++) {
newRock(100,0,0);
}
// Можно стрелять сразу же.
timeOfLastFire = 0;
}
Следуюший набор функций состоит из функций, реагируюших на нажатие клавиш. Все они так или иначе управляют кораблем. Первая функция поворачивает корабль на определенный угол. Если вы еше раз посмотрите, как кнопка «button» вызывала эту функцию, то заметите, что в первом случае функции сообшалось значение 30, а в другом ‑30. При этом корабль поворачивается на угол 30° в том или ином направлении.
function shipTurn(amt) {
// Поворачиваем корабль.
ship._rotation += amt;
}
Следуюшая функция активизирует ускорители. С помошью функций Math.cos и Math.sin она преобразует угол поворота корабля в горизонтальную и вертикальную компоненты. К сожалению, свойство клипа _rotation представлено в градусах, а две математические функции требует величины в радианах. Для перевода значения из градусов в радианы необходимо из величины _rotation вычесть 90° (чтобы 0° находился в верхней точке окружности, а не в правой), а затем умножить на 2п и разделить на 360.
function shipThrust() {
// Перемещаем корабль туда, куда направлен его нос.
ship._dx += Math.cos(2.0*Math.Pi*(ship._rotation‑90)/360.0);
ship._dy += Math.sin(2.0*Math.Pi*(ship._rotation‑90)/360.0);
// Показываем, как включаются ускорители.
ship.gotoAndPlay("thrust");
}
С другой стороны, когда игрок нажимает клавишу со стрелкой вниз, можно легко остановить корабль, обнулив свойства dx и dy.
function shipBreak() {
// Останавливаем корабль.
ship.dx = 0;
ship.dy = 0;
}
Когда игрок нажимает клавишу Пробел, корабль должен выстрелить. Однако сначала проверяется, достаточно ли времени прошло с момента последнего выстрела.
С помошью клипа "bullet" генерируется пуля, свойства dx и dy создаются и устанавливаются так же, как и для корабля. А в массив bullets добавляется указатель на клип, чтобы потом можно было легко к нему обратиться.
function shipFire() {
// Выясняем, достаточно ли времени прошло
// с момента последнего выстрела.
if (timeOfLastFire+200 < getTimer()) {
// Запоминаем, когда производится этот выстрел.
timeOflastFire = getTimer();
// Создаем пулю.
level++;
attachMovie("bullet", "bullet"+level, level);
// Определяем положение и направление движения пули.
clip = _root["bullet"+level];
clip._x = ship._x;
clip._y = ship._y;
clip.dx = 10.0*Math.cos(2.0*Math.PI*(ship._rotation‑90)/360.0);
clip.dy = 10.0*Math.sin(2.0*Math.PI*(ship._rotation‑90)/360.0);
// Добавляем элемент массива bullets.
bullets.push(clip);
}
}
В каждом кадре корабль перемешается на один шаг: для этого увеличиваются значения свойств _x и _y на величины dx и dy соответственно. Если корабль слишком далеко подвинулся вправо, то есть за пределы рабочего поля, то из значений этих свойств вычитается 550 пикселов, чтобы корабль появился с противоположной стороны экрана. Аналогичные действия производятся для левой, нижней и верхней границ рабочего поля.
function shipMove() {
// Перемещаем корабль по горизонтали или, если нужно,
// на противоположную сторону экрана.
ship._x += ship.dx;
if (ship._x > 550) ship._x ‑= 550;
if (ship._x < 0) ship._x += 550;
// Перемещаем корабль по вертикали или, если нужно,
// на противоположную сторону экрана.
ship._y += ship.dy;
if (ship._y > 400) ship._y ‑= 400;
if (ship._y < 0) ship._y += 400;
}
Пули двигаются так же, как и корабль. Однако необходимо просматривать весь массив bullets, чтобы перемешать все пули. Если пуля вылетает за границу экрана, она удаляется, а не появляется с противоположной стороны.
function bulletsMove() {
// Передвигаем все пули.
for(i=bullets.length‑1; i>=0; i–) {
// Перемещаем пулю по вертикали и горизонтали.
bullets[i]._x += bullets[i].dx;
bullets[i]._y += bullets[i].dy;
// Выясняем, вылетела ли пуля за границу экрана.
if ((bullets[i]._x > 550) or (bullets[i]._x < 0) or (bullets[i]._y > 400) or (bullets[i]._y < 0)) {
// Удаляем клип и элемент массива.
bullets[i].removeMovieClip();
bullets.splice(i,1);
}
}
}
Астероиды создаются с помошью функции newRock, которая, как и функция fire, добавляет новый клип. Однако здесь функция выбирает один из трех эталонов: «rock1», «rock2» и «rock3».
Параметры, передаваемые функции, определяют положение и размер астероида. Направление движения указывается случайным образом, при переходе на следующий уровень скорость астероидов увеличивается.
Астероиды врашаются либо по часовой стрелке, либо против со скоростью, значение которой определяется произвольно.
Для всех астероидов добавляются указатели в массив rocks, чтобы потом можно было к ним обратиться.
function newRock(size,x,y) {
// Создаем клип астероида.
level++;
rockNum = int(Math.random()*3+1);
attachMovie("rock"+rockNum,"rock"+level,level);
// Указываем положение и размер астероида.
clip = _root["rock"+level];
clip._x = x;
clip._y = y;
clip._xscale = size;
clip._yscale = size;
// Определяем скорость и направление движения астероида.
speed = gameLevel*2;
clip.dx = Math.random()*speed+2;
if (math.random() < .5) clip.dx *= ‑1;
clip.dy = Math.random()*speed+2;
if (math.random() < .5) clip.dy *= ‑1;
// Устанавливаем направление и скорость вращения.
clip.spin = Math.random()*6‑3;
// Добавляем астероид в массив rocks.
rocks.push(clip);
}
Для движения астероида используется такой же код, что и для движения корабля. Астероиды, как и корабль, возврашаются на рабочее поле с противоположной стороны, если достигают его границы. Не забывайте поворачивать астероид в соответствии с созданным вами свойством spin.
function rocksMove() {
// Просматриваем все астероиды.
for(i=rocks.length‑1; i>=0; i–) {
clip rocks[i].clip;
// Перемещаем астероид по горизонтали и, если нужно,
// на противоположную сторону экрана.
rocks[i]._x += rocks[i].dx;
if (rocks[i]._x > 550) rocks[i]._x ‑= 550;
if (rocks[i]._x < 0) rocks[i]._x += 550;
// Перемещаем астероид по вертикали и, если нужно,
// на противоположную сторону экрана.
rocks[i]._y += rocks[i].dy;
if (rocks[i]._y > 400) rocks[i]._y ‑= 400;
if (rocks[i]._y < 0) rocks[i]._y += 400;
// Вращаем астероид.
rocks[i]._rotation += rocks[i].spin;
}
}
Для простоты код, определяюший столкновения, был помешен в одну функцию, которая просматривает все астероиды и пули и с помошью команды hitTest проверяет, попала ли пуля в один из астероидов.
Когда пуля попадает в астероид, его размер и положения записываются, а сам астероид удаляется. Если размер астероида превышал 25 %, в этой же точке создается два новых астероида, каждый из которых в два раза меньше своего предшественника. Направление движения и врашения каждого астероида выбирается случайным образом.
Функция checkHits также проверяет, не столкнулся ли какой‑либо астероид с кораблем, если да, то уменьшается количество жизней, и ролик переходит к кадру «ship hit». Если не осталось ни одной жизни, то – к кадру «game over».
И в конце функция checkHits проверяет, остались ли элементы в массиве rocks. Если нет, значит, игрок разрушил все астероиды, и ролик переходит к кадру «level over».
function checkHits() {
// Просматриваем все астероиды.
for (j=rooks.length‑1; i>=0; i–) {
// Просматриваем все пули.
for (j=bullets.length‑1; j>=0; j–) {
// Выясняем, попала ли пуля в астероид.
if (rocks[i].hitTest(bullets[j]._x,bullets[j]._y,true)) {
// Удаляем пулю.
bullets[j].removeMovieClip();
bullets.splice(j);
// Опредляем размер и положение новых астероидов.
newsize = rocks[i]._xscale / 2;
x = rocks[i]._x;
y = rocks[j]._y;
// Удаляем астероид.
rocks[i].removeMovieClip();
rocks.splice(i,1);
// Создаем на этом месте два новых астероида.
if (newsize >= 25) {
newRock(mewsize,x,y);
newRock(mewsize,x,y);
}
// Увеличиваем количество очков.
score++;
// Больше не нужно проверять, попала ли пуля
// в какой‑нибудь астероид.
break;
}
}
// Определяем, столкнулся ли корабль с астероидом.
if (rocks[i].hittest(ship._x, ship._y, true)) {
// Выясняем, остались ли еще жизни.
if (lives < 1) {
removeAll();
gotoAndPlay("game over");
// Жизнь еще осталась,
// уменьшаем количество жизней на единицу.
} else {
removeAll();
lives–;
gotoAndPlay("ship hit");
}
}
}
// Проверяем, остались ли еще астероиды.
if (rocks.length == 0) {
removeAll();
gotoAndPlay("level over");
gameLevel++;
}
}
Функция removeAll используется непосредственно перед функцией checkHits, которая переводит ролик к следующему кадру. С экрана удаляются все астероиды и пули, чтоб они не заслоняли текст последующих кадров.
function removeAll() {
// Удаляем все клипы пуль.
for (i=0; i<bullets.length; i++) {
bullets[i].removeMovieClip();
}
// Удаляем все клипы астероидов.
for (i=0; i<rocks.length; i++) {
rocks[i].removeMovieClip();
}
}