Гэри Розенцвейг - Adobe Flash. Создание аркад, головоломок и других игр с помощью ActionScript

function showPhrase() {

encrypted = "";

decrypted = "";

for (var i = 0; i

// Значение буквы в этой позиции.

c = phrase.toUpperCase().charAt(i);

if ((" .-,’").indexOf(c)>-1) {

// Задаем пустое место.

encrypted += c;

decrypted += c;

} else {

// Используем карту для поиска зашифрованной буквы.

encryptedChar = letterMap.charAt(c.charCodeAt(0)-65);

encrypted += encryptedChar;

// Используем вторую карту для поиска расшифрованной

// буквы.

decryptedCharacter = userMap.charAt(encryptedChar.charCodeAt(0)-65);

decrypted += decryptedCharacter;

}

}

Когда пользователь нажимает клавишу, листенер объекта Key вызывает функцию getLetter.Нажатая клавиша помещается в две переменные: asciiдля ASCII-кода и codeдля кода клавиатуры. 3начения asciiиспользуются для идентификации букв, а значения code– для идентификации клавишей со стрелками.

Если клавиши со стрелками нажаты, происходит обновление переменной charpos.В конце этой функции вызывается функция showCursor,и правильная буква выделяется полужирным шрифтом.

function getLetter() {

// Считываем ascii код и код клавиатуры.

var ascii = Key.getAscii();

var code = Key.getCode();

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

if (code == Key.LEFT) {

charpos–;

if (charpos < 0) charpos = 0;

} else if (code == Key.RIGHT) {

charpos++;

if (charpos > phrase.length-1) charpos = phrase.length-1;

} else {

// Считываем клавиши.

var keyChar = String.fromCharCode(ascii);

keyChar = keyChar.toUpperCase();

// Убеждаемся, что была нажата буква.

if ((keyChar >= "A") and (keyChar <= "Z")) {

// Считываем символ из фразы.

phraseChar = phrase.toUpperCase().charCodeAt(charpos)-65;

// Если это буква.

if ((phraseChar >= 0) and (phraseChar < 26)) {

// Получаем ее значение в карте

letterNum = letterMap.charCodeAt(phraseChar)-65;

// Заменяем букву во второй карте.

userMap = replaceChar(userMap,letterNum,keyChar);

// Обновляем фразу

showPhrase();

//Проверяем, не окончена ли игра.

if (phrase.toUpperCase() == decrypted) {

gotoAndStop("game over");

}

}

}

}

// Обновляем курсор.

showCursor();

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

// Заменяем букву в строке.

function replaceChar(mainString, num, newchar) {

newString = mainString.substring(0,num)+newchar+mainString.substring(num+1,mainString.length);

return(newString);

Чтобы показать пользователю, к какой букве относится переменная charpos,эта буква выделяется полужирным и в зашифрованном, и в расшифрованном поле. Сделать это можно с помощью объекта типа TextFormat, появившегося в версии Flash МХ. Объекты TextFormat имеют множество свойств. Когда вы применяете формат текста к текстовому полю, в поле меняются только те свойства, которые были специально заданы в объекте. Объект plainFormatтипа TextFormat обозначает только то, что полужирное выделение ошибочно. Таким образом, если он применен к текстовым полям decryptedTextи encryptedTextвсе полужирные буквы заменяются на обычные. Объект cursorFormatимеет противоположное действие. Все буквы, к которым он применен, становятся полужирными. Код устанавливает формат текста только одной буквы в поле, которая соответствует charpos.

function showCursor() {

// Оба поля устанавливаем невыделенным шрифтом.

plainFormat = new TextFormat();

plainFormat.bold = false;

decryptedText.setTextFormat(plainFormat);

encryptedText.setTextFormat(plainFormat);

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

cursorFormat = new TextFormat();

cursorFormat.bold = true;

decryptedText.setTextFormat(charpos,cursorFormat);

encryptedText.setTextFormat(charpos,cursorFormat);

К сведению

Исходный ролик содержит кадр «game over». Это к нему возвращается ролик, когда головоломка решена. Вы также можете использовать removeListener, если хотите заставить ролик перестать отвечать на нажатие клавиш.

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

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

Хотя исходный ролик содержит фразу, встроенную в код, вы можете считывать ее с помощью команд LoadVariables или LoadVars. Это дает вам возможность изменять фразу без перекомпилирования swf-файла.

• Пазл

• Пятнашки

• Игра совпадений

• Найди картинку

Игры, использующие изображения в качестве основных элементов, очень разнообразны. Изображения могут быть любыми, поэтому вы можете использовать их на любом Web-сайте. В этой главе будет рассмотрено четыре типа мозаики. Первый – простая составная картинка-загадка, в которой игрок собирает элементы картинки. Во второй игре пользователя просят перемещать квадратные элементы мозаики вдоль сетки, пока не будет составлена картинка. В третьей игре пользователь должен находить совпадающие изображения. В последней игре необходимо обнаружить место отдельного фрагмента в целой картинке.

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

Игра "Пазл" состоит из элементов одного размера, которые, соединяясь, образуют целостное изображение. Обычно они сделаны из картона и для составления картинки требуется большая площадь, например, обеденный стол. Так как экран монитора слишком мал по сравнению со столом, создать компьютерный аналог такой игры очень сложно.

Однако в упрощенном варианте подобная игра вполне применима для Web-сайта в качестве развлекательного материала. На рис. 13.1 показан кадр ролика Jigsawpuzzle.fla. На игровом поле имеются 24 элемента картинки и пустая сетка, куда эти элементы должны быть помещены.

Рисунок 13.1. Пазл почти собран

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

Цель проекта – создать простую, но от этого не менее интересную игру «Пазл». Игрок сможет перетаскивать элементы мозаики с границы рабочего поля на сетку. Когда элемент окажется около того места, где должен располагаться, он будет зафиксирован.

Подход

Для создания этой игры можно просто прикрепить небольшой сценарий к клипу «actions», расположенному вне рабочего поля. Когда пользователь щелкнет по рабочему полю, сценарий определит, какой элемент находится под курсором, затем этот элемент будет перетаскиваться с использованием стандартных возможностей Flash.

Когда кнопка мыши отпускается, код определяет, находится ли элемент мозаики рядом со определенным для него местом, и, если да, элемент фиксируется.

Сначала устанавливаем для всех клипов, содержащих элементы мозаики, свойство _alpha=75, чтобы они стали немного светлее. Затем, когда игрок поместит элемент на свое место, соответствующий клип станет полностью непрозрачным. Таким образом, будет обеспечена некая обратная связь с игроком, ему будет сообщаться, что элемент находится на своем месте. Также будет проверяться, является ли элемент мозаики полностью непрозрачным в тот момент, когда пользователь щелкает по нему мышкой и начинает перетаскивать. Это необходимо, чтобы те элементы, которые уже находятся на своем месте, больше не перемещались.