кнопка

Плавная анимация кнопки при наведении и отведении курсора (Action Script 2)

 

В этом уроке  я поделюсь еще одним методом анимации кнопок. Ранее, я уже рассказывала о схожем способе создания кнопки. Сегодняшний метод  построен на принципе программного проигрывания анимации вперед и в обратном направлении в зависимости от положения курсора на кнопке. В первом уроке я создавала 2 разные анимации – положение на и положение за пределами кнопки. Так что задача в этот раз в какой-то степени проще в плане анимации:) Так же будет использоваться Action Script 2. Для тех, кому нужна такая кнопка в as3 - читаем в новом уроке Плавная анимация кнопки при наведении в as3.

Как создать интерактивную анимированную кнопку?

 

Признаюсь, как художник я мало что смыслю  во флеш-программировании. Но это не помешало мне написать урок по As:)

В этом уроке описан принцип создания кнопки с функцией roll over. Очень простой эффект, но пользуюсь я им довольно часто. Возможно, данная информация еще кому-то пригодится. Существует несколько способов добиться подобного результата. Поделюсь тем, который знаю я, используя старенький Action Script2.

Есть у нас уже готовая анимашка-заготовка для кнопки – пугливый кролик:) Наша задача сделать ее интерактивной – синхронизировать действие персонажа с положением курсора на ней. Что мы должны получить в итоге:

-roll over (при наведении) – кролик прячется  в шляпку,

-on (при положении курсора на кнопке) – кролик дрожит, из шляпки торчат лишь ушки,

-roll out (убираем курсор с кнопки) – кролик набирается смелости  и вылезает из шляпки.