Adobe Flash. Создание аркад, головоломок и других игр с помощью ActionScript
Шрифт:
Очень важно поместить элементы близко к их исходному положению и присвоить им имена. Я дал им имена от tilel до tile15, чтобы к ним можно было обращаться в коде программы.
Создание кода
Большая часть кода находится в основной временной шкале. Он начинается с выравнивания элементов на расстоянии точно в 54 пиксела, затем 100 раз выполняется цикл, перемещающий случайно выбранный элемент на пустую позицию.
function initGame {
// Устанавливаем горизонтальное и вертикальное расстояние
// между элементами.
tileDist = 54;
// Помещаем все элементы на свои места.
for (x=1;x<=4;x++) {
for (y=0;y<=3;y++) {
tile = x+y*4;
_root["tile"+tile];_x = x*tileDist;
_root["tile"+tile];_y = y*tileDist+tileDist;
}
}
//
for(tilenum=0;tilenum<100;tilenum++) {
do {
// Выбираем элемент случайным образом.
tile = "tile"+(random(15)+1);
// Проверяем, есть ли рядом свободный квадрат.
emptySpace = findEmpty(tile);
// Цикл продолжается до тех пор, пока не будет найден
// элемент, рядом с которым расположен свободный квадрат.
} while (emptySpace == "none");
// Перемещаем элемент на свободное место.
moveTile(tile,findEmpty(tile));
}
}Когда случайным образом выбирается элемент, с помощью функции findEmpty определяется, есть ли среди смежных элементов свободный квадрат. Прежде чем проверять элемент мозаики, обязательно убедитесь в том, что свободное место не находится за границей игрового поля.
// Проверяем, есть ли свободное место около данного элемента.
function findEmpty (tile) {
// Определяем положение элемента.
tilex = _root[tile]._x;
tiley = _root[tile]._y;
// Проверяем, есть ли элемент мозаики слева.
if (tilex > tileDist) {
if (!tileThere(tilex-tileDist, tiley)) {
return("left");
}
}
// Проверяем, есть ли элемент мозаики справа.
if (tilex > tileDist*4) {
if (!tileThere(tilex+tileDist, tiley)) {
return("right");
}
}
// Проверяем, есть ли элемент мозаики сверху.
if (tiley > tileDist) {
if (!tileThere(tilex, tiley-tileDist)) {
return("above");
}
}
// Проверяем, есть ли элемент мозаики снизу.
if (tiley > tileDist*4) {
if (!tileThere(tilex, tiley+tileDist)) {
return("below");
}
}
// Элементы мозаики имеются со всех сторон.
return ("none");
}Примечание
Если перед выражением стоит восклицательный знак, значит, оно отрицается, то есть true превращается в false, а false в true. Эта операция известна как логическое не (not). Например, в предыдущем коде проверяется не tileThere, а not tileThere.
Функция findEmpty использует метод tileThere, чтобы определить, находится ли элемент на определенном месте. Метод tileThere вызывается для определения элементов слева, справа, снизу и сверху.
// Проверяем, находится ли элемент мозаики на определенном месте.
function tileThere (thisx, thisy) {
// Просматриваем элементы на предмет совпадения координат.
for (i=1;i<=15;i++) {
// Выясняем, совпадают ли значения положения
// по горизонтали.
if (_root["tile"+i]._x == thisx) {
// Совпадает ли положение по вертикали.
if (_root["tile"+i]._y == thisy) {
return true;
}
}
}
// Эти координаты соответствуют пустому квадратику.
return false;
}После того как было решено переместить элемент, вызывается функция moveTile. Эта же функция используется, когда игрок перемещает элементы.
// Перемещаем элемент в определенном направлении.
function moveTile (tile, direction) {
if (direction == "above") {
_root[tile]._y -= tileDist;
} else if (direction == "below") {
_root[tile]._y += tileDist;
} else if (direction == "left") {
_root[tile]._x -= tileDist;
} else if (direction == "right") {
_root[tile]._x += tileDist;
}
}После того как контроль передается игроку, надо определить, по какому элементу щелкнули мышкой. Для этого вызывается функция tileUnderMouse.
// Определяем, по какому элементу щелкнул игрок.
function tileUnderMouse {
for (i=1; i<=15; i++) {
if (_root["tile"+i].hitTest(_xmouse, _ymouse)) {
return (i);
}
}
}Сценарий
в основной временной шкале заканчивается вызовом функции initGame и выводом на экран перемешанных элементов.initGame; stop;
Игрок взаимодействует с картинкой мозаики посредством клипа «actions», расположенным вне рабочего поля. Клип воспринимает щелчок мыши, определяет, по какому элементу щелкнул пользователь, и перемещает этот элемент.
onClipEvent(mouseDown) {
// Определяем, по какому элементу щелкнул пользователь.
tileClicked = _root.tileUnderMouse;
// Определяем, есть ли рядом пустое пространство.
emptySpace = _root.findEmpty("tile"+tileClicked);
// Перемещаем элемент на свободное место.
_root.moveTile(“tile”+tileClicked, emptySpace);
}
К сведению
В рассмотренном варианте игры элементы мозаики расположены друг от друга на расстоянии 54 пиксела, а игровое пространство представлено сеткой 4x4. Если вы хотите изменить один из этих параметров, необходимо тщательно проверить код и внести необходимые изменения.
Другие возможности
Игра будет интереснее, если программа будет определять, когда картинка полностью собрана, и на экране будет появляться кадр с поздравлением. Это можно сделать, сохранив исходное положение элементов в массиве и выясняя после каждого шага, в нужном ли месте оказался элемент. Когда все позиции совпадут, картинка собрана.Игра совпадений
Исходный файл: Matching.fla
Следующая программа, наверное, является самой популярной Web-игрой. Существуют ее варианты, созданные с помощью Shockwave, Flash, Java, JavaScript и даже простого HTML с применением CGI. Такую игру просто создать, в нее быстро привыкаешь играть и ее легко можно приспособить для любого сайта или ситуации.
Игра совпадений (или игра памяти, как ее иногда называют) использует сетку с картами, расположенными рубашками вверх. Существует две карты каждого типа. Игрок может одновременно открыть две карты. Если они совпадают, карты удаляются. В противном случае обе карты снова переворачиваются рубашками вверх. Игрок пытается запомнить, где какая карта расположена, чтобы было проще отыскать совпадения.
На рис. 13.4 показан фрагмент этой игры (файл Matching.fla, расположенный на Web-сайте): в ней 36 карт, из которых четыре уже удалены и две только что открыты. Эти две карты не совпадают, следовательно, они снова будут перевернуты, как только игрок выберет следующую карту.
Рисунок 13.4. Цель игры совпадений – удалить все карты, чтобы стала видна фоновая картинка
Задача проекта
Цель проекта заключается в создании простой, но при этом каждый раз разной игры совпадений. Игрок сможет выбрать одну карту, затем другую. Каждая карта будет перевернута при щелчке мышью, так что будет видна ее картинка. Если карты совпадают, они обе удаляются, в противном случае снова переворачиваются, как только пользователь выберет следующую карту.
Подход
В игре используется только два библиотечных элемента. Первый – клип, в первом кадре которого представлена рубашка карты. В остальных кадрах содержатся картинки. Так как будет 18 различных картинок, в клипе окажется 19 кадров. Если вы хотите, чтобы клип отобразил рубашку карты, перейдите к первому кадру; если хотите увидеть картинку, перейдите к одному из кадров 2-19.
Второй элемент библиотеки – кнопка, расположенная внутри карт клипа. Она будет использоваться для реагирования на действия пользователя.
Игра начинается с создания 36 клипов, помешенных в сетку на рабочем поле. Каждый клип отображает рубашку карты, но если карта перевернута, показывается другая картинка. Каждая картинка будет содержаться в двух клипах, таким образом, получится 18 пар карт.
Когда игрок выбирает первую карту, отображается соответствуюшая ей картинка. Когда игрок выбирает вторую карту, она тоже переворачивается и появившаяся картинка сравнивается с первой открытой картой. Если они совпадают, карты удаляются, в противном случае ничего не произойдет до тех пор, пока игрок не шелкнет еше раз. Тогда первые две карты переворачиваются обратно, и отображается картинка новой выбранной карты.