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


Составь лису методом "Перетащи и положи"


Составь лису методом "Перетащи и положи"
Составь лису методом "Перетащи и положи" Исходный файл: Makeafox-drag.flaМногие компьютерные игры созданы по подобию игрушек докомпьютерной эры. Одна из таких старых игрушек - "Mist...
Задача проекта
Задача проектаЗадача этого проекта - создать приложение, которое позволит пользователю присоединять части тела лисы к неподвижному туловищу и так составлять изображение зверька. Метод drag-and dro...
Подход
ПодходПрограмма должна распознавать нажатие и отпускание кнопки мыши. Она должна определять, над каким клипом находится в данный момент курсор, и предоставлять возможность перетаскивания выбранног...
Подготовка ролика
Подготовка роликаДля создания игрушки-конструктора, работающей по методу drag-and-drop, прежде всего необходимо иметь различные графические изображения. На Рисунок 7.1 в правой части изображено ту...
Изображенные слева части тела
Рисунок 7.1 Изображенные слева части тела можно переместить к расположенному справа туловищу Ролик можно запустить, открыв файл Makeafox-drag.fla. Вы можете выбрать любую часть тела и переместить...
Создание кода
Создание кодаЕсли вы уже работали во Flash, вы можете подумать, что это легко - необходимо просто использовать клипы частей тела и команды startDrag, и stopDrag. На самом деле такой подход только...
В панели Properties вы можете
Рисунок 7.2 В панели Properties вы можете назначить графическому Flash-элементу свойство клипа и имя, отличное от его имени в библиотеке Несколько слов о взаимном перекрывании символов на рабочем...
Ролик MakeAFox дает пользователю
Рисунок 7.3 Ролик Make-A-Fox дает пользователю возможность перетаскивать части тела лисы в любое место экрана...
Создай лису методом "Нажми и измени"
Создай лису методом "Нажми и измени" Исходный файл: Makeafox-switch.flaВ другом варианте конструирования изображений все элементы остаются на местах, однако пользователь получает возможн...
Задача проекта
Задача проектаИсходное изображение будет полным, но, когда пользователь щелкнет по одному из его элементов, он изменится. Например, пользователь может щелкнуть по глазам и вместо них появится друг...
Подход
ПодходБиблиотека данного ролика имеет не такую, как мы рассматривали раньше, организацию. Вместо отдельных изображений каждого варианта элемента лисы используются клипы. Каждый клип содержит все в...
Создание кода
Создание кодаЗдесь не применяется перетаскивание, поэтому сценарий будет немного проще. Код представляет собой сценарий onClipEvent (mouseDown) помешенный в клип "actions", который распо...
Пользователь может щелкнуть по
Рисунок 7.4 Пользователь может щелкнуть по любой части тела и изменить ее...
К сведению Для того чтобы закончить
Другие возможностиПодобная программа может применяться почти к любому объекту. Таким объектом, например, может быть машина, в которой пользователь может изменять колеса и другие детали, или лицо с...
Альбом для рисования
Альбом для рисования Исходный файл: Drawing-line.fla, Drawing-fill.flaХотя предыдущие два примера используют ваши творческие способности, в действительности они не дают возможности создавать что-л...
Задача проекта
Задача проектаЗадача данного раздела - создать программу, в которой пользователь может рисовать, как в простом графическом приложении. Пользователь должен иметь возможность рисовать простые линии...
Создание простой программы рисования
Создание простой программы рисованияКонечный ролик позволит пользователю рисовать, используя различные фигуры и цвета, однако для начала дадим ему возможность нарисовать непрерывную линию. Мы вос...
Простая программа рисования позволяет
Рисунок 7.5 Простая программа рисования позволяет нарисовать длинную черную кривую...
Создание полной программы рисования
Второй параметр функции lineStyle отвечает за выбор цвета. В предыдущем примере был выбран черный цвет — 0x000000. Префикс Ох сообщает программе, что следующее за ним число надо воспринимать в шес...
Кнопки в левой части экрана дают
Рисунок 7.6 Кнопки в левой части экрана дают пользователю возможность выбрать цвет и фигур Каждая из этих кнопок создана из одного библиотечного эталона. Когда копия помешается на рабочее поле, мо...
Добавление кнопок Clear и Print
Добавление кнопок Clear и PrintЧтобы очистить рабочую область, мы просто нарисуем сверху заполненный цветом области прямоугольник. Это выполняется с помощью сценария кнопки Clear (Очистить). Мы ус...
Изображение примера использования ролика К сведению
Рисунок 7.7 Изображение примера использования ролика....
К сведению Не забудьте поместить
Другие возможностиВы можете усовершенствовать программу, добавив возможность выбора толщины линии по аналогии с цветами. Можно создать кнопку, которая будет определять переменную lineSize в клипе...
Музыкальный миксер
Музыкальный миксер Исходный файл: Musicmixer.flaFlash позволяет работать не только с графическими объектами. Вы, например, можете воспроизводить одновременно несколько звуков, создавая музыкальный...
Задача проекта
Задача проектаВ данном разделе рассматривается создание игрушки, которая позволяла бы пользователю сочинять свои собственные музыкальные произведения, смешивая звуки барабанного боя, циклы басов и...
Музыкальный миксер состоит из
Рисунок 7.8 Музыкальный миксер состоит из шести циклов барабанов, шести циклов с басами и шести отдельных звуковых эффектов...
Подход В приложении используется
В ролике используется три различных набора переключателей. Первый предназначен для выбора цикла барабанного боя. При включении одного из них предыдущий автоматически отключается. Второй набор пере...
Подготовка ролика
Подготовка роликаОсновными элементами ролика являются 18 звуков. В примере MUSICmixer.fla использовались звуки, созданные профессиональным композитором. Вам придется сочинить звуки самому, привлеч...
Настройки диалогового окна Symbol
Рисунок 7.9 Настройки диалогового окна Symbol Linkage Properties определяют, каким образом звук будет включен во Flash-ролик Необходимо создать три различных типа кнопок. В действительности они пр...
Создание кода
Создание кодаКод назначен кнопкам, которые размешены внутри переключателей. Первый кадр каждого переключателя содержит код для запуска воспроизведения звука. Помимо этого код задает переход клипа...
К сведению
К сведениюHe забудьте присвоить каждой из 18 кнопок уникальное имя и сопоставить это имя с именем соответствующего звука в библиотеке. Кроме того,название звука необходимо задать в диалоговом окне...
Другие возможности
Другие возможностиВы можете легко заменить имеющиеся звуки любыми другими. Просто удалите старые звуки из библиотеки и импортируйте на их место ваши собственные. Не забудьте произвести настройку д...
Танцующая лиса
Танцующая лиса Исходный файл: Dance.flaВы видели, как пользователь может создавать изображения и последовательности звуков. Попробуем теперь создать последовательность анимаций. В этом примере пол...
Показан фрагмент исходного файла
Рисунок 7.10 Показан фрагмент исходного файла. Лиса находится в процессе танца...
Задача проекта У этой программы
Для завершения записи пользователь может нажать кнопку Done и вернуться в главное меню. Воспроизведение включается кнопкой Playback, после чего в точности воспроизводится записанная последовательн...
Подход
ПодходЦентральным объектом этой программы является клип "dance". Он содержит всю последовательность танца лисы. Вы можете управлять лисой, перемещаясь к кадру, с которого начинается посл...
Подготовка ролика
Подготовка роликаМы должны сделать клип "dance" правильно. В исходном файле он представляет последовательность из 20 кадров, которая разбита на четыре части по 5 кадров. Каждая часть нач...
Создание кода
Создание кодаРассмотрим сценарий кадра "record". Он начинается с инициализации массива и определения времени начала записи. // Определяем массив.danceArray = new Array();// Считываем тек...
К сведению
К сведениюТри кнопки в кадре "record", инициирующие танец, должны содержать сценарии для вызова функции danceButton. Вот пример для одной из кнопок: on (press) { danceButton("dan...
Другие возможности
Другие возможностиВ файле примера лиса, выполнив один раз выбранное пользователем движение, возвращается к основному танцу. Вы можете изменить программу таким образом, чтобы лиса повторяла выбранн...








Начало