Adobe Flash. Создание аркад, головоломок и других игр с помощью ActionScript
Шрифт:
Примечание
Команда startDrag – основное действие, позволяющее пользователю перетаскивать клип. Оно не такое универсальное, как методы перетаскивания, рассмотренные ранее, но в простых случаях работает хорошо. Команда stopDrag останавливает перетаскивание.
onClipEvent(mouseDown) {
// Определяем положение курсора.
mx = _root._xmouse;
my = _root._ymouse;
// Просматриваем все элементы картинки.
for (x=0;x<6;x++) {
for(y=0;y<4;y++) {
piece = _root[x+"-"+y];
// Выясняем, находится ли элемент под курсором
// и не находится ли он уже на своем месте?
if (piece.hitTest(mx,my) and (piece._alpha < 100)) {
// Пользователь щелкнул по элементу.
piece.startDrag
// Выходим из циклов.
x = 6;
y = 4;
break;
}
}
}
}Когда
onClipEvent(mouseUp) {
// Прекращаем перемещение элемента.
stopDrag;
// Измеряем расстояние от центра элемента до центра контура.
dx = _root.outline._x – piece._x;
dy = _root.outline._x – piece._y;
dist = Math.sqrt(dx*dy+dy*dy);
// Если расстояние меньше 10 пикселов,
// элемент помещается на свое место.
if (dist < 10) {
piece._x = _root.outline._x;
piece._y = _root.outline._y;
// Делаем элемент полностью непрозрачным.
piece._alpha = 100;
}
}
Другие возможности
Эта игра – самая простая из программ составных картинок-загадок. Вы без труда можете ее усовершенствовать. Например, можно запоминать исходное положение элемента при перетаскивании, а затем возвращать его на место, если игрок неправильно поместил его.
Еще один способ сделать игру интереснее – написать функцию, которая будет проверять, все ли элементы уже находятся на своем месте и если да, будет осуществлять переход к кадру с поздравлением с победой. Можно усложнить игру, создав более 24 кусочков, тем самым получив больше мелких элементов.
Если хотите, позвольте игроку поворачивать каждый элемент на 90°, 180° или 270°. Для этого пользователь мог бы нажимать клавишу Пробел. Элемент будет фиксироваться в своем положении только в том случае, если он правильно повернут.
Конечно, есть более сложные варианты, например, картинки-загадки, у которых нет очерченного контура. Игрок может соединить два или более элементов в любом месте экрана, а затем прикрепить их к целой картине. Однако для такой игры потребуется написать большой сценарий. Вместо этого давайте перейдем к другому виду составления картинок.Пятнашки
Исходный файл: Slidingpuzzle.fla
В отличие от пазла игра "Пятнашки" куда интереснее в качестве компьютерной игры, чем в виде обычной игры. "Пятнашки" обычно состоят из 15 квадратных элементов, которые перемещаются вдоль сетки, рассчитанной на 16 элементов. Пустое место – дополнительная область, куда может быть перемещен элемент мозаики.
На рис. 13.3 показана мозаика с изображением лисы. Попробуйте сыграть в эту игру, открыв файл Slidingpuzzle.fla, размещенный на Web-сайте. Вы можете щелкнуть по любому из четырех элементов, смежных с пустым квадратиком, чтобы переместить его. Цель игры – правильно собрать картинку, оставив пустым место в нижнем правом углу.
Рисунок 13.3. В «Пятнашках» используется 15 элементов и один пустой квадрат
Задача проекта
Цель проекта – создать простую, легкую игру по принципу «Пятнашек». Игрок будет щелкать по элементу: если рядом есть пустой квадрат, элемент будет перемещен.
Очень важно в начале игры случайным образом расположить элементы. Для этого Flash-ролик сначала нарисует все элементы мозаики на своих местах, а затем будет выполнено 100 произвольных перемещений. Таким образом, элементы окажутся перемешаны, и собрать такую мозаику будет сложно, но возможно.
Подход
Большая часть рассматриваемой программы представляет собой по сути подготовку к собственно игре, обеспечивая перемешивание элементов мозаики. Сначала случайным образом выбирается элемент. Потом выполняется проверка, является ли один из четырех смежных элементов пустым. Если да, то выбранный элемент перемещается туда. В противном случае выбирается другой элемент до тех пор, пока не будет найден элемент, смежный с пустым квадратом. Этот процесс повторяется 100 раз.
Когда перемешивание закончено, пользователь может передвигать элементы сам. Когда он щелкает по элементу, код проверяет, есть ли рядом с этим элементом пустой квадрат, если да, выбранный элемент перемещается
Подготовка ролика
Можно воспользоваться любым понравившимся вам методом создания элементов. Чтобы получить 15 элементов, я выделял квадраты на графическом изображении. В отличие от элементов составной картинки-загадки, здесь не нужно размещать их определенным образом. Центром каждого элемента мозаики может быть его собственный геометрический центр. То есть для этой игры создать элементы гораздо проще.
После того как вы создали все элементы, поместите их на рабочее поле так, как они должны располагаться в собранной мозаике. Я сделал кусочки размером 54x54 пиксела, то есть они должны быть расположены друг от друга на расстоянии 54 пиксела как по вертикали, так и по горизонтали. Поскольку 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;
}
}
// Совершаем 100 произвольных перемещений.
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;
}