Воскресенье, 24.09.2017, 07:49
Приветствую Вас Гость | RSS

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Форма входа

Эффекты с курсором

 

 

Создаем  свой  курсор.



Все уроки сделаны в программе Adobe Flash CS 5.
 Они предназначены для новичков в этой программе, однако нужно знать основы работы
с инструментами, панелями, интерфейсом программы.
 Таких уроков много в интернете, поэтому нет смысла повторять одно и тоже.

Иногда требуется создать свой курсор в каком-либо флэш ролике
(например в играх)  и этот урок поможет вам в этом.
Вот конечный результат:


 

 



 

 

 

Создаём новый документ на Action script 2 Размер документа может быть любой,
 также как и фон. Рисуем нужный нам вид курсора (можно
нарисовать любым инструментом: линия, карандаш, перо, а можно сделать
 в фотошопе и импортировать на сцену)
Инструментом "Выделение" щелкаем по нарисованному курсору и
нажимаем клавишу F8, в появившемся окне выбираем "Фрагмент ролика" и
центр регистрации в вевхнем левом углу, жмём "Ок".
В окне свойств instance name даём значение "curs"



Создаём ещё один слой и даем ему имя AS (для скрипта)
В итоге у вас вид временной шкалы будет выглядеть так:



Выделяем первый кадр на слое AS и нажимаем клавишу F9 и в
открывшейся панели скрипта вводим следующий код:

 


            startDrag(_root.curs, true);
            Mouse.hide();



 


Сохраняем наш fla файл, и тестируем ролик, нажимая Ctrl+Enter.
 
 

 

Другой пример:



в этом примере при нажатии левой кнопкой мыши курсор
изменяет рисунок на другой.
Создайте новый документ на AS2.0
Нарисуйте свой курсор (я для примера использовал рисунки,
подготовленные в фотошоп) выделите инструментом "Выделение"
и нажмите F8, чтобы преобразовать в Movie Clip  и дайте
instanc name "cur"   Откройте панель скриптов (F9) и вставьте
следующий код:

 
onClipEvent (load) {
startDrag("/cur", true);
}

Этим кодом мы изменили курсор на свой, теперь создайте второй
слой и открыв панель скриптов напишите Mouse.hide();
чтобы скрыть настоящий курсор.
В следующем шаге мы добавим анимацию нашему курсору.
На первом слое выделите изображение курсора и щелкните по
нему два раза, чтобы зайти внутрь ролика для редактирования.
Создайте второй ключевой кадр (F6) и во втором кадре замените
изображение вашего курсора на другое. Далее выделяем первый
кадр, открываем панель скрипта и вставляем код: stop();
То же самое делаем для второго кадра. Переходим на основную
сцену и добавляем к основному коду:

onClipEvent (mouseDown) {
gotoAndPlay(2);
}
onClipEvent (mouseUp) {
gotoAndPlay(1);
}

Этим мы подключаем действие кнопок мыши.
И после тестирования смотрим, что у нас получилось:



 

Нажимаем левую кнопку мыши.
 
 

 

Пример волны от курсора.


 

 

 

Поиск


Календарь
Друзья сайта
Друзья сайта



Все права принадлежат Akrus.Просьба при копировании давать ссылку на мой сайт. © 2017