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


Увеличение кнопок


Увеличение кнопок
Увеличение кнопок Исходный файл: Expandingbuttons.flaМногие сайты используют Flash для навигации от страницы к странице. Даже простой Flash-ролик с одной кнопкой может значительно оживить статичес...
Задача проекта
Задача проектаЗадача проекта - создать кнопки, которые в случае, если подвести к ним курсор мыши, не меняют цвет, а увеличиваются и затем, когда курсор убран, возвращаются к нормальному размеру. Н...
Если поместить курсор мыши над кнопкой она увеличивается
Рисунок 5.1 Если поместить курсор мыши над кнопкой, она увеличиваетсяВзглянув на рисунок, можно подумать, что когда на кнопку наводится курсор, она изменяет свой размер внезапно. Однако увеличение...
Подход
ПодходКаждая кнопка реагирует на наведение и снятие курсора. При наведении курсора на кнопку обработчик получит новое значение масштаба. Если в начальный момент времени масштаб клипа (с кнопкой вн...
Подготовка ролика
Подготовка роликаРолик содержит несколько кнопок. Каждая кнопка представляет собой отдельный ролик с кнрпкой внутри. Из одного библиотечного эталона кнопки я создал пять разных клипов. В каждый кл...
Создание кода
Создание кодаВ ролике используется два типа сценариев: назначенные кнопкам и назначенные клипам. Первый тип сценария назначен кнопке, находящейся в клипе. Сценарий, назначенный кнопке, реагирует н...
На диаграмме показано расположение
Рисунок 5.2 На диаграмме показано расположение двух сценариев ActionScript относительно главной временной шкалы, клипа и кнопки Сценарий клипа начинается с того, что значение переменной newscale з...
Другие возможности
Другие возможностиЗначения параметров _хscale и _yscale не обязательно должны быть равны. Вы можете изменить только один из них, чтобы получить другой эффект. Вы также не обязаны придерживаться пр...
Вращающаяся и изменяющая цвета
С помошью ActionScript можно изменить большинство свойств клипов, которые находятся на рабочем поле. В некоторых случаях свойство можно изменить напрямую, в других случаях, например при смене цвет...
Объект Color
Объект ColorОбъект Color предназначен для изменения цветов клипа. Его можно представить как набор функций, позволяющих узнавать и управлять цветами клипа. Сначала надо создать объект Color, связан...
Панель Advanced Effect предназначена
Рисунок 5.3 Панель Advanced Effect предназначена для изменения цвета клипаТеперь при тестировании ролика в итоговое окно будет помешено значение 8421504, что соответствует значениям 128 полей R, G...
Трансформация цветов
Трансформация цветовБолее универсальным способом изменения цвета является использование метода setTransform() объекта Color. Аргументом метода set-Transform является объект, содержащий восемь пара...
Подготовка ролика
Подготовка роликаВ данном ролике будет использоваться один элемент - спиральная фигура. Поместите его в центр рабочего поля. Начальный цвет спирали должен быть белым, а фоновый - черным. Ролик буд...
К сведению
К сведениюЧастота смены кадров ролика определяет скорость вращения спирали и смены цветов. Максимальная частота во Flash MX -120 кадр/с. Однако следует иметь в виду, что частота смены кадров напря...
Спираль изменяет цвет и вращается
Рисунок 5.4 Спираль изменяет цвет и вращается...
Другие возможности
Другие возможности Изменив оператор += на -= в последней строке кода, вы заставите спираль вращаться в обратном направлении. Вы можете также изменить способ смены цветов, изменив значения красной,...
Случайность и эффект старого кино
Случайность и эффект старого кино Исходные файлы: Randomlocation.fla, Randommovement.fla, Oldfilm.flaИспользуя Flash исключительно в качестве инструмента анимации, можно добиться поразительных эфф...
Задача проекта
Задача проектаЗадача данного раздела - научиться использовать случайные числа для создания визуальных эффектов. Возможно, вы захотите создать "эффект старого кино", когда на изображении...
Подход
ПодходВо Flash 5 существует два способа генерирования случайных чисел. Первый - включить в код функцию Random, которая была в четвертой версии программы. Эта функция выдает значение в диапазоне от...
Подготовка ролика
Подготовка роликаВ качестве примера использования случайных чисел создадим один из популярных Flash-эффектов: сымитируем старую кинопленку. Обычно данный эффект достигается средствами анимации. Ан...
Простой анимационный ролик использующий
Рисунок 5.5 Простой анимационный ролик, использующий случайные пятна и царапины для создания эффекта старого кино Помимо фонового изображения вам понадобятся клипы пятен и царапин для размещения...
Создание кода
Создание кодаСначала напишем код для царапины. Поместите копию клипа царапины на рабочее поле и назначьте ему следующий сценарий: onClipEvent(load) { wanderAmount = 300; leftLimit = 10; rightLimit...
Эффект старого кино создается
Рисунок 5.6 Эффект старого кино создается при помощи линии и двух точек, помещаемых поверх обычной FIash-анимации Пятна на изображении представляют собой два постоянно перемещающихся клипа. В осно...
К сведению
К сведению И пятна и линию лучше поместить справа, за пределами рабочего поля, чтобы их не было видно при запуске ролика. Затем они будут периодически появляться в случайных местах. Убедитесь в то...
Другие возможности
Другие возможности Вы можете поместить на экран дополнительные пятна, скопировав клип пятна и убедившись, что ему назначен аналогичный сценарий. На экране может быть столько пятен, сколько вы хоти...
Перемещение букв
Перемещение буквИсходный файл: Textfly.fla Во многих Flash-роликах по экрану перемешается текст. Существует множество способов создания этого эффекта, некоторые из них проиллюстрированы примерами....
Задача проекта
Задача проекта В данном разделе рассказано, как создать ролик, где текстовая фраза разделяется на отдельные буквы, каждая из которых помешается в случайное место экрана. Затем эти буквы перемешают...
Четыре кадра анимаиии созданной при помощи ActionScript
Рисунок 5.7 Четыре кадра анимаиии, созданной при помощи ActionScript Посмотрите ролик Textfly.fla. Обратите внимание, где располагаются сценарии и как организован ролик в целом....
Подход
ПодходРолик создается следующим образом: текст делится на отдельные буквы каждая из которых представляет собой отдельный клип. Затем из случайных мест на экране эти клипы перемешаются в позиции, с...
Подготовка ролика
Подготовка роликаРолик включает графическое изображение, расположенное в центре экрана и совершенно не зависящее от текстового эффекта. Внутри ролика находится один клип, содержащий букву "А&...
В панели Properties вы можете
Рисунок 5.8 В панели Properties вы можете назначить текстовой области свойство Dynamic Text и присвоить ей имя переменной Затем текстовое поле преобразуется в клип при помощи команды Insert ->...
Создание кода
Создание кодаВ процессе выполнения программы из одного клипа создается несколько его экземпляров. В каждом новом цикле при помощи функции duplitcateMovieClip создается новый экземпляр клипа для ка...
К сведению
К сведениюПозиция клипа Letter0 определяет позицию первой буквы конечного текста, поэтому советуем вам внимательнее отнестись к его расположению и немного поэкспериментировать....
Другие возможности
Другие возможности Существуют различные варианты изменения данного сценария. Вы можете указать другую исходную позицию букв, значение переменной п может изменяться быстрее или медленнее, а буквы р...
След от курсора
След от курсораИсходный файл: Cursortrail.flaРассмотрим спецэффект, создание которого невозможно без использования ActionScript. В нашем примере, когда пользователь перемещает мышь, за курсором ос...
Оставляя копии клипа в позиции
Рисунок 5.9 Оставляя копии клипа в позиции, в которой только что находился курсор, можно создать след, тянущийся за курсором...
Задача проекта Идея состоит в
В начальный момент каждый кружок имеет свой фиксированный размер и абсолютно непрозрачен. Постепенно он уменьшается в размерах и бледнеет до тех пор, пока окончательно не сольется с фоном. В любой...
Подход
Подход Окружности являются клипами, которые создаются и помещаются в опре деленную точку экрана в течение работы программы. В коде хранятся все существующие клипы. При каждом обращении к кадру про...
Подготовка ролика
Подготовка роликаСоздадим простой клип с кружочком внутри. Цвет и размер вы может выбрать по своему усмотрению. В нашем примере мы сделали темно-голубую окружность диаметром 20 пикселов. Клипу при...
Создание кода
Создание кодаНаш "actions"-клип содержит два обработчика onClipEvent. Первый включается в начале ролика и создает пустой массив, чтобы содержать ссылки на клипы, образующие хвост. Он так...
К сведению
К сведениюМеняя параметр speed, вы можете изменять длину "хвоста". Значение этой переменной также влияет на скорость исполнения ролика, так как если значение speed маленькое, например 1,...
Другие возможности
Другие возможностиДля создания следа за курсором вы также можете использовать клипы содержащие собственную анимацию. Таким образом вы можете попробовать получить эффект сверкающего пламени или дым...
Эффект трехмерности
Эффект трехмерностиИсходные файлы: 3d.fla, 3dcubepoints.fla, 3dcube.fla, 3dspaceship.flaДругим часто применяемым специальным эффектом Flash является моделирование небольшого трехмерного объекта. Н...
Задача проекта
Задача проектаВ данном разделе вы научитесь преобразовывать координаты трехмерного пространства в двумерные экранные координаты. Затем вы примените эти знания для создания простого трехмерного куб...
Подход
ПодходДля того чтобы понять, как используются трехмерные координаты, вам необходимо знать основы аналитической геометрии. Это один из самых трудных разделов данной книги, поэтому, если изучение ма...
Подготовка ролика
Подготовка роликаВ описываемых ниже примерах используются только точки и линии. Создать точку легко, однако линия должна соответствовать определенным условиям. Подробное описание приводится ниже....
Создание кода
Создание кодаВ следующих разделах описывается пошаговое создание трехмерных моделей в Flash. Начнем с кода, преобразующего трехмерные координаты в двумерные экранные координаты....
Преобразование координат
Преобразование координатМестоположение объектов на экране определяется двумя координатами: х и у. Объекты в трехмерном пространстве должны иметь три координаты: х, у и z. Последняя определяет глуб...
Углы куба
Углы куба Теперь приступим к созданию восьми вершин куба. Данные о каждой вершине будем хранить в объекте со свойствами х, у и z. Весь список объектов хранится в массиве. // Создаем массив из 8 то...
Трехмерный куб представленный
Рисунок 5.10 Трехмерный куб, представленный восемью точками на экран...
Добавление ребер Восемь точек
Во Flash динамические линии создаются на основе библиотечного эталона, содержащего простую линию. Линия начинается в центре клипа и тянется вправо и вниз. Она простирается ровно на 100 пикселов по...
Клип простой линии используется
Рисунок 5.11 Клип простой линии используется для создания динамических линий на рабочем поле У куба 12 граней, следовательно, вам необходимо 12 линий. Вместо того чтобы задавать координаты х, у и...
Трехмерный куб состоящий из точек и пиний Другие возможности
Рисунок 5.12 Трехмерный куб, состоящий из точек и пиний...
Другие возможности Конечно вы
Поэкспериментировав с наборами точек и линий, нетрудно создать множество различных трехмерных моделей. Вы можете сделать так, чтобы пользователь управлял вращением и наклоном объекта, или задать ф...








Начало