Следящие за курсором flash глаза - flash - создаем - Каталог статей - Создай свой сайт
Приветствую Вас ГостьПятница, 19.04.2024, 17:39

web-stroytel


Каталог статей

Главная » Статьи » создаем » flash

Следящие за курсором flash глаза
Создать подобную анимацию слежения за курсором во flash довольно просто, весь урок разбит всего на 3 шага. Так что дерзайте!


1 Шаг: Рисуем.



Используя инструмент
Oval Tool (кнопка О на клавиатуре) сначала нужно нарисовать сами глаза со зрачками. Каждый глаз нужно создать на новом слое.

Слои создем вот так:



Т.е. рисуете круг с заливкой и на внутренней области щелкаете (тфу, левой для выделения а здесь) правой кнопкой мыши и трансформируете как хотите командой Free Transform.

Шаг 2. Конвертируем в клип.

На появившемся объекте нажимаем и делаем его клипом (
или выделяем нужное щелчком панель сверху Modify -> Convert to Simbol (кнопка F8)  Movie clip. )
Командой





3 Шаг: прописываем код.

Выбрав вкладку Propetrties в форме каждому из зрачков даем имя left и right соответственно.





Создаем еще один слой и пишем в нем такой код во вкладке Actions:




followMouse = function () {
this.startX = this._x;
this.startY = this._y;
this.onEnterFrame = animateEye;
};
animateEye = function () {
var distX = (_xmouse - this._x) / 5;
var distY = (_ymouse - this._y) / 5;
if (Math.abs(distX) < 5) {
this._x = this.startX+distX;
}
if (Math.abs(distY) < 5) {
this._y = this.startY+distY;
}
};
left.onEnterFrame = followMouse;
right.onEnterFrame = followMouse;



Круто, да? Теперь вы можете создавать анимированные глаза во flash. Ура, товарищи!

скачать исходник








[ Получить ссылку: ]
Категория: flash | Добавил: DEVIL009 (19.10.2009) | Автор: © Avtor - Денис Трофимов ©
Просмотров: 3404 | Комментарии: 2 | Рейтинг: 5.0/2 |
Всего комментариев: 2
1 Chekhoff  
0
Что-то кривовато они следят.... Сейчас буду разбирать...

2 Ден  
0
Это поту что только правый глаз)
Кстати советую покопаться в коде и настроить "глазки" поинтересней*

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Регистрация
Категории
Html [1]
Не знание html – это постоянный тормоз, который будет преследовать на протяжении всей работы с сайтом, которая вовсе не ограничивается только его созданием.
CSS [0]
Каскадные таблицы стилей и все, что с ними связано.
CMS системы [3]
Почти самый простой способ создать сайт - воспользоваться CMS.
Дизайн [8]
Учимся на профессиональных web-дизайнеров!
Общее [10]
Все быстро, качественно и с нуля.
ucoz и другое [22]
Все, что может помочь в освоении этой CMS.
flash [11]
photoshop [4]
Поиск
Опрос:
Ваш способ оплаты интернета.
Всего ответов: 59
Друзья
Rambler's Top100
партнеры

Внимание!!
Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0



 При копировании материалов ссылка на источник обязательна.
 Если какой либо материал нарушает ваше авторское право, то пожалуйста обратитесь к администрации через ЛС.
 Шаблон защищен авторским правом. подробнее