Подготовка ролика

Можно воспользоваться любым понравившимся вам методом создания элементов. Чтобы получить 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;

}

После того как было решено переместить элемент, вызывается функция 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);

}