Создание Flash игр -практические уроки


Пазл


Пазл
Пазл Исходный файл: Jigsawpuzzle.flaИгра "Пазл" состоит из элементов одного размера, которые, соединяясь, образуют целостное изображение. Обычно они сделаны из картона и для составления...
Пазл почти собран Задача проекта
Рисунок 13.1 Пазл почти собран...
Задача проекта Цель проекта создать
ПодходДля создания этой игры можно просто прикрепить небольшой сценарий к клипу "actions", расположенному вне рабочего поля. Когда пользователь щелкнет по рабочему полю, сценарий определ...
Центр этого элемента определяется
Рисунок 13.2 Центр этого элемента определяется по отношению к центру всей картинки...
Подготовка ролика Так как же я
Я начал с изображения, которое представляло собой набор линий и областей на одном слое, после чего преобразовал все линии в области, так чтобы в изображении остались только сплошные области. Затем...
Создание кода
Создание кодаВесь сценарий прикреплен к клипу "actions", расположенному за пределами рабочего поля. Он начинается с обработчика событий onClipEvent (mouseDown), который реагирует на щелч...
Другие возможности
Другие возможностиЭта игра - самая простая из программ составных картинок-загадок, Вы без труда можете ее усовершенствовать. Например, можно зaпoминать исходное положение элемента при перетаскиван...
Пятнашки
Пятнашки Исходный файл: Slidingpuzzle.fla В отличие от пазла игра "Пятнашки" куда интереснее в качестве компьютерной игры, чем в виде обычной игры. "Пятнашки" обычно состоят из...
В "Пятнашках" используется 15
Рисунок 13.3 В "Пятнашках" используется 15 элементов и один пустой квадрат...
Задача проекта Цель проекта создать
Очень важно в начале игры случайным образом расположить элементы. Для этого Flash-ролик сначала нарисует все элементы мозаики на своих местах, а затем будет выполнено 100 произвольных перемещений....
Подход
ПодходБольшая часть рассматриваемой программы представляет собой по сути подготовку к собственно игре, обеспечивая перемешивание элементов мозаики. Сначала случайным образом выбирается элемент. По...
Подготовка ролика
Подготовка роликаМожно воспользоваться любым понравившимся вам методом создания элементов. Чтобы получить 15 элементов, я выделял квадраты на графическом изображении. В отличие от элементов состав...
Создание кода
Создание кодаБольшая часть кода находится в основной временной шкале. Он начинается с выравнивания элементов на расстоянии точно в 54 пиксела, затем 100 раз выполняется цикл, перемещающий случайно...
К сведению
К сведениюВ рассмотренном варианте игры элементы мозаики расположены друг от друга на расстоянии 54 пиксела, а игровое пространство представлено сеткой 4x4. Если вы хотите изменить один из этих па...
Другие возможности
Другие возможностиИгра будет интереснее, если программа будет определять, когда картинка полностью собрана, и на экране будет появляться кадр с поздравлением. Это можно сделать, сохранив исходное...
Игра совпадений
Игра совпадений Исходный файл: Matching.flaСледующая программа, наверное, является самой популярной Web-игрой. Существуют ее варианты, созданные с помощью Shockwave, Flash, Java, JavaScript и даже...
Цель игры совпадений удалить все
Рисунок 13.4 Цель игры совпадений - удалить все карты, чтобы стала видна фоновая картинка...
Задача проекта Цель проекта заключается
ПодходВ игре используется только два библиотечных элемента. Первый – клип, в первом кадре которого представлена рубашка карты. В остальных кадрах содержатся картинки. Так как будет 18 различных ка...
Подготовка ролика
Подготовка роликаВ ролике Matching.fla есть клип "Cards", временная шкала которого содержит 19 кадров (Рисунок 13.5)....
Во временной шкале клипа "Cards"
Рисунок 13.5 Во временной шкале клипа "Cards" имеется 19 кадров, первый без картинки и остальные 18 с различными картинкамиВ первом кадре расположена рубашка карты, то есть никакой карти...
Создание кода
Создание кодаПочти весь код этой игры находится в основной временной шкале. Ролик начинается с вызова функции initGame, которая создает список 18 пар карт, случайным образом выбирает карты из перв...
К сведению
К сведениюНе забудьте вставить команду stop () в первый кадр клипа "Cards". В противном случае во всех картах будут отображаться все картинки....
Другие возможности
Другие возможностиСамый простой способ изменить эту игру - добавить фоновый рисунок, который будет отображаться за картами. Картинки на картах могут соответствовать теме фоновой картинки. Вы может...
Найди картинку
Найди картинку Исходный файл: Findthepicture.flaЭта игра необычная, ее можно найти скорее в книге пазлов, чем на компьютере. Создание Flash-версии этой игры помогает показать несколько полезных пр...
Задача проекта
Задача проектаЧтобы создать эту игру, ваш сценарий должен уметь выбирать случайный сегмент из большой картинки и показывать его рядом с ней. Это требует использования масок. Также ActionScript дол...
Подход
ПодходСпособ, каким сегмент картинки отображается на экране, основан на использовании слоев. В клипе картинка находится на одном слое, а маленький квадрат используется как маска для этого слоя. То...
Подготовка ролика
Подготовка роликаИмя эталона основного клипа в библиотеке — "picture". Он содержит три растровых изображения, по одному в каждом кадре. В первом кадре находится команда stop (). Картинки...
Создание кода
Создание кодаВ начале ролика задаются функции roundNum и score. Переменная roundNum содержит номер картинки, которая должна появиться. // Начинаем с первой картинки. roundNum = 1; score = 0; stop(...
К сведению
К сведениюКлип "maskedPicture", кроме маски и картинки, содержит еще границы слоя, соответствующие маске. Это помогает ему выделяться на экране. Также в каждом кадре ролика содержатся ст...
Другие возможности
Другие возможностиВам должно быть легко добавлять картинки в эту игру. Вы можете иметь их столько, сколько хотите. Только помните, что надо установить код, узнающий последнюю картинку в обработчик...








Начало