Flash ефект - курсора на мишката - основния екран

Главна View - Piggy разработчик. Всичко, свързано с проектирането, разработването и създаването на сайтове

Главна View - блог за дизайн, уеб дизайн и уеб разработки. Ако се развиват уеб сайтове, или се интересуват от уеб дизайн и дизайн само на нещата около нас, или просто се интересувате от теми, уеб дизайн и уеб разработки, този блог ще ви бъде много полезен. От блога може да намерите статии, ревюта, уроци и още много други.

Тази флаш урок, вижте как да се направи много прост филм (Movie Clip) да се движи курсора на мишката. Flash движение ефект на мишката е много лесно да се промени и да направи каквато и да е премести клип на курсора обект филм. Забележка: За този урок трябва TweenMax библиотека.

Как изглежда

създаване на документи

1. Създайте нов Flash ActionScript 3 документа. 2. Настройте размера на документа 400h300 пиксела и скорост 30 кадъра в секунда.

Създаване на фон.

3. Изберете инструмента правоъгълник и да създадете правоъгълник с размер 400 х 300 пиксела, без инсулт. тя бе подравнен към центъра на сцената хоризонтално и вертикално. 4. Добавете радиалните попълнете нашата правоъгълник (ляв цвят: # 00CCFF, точно цвят: # 000000)

A нов слой за клипа под курсора

5. Създайте нов слой и го наречете "последовател".

Създаване на видео

6. В създадения слой "последовател" направи бял кръг с не инсулт. гама размери от 25 х 25 пиксела. Конвертиране създадете кръг в един видеоклип, със следните настройки: 7. Създаване на клип, за да зададете име "последовател".

Създаване на ActionScript 3 скрипт

8. След като ние сме подготвили всичко в сцената, ние трябва само да добавите скрипт, който ще направи филма се премести курсора на мишката. Създайте нов слой и го кръстете "действия" и ще добави сценария:

Ето, ние просто слушате движение на мишката, и когато тя започва да се движи, ние се движат на филма за координатите на текущата позиция на мишката. Ние използваме TweenMax библиотека да направи движението по гладка и красива. За да добавите малко размазване, ние използваме следния код.

Както можете да видите, всичко, анимацията е направено функция надолу () и нагоре (). Ние просто използвайте последователността на тези функции. В същото време, нашата флаш ефект е готова. Изтеглете изходния код.

Останете Свързани

С четене този сайт, вие се съгласявате с използването на Cookie файлове. В противен случай оставете този сайт. Съгласен съм