Main View - Скарбничка розробника. Все про дизайн, розробці та створенні сайтів
Main View - блог про дизайн, веб дизайн та веб розробці. Якщо ви займаєтеся розробкою веб сайтів, або цікавитеся веб дизайном і просто дизайном речей, які нас оточують, або вам просто цікава тематика веб дизайну та веб розробок, то цей блог буде вам дуже корисний. На блозі ви можете знайти статті, огляди, уроки і багато іншого.
У цьому flash уроці подивимося, як дуже просто змусити мувик (Movie Clip) рухатися за курсором миші. Flash ефект руху за курсором миші дуже просто змінити і додати будь-який вид рухається за курсором об'єкту Movie Clip. Примітка: Для цього уроку знадобитися бібліотека TweenMax.
Як це виглядає
створення документа
1. Створюємо новий Flash ActionScript 3 документ. 2. Встановимо розміри документа 400х300 пікселів і темп 30 fps.
Створення фону.
3. Вибираємо інструмент rectangle і створюємо прямокутник розміром 400 × 300 пікселів без обведення. Вирівняні його по центру сцени по горизонталі і по вертикалі. 4. Додамо радіальну заливку нашому прямокутника (колір зліва: # 00CCFF, колір справа: # 000000)
Новий шар для кліпу під курсором
5. Створюємо новий шар і назвемо його "follower".
створення кліпу
6. У створеному шарі "follower" малюємо білий круг без обведення. Розмір кола 25 × 25 пікселів. Конвертуємо створений коло в movie clip з наступними настройками: 7. Створеному кліпу призначимо ім'я "follower".
Створення скрипта ActionScript 3
8. Після того як ми все підготували в сцені, нам залишилося тільки додати скрипт, який змусить рухатися мувик за курсором миші. Створимо новий шар і назвемо його "actions" і в ньому додамо скрипт:
Тут ми просто слухаємо руху миші, і коли вона починає рухатися, ми рухаємо мувик в координати поточного положення миші. Ми використовуємо бібліотеку TweenMax, щоб зробити руху більш плавними і красивими. Щоб додати деяку розмитість, будемо використовувати наступний код.
Як легко побачити, вся анімація відбувається функціями down () і up (). Ми просто використовуємо послідовність цих функцій. На цьому наш flash ефект готовий. Завантажити исходник.
Залишайтеся на зв'язку
Читаючи цей сайт Ви даєте свою згоду на використання файлів Cookie. В іншому випадку покиньте цей сайт. погоджуюся