- •Гэри Розенцвейг
- •Посвящение
- •Благодарности
- •Ждем ваших отзывов и пожеланий!
- •Введение
- •Об этой книге
- •Для кого предназначена эта книга
- •Аниматоры
- •Профессиональные разработчики 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
- •Появление домашних игровых видеоприставок
- •Игры покоряют компьютеры
- •Сетевые компьютерные игры
- •Дополнительная литература
Задача проекта
В отличие от многих игровых автоматов, в которых используются интересные, но сложные способы для определения ставок и получения выигрыша, этот предельно прост. Игрок щелкает по рычагу, чтобы привести его в действие. Затем барабаны в трех окнах начинают крутиться. Один за другим они будут останавливаться, показывая произвольный элемент (картинку).
Когда все три барабана останавливаются, картинки, оказавшиеся в них, и определяют результат. Выигрыш соответствует тем суммам, которые показаны внизу игрового автомата (см. рис. 15.1).
Подход
Единственной сложной частью кода в игре является вращение. Осуществить это можно следующим образом: сделать так, чтобы различные картинки прокручивались в окошке снизу вверх. Проблема заключается в том, что картинки должны вертеться так же быстро, как крутятся барабаны в реальном игровом автомате. На большинстве компьютеров программа Flash не может проигрывать ролик с такой скоростью.
Вместо этого можно воспользоваться размытой анимацией вращения, которая представляет собой клип, состоящий из нескольких размытых кадров. На рис. 15.2 показаны несколько подобных кадров.
Рисунок 15.2. Эти кадры анимации создают эффект крутящегося барабана при быстром воспроизведении
В каждом из трех окон будет отображаться копия клипа spin. Когда придет время вращения барабана, всем трем клипам будет сообщаться о воспроизведении, а также передаваться точное число вращений. Эти значения будут различными для каждого клипа, так что барабаны будут останавливаться не одновременно.
Просмотрите ролик Slotmachine.fla, чтобы увидеть, как крутятся барабаны и как они последовательно останавливаются.
Подготовка ролика
В этом ролике используются три ключевых библиотечных эталона, все остальное – элементы фона. Первый эталон – рычаг, в его первом кадре находится кнопка, по которой может щелкнуть игрок. Остальная часть клипа – анимация рычага, показывающая, как нажали рычаг.
Клип spin начинается с пустого кадра, где он ждет, пока игрок не щелкнет по рычагу. Кадр прозрачный, так что сквозь него виден клип "symbols".
В остальных кадрах клипа "spin" находится размытая анимация. За изображениями, показанными на рис. 15.2, расположен белый непрозрачный фон, закрывающий клип "symbols" во время вращения колес.
В клипе "symbols" находятся семь кадров, во всех содержатся разные символы. В ролике Slotmachine.fla это изображения желудя, яблока, листа, бревна, луны, солнца и лисы.
Создание кода
Большая часть кода для этой игры находится в основной временной шкале. Однако сначала разберем те фрагменты кода, которые относятся к клипам.
В ролике Slotmachine.fla под клипом с рычагом размещена кнопка. К ней прикреплен простой сценарий, который вызывает функцию pull, находящуюся в основной временной шкале.
on (release) {
pull();
}
В клипе «spin» содержатся два небольших сценария. Команда stop() находится в первом кадре. Сценарий, который уменьшает значение счетчика numTimes на единицу, располагается в последнем кадре. Если значение счетчика равно нулю, сценарий переходит к первому кадру ролика и сообщает об этом функции в основной временной шкале. В противном случае клип снова возвращается ко второму кадру.
numTimes–;
if (numTimes <= 0) {
gotoAndStop(1);
_root.spinDone(_name);
} else {
gotoAndPlay(2);
}
Большой фрагмент программы в основной временной шкале определяет, сколько денег выиграл пользователь, если выиграл вообще.
Программа начинается с того, что случайным образом выбирает кадр для трех символов и предоставляет игроку $100, на которые он может играть в этой виртуальной игре.
initGame();
stop();
function initGame() {
// Случайным образом выбираем кадры для трех символов.
for (i=1;i<4;i++) {
_root["symbol"+i].gotoAndStop(randomSymbol());
}
// Начинаем со $100.
cash = 100;
showCash();
}
Вместо того чтобы отображать сумму, имеющуюся у игрока, просто цифрами, следующая функция помещает перед ней знак доллара и добавляет переменную cash в displayCash. Эта переменная связана с текстовым полем на рабочем поле.
// Отображаем сумму в долларах.
function showCash() {
cashDisplay = "$"+cash;
}
Когда игрок щелкает по рычагу, происходит несколько событий. Сначала из суммы наличных денег игрока вычитается $1. Затем клип «arm» переходит ко второму кадру, то есть показывается, что рычаг переходит в нижнее положение. Затем все три клипа «spin» начинают проигрываться. Каждому клипу сообщаются различные значения переменной numTimes – 8, 6 и 4 – то есть первая анимация будет проигрываться восемь раз, вторая – шесть и третья – четыре.
Также здесь определяется результат каждого вращения, устанавливаются клипы symbol, хотя они скрыты за непрозрачными анимациями spin до тех пор, пока эти анимации не будут проиграны.
// Рычаг переходит в нижнее положение.
function pull(); {
// Когда рычаг приводится в действие,
// каждый раз вычитаем один доллар.
cash–;
showCash();
// Воспроизводим анимацию рычага.
_root["arm"].gotoAndPlay(2);
// Воспроизводим анимацию вращения.
for (i=1; i<4; i++) {
// Сообщаем, сколько раз нужно вращать барабан.
_root["spin"+i].numTimes = 8‑i*2;
_root["spin"+i].gotoAndPlay(2);
}
// Выбираем результат для каждого символа случайным образом.
for (i=1; i<4; i++) {
_root["symbol"+i].gotoAndStop(randomSymbol());
}
}
Запрограммировать случайный выбор символа непросто. Если вероятность выбора каждого из семи символов одинакова, тогда вероятность вывода трех совпадений одинакова для любого символа. Другими словами, три изображения желудя появляются так же часто, как и три изображения лисы. То есть не имеет смысла выплачивать различные суммы за совпадения различных картинок.
Примечание
У реальных игровых автоматов необычайно сложный метод выбора символов, которые появятся в окошках. В таком методе используются сложные математические формулы, так что казино может точно рассчитать вероятность выигрыша.
Но вероятность появления одного символа должна отличаться от вероятности появления другого символа. Например, символ с бревном появляется в 29 % случаев. С другой стороны, символ лисы появляется только в 3 % случаев.
Это осуществляется с помощью массива, куда записывается вероятность появления того или иного символа. Затем произвольным образом выбирается число из этого массива. Если оно попадает в диапазон между нулем и вероятностью появления первого символа, выбирается первый символ. В противном случае программа переходит к следующему числу в массиве. Так происходит до тех пор, пока какой‑нибудь символ не будет выбран. Просмотрите следующий код, чтобы увидеть, как работает эта схема.
// Выбираем произвольный символ в зависимости
// от вероятности его появления.
function randomSymbol() {
// Задаем вероятность появления каждого символа.
chances = [29,21,16,12,9,7,6];
// Определяем сумму вероятностей.
totalChances = 0;
for (j=0; j<chances.length; j++) {
totalChances += chances[j];
}
// Выбираем случайное число.
r = int(Math.random()*totalChances);
// Определяем, какой символ это число представляет.
for (j=0; j< chances.length; j++) {
if (r < chances[j]) {
return(j+1);
} else {
r ‑= chances[j];
}
}
}
Когда анимация клипа «spin» завершается, вызывается функция spinDone, которой передается имя экземпляра клипа. Клип «spin1» представляет собой последнюю анимацию в последовательности. Когда эта анимация закончена (то есть все три барабана прекратили вращаться), вызывается функция calcWin, чтобы определить сумму выигрыша.
// Вызываем функцию после каждой анимации вращения.
function spinDone(name) {
// Определяем, последний ли это символ,
// остановились ли барабаны.
if (name == "spin1") {
// Подсчитываем сумму выигрыша.
win = calcWin();
cash += win;
showCash();
}
}
Функция calcWin определяет, совпадают ли три символа, а также подсчитывает число изображений с желудем в последовательности. Если все три символа совпадают, сумма выигрыша определяется тем, какой это символ. В противном случае игрок все равно может выиграть небольшую сумму денег, если в последовательности находятся одно или два изображения желудя.
// Определяем сумму выигрыша.
function calcWin() {
// Выясняем, сколько выпало изображений с желудем.
numAcorns = 0;
for (i=1; i<4; i++) {
if (_root["symbol"+i]._currentFrame == 2) numAcorns++;
}
// Проверяем, совпадают ли три символа.
firstSymbol = _root["symbol1"]._currentFrame;
threeOfAkind = true;
for(i=2; i<4; i++) {
if (_root["symbol"+i]._currentFrame != firstSymbol) threeOfAKind = false;
}
// Определяем сумму выигрыша в соответствии с типом символа.
if (threeOfAKind) {
if (firstSymbol == 1) {
win = 20;
} else if (firstSymbol == 2) {
win = 10;
} else if (firstSymbol == 3) {
win = 30;
} else if (firstSymbol == 4) {
win = 50;
} else if (firstSymbol == 5) {
win = 80;
} else if (firstSymbol == 6) {
win = 100;
} else if (firstSymbol == 7) {
win = 1000;
}
// Два изображения желудя.
} else if (numAcorns == 2) {
win = 2;
// Один желудь.
} else if (numAcorns == 1) {
win = 1;
// Изображений желудя нет.
} else {
win = 0;
}
return(win);
}