Текст за курсором в Adobe Flash(AS3).Урок.

Вторник, 14 Октября 2014 г. 05:09 + в цитатник

Цитата сообщения jzayka

Прочитать целиком В свой цитатник или сообщество!

Продолжаем разбирать возможности Панели Фрагментов кода в Adobe Flash СS6.
Урок будет состоять из 2-х частей.
1-ая часть"Пользовательский курсор мыши"
Здесь мы будем делать свой курсор мыши из статичного объекта.
2-ая часть"Текст за курсором"
В этой части урока мы будем делать эффект движения текста за курсором.
В конце урока я так же коротко расскажу как использовать анимировнный объект.

Итак,1-ая часть"Пользовательский курсор мыши"

1.Создадим папку,куда будем сохранять файлы,необходимые для работы.Назовем ее "Пользовательский курсор мыши"
2.Откроем программу.
3.Создадим документ.fla (AS3)
Назовем его "Пользовательский курсор".
Сохраним в созданную папку.
Теперь нам нужен объект,который будет заменять обычный курсор.
Им может быть как статичный,так и анимированный объект.

Создадим курсор из букетика листьев клена.

Для этого импотрируем его в библиотеку.

4.Перетаскиваем из библиотеки в рабочую область

5.Преобразуем в символ -фрагмент ролика
Правой кнопкой мыши по картинке-Преобразовать в символ

В открывшемся окне пишем любое имя.
У меня это "курсор"
Тип-Фрагмент ролика.Жмем -ОК

7.Выделяем инструментом Стрелка(V)
В Свойствах присваиваем имя cur

В Библиотеке должно быть так

6.Открываем Панель Фрагменты кода через значек или через Верхнее меню(Окно-Фрагменты кода)
Раскрываем папку Действия,выбираем из списка Пользовательский курор мыши.

7.Жмем на значек справа рядом со строкой.
В открывшемся окне жмем Вставка

На Временой шкале у нас появился новый слой.

Смотрим ,что у нас получилось..
Начинаем водить мышкой и видим вместо привычной стрелочки листики .

Переходим к 2-ой части урока "Текст за курсором"

Добавим на рабочее поле на нижний слой картинку с осенним пейзажем.
Поменяем размеры рабочей сцены 800/500
Это размеры моей картинки (вы выставляете свои)

Выравниваем по центру(горизонтально и вериткально) инструментом Выравнивание.

Слои переименуем

Откроем папку с проектом,скопируем из вложения к посту в нее
файл JelenaTextFlow.as
(@author samana)

В папке теперь должно быть так

В документе JelenaTextFlow.as можно отредактировать настройки текста.
Откройте файл из папки(Файл-Открыть-укажите папку "Пользовательский курсор",куда вы скопировали это файл.Находите там JelenaTextFlow.as

Здесь ,при необходимости будем редактировать настройки текста.

Не забывайте сохранять изменения в документе .fla .
Заменили что-то ,жмите Сохранить(Файл-Сохранить).
Чтобы все изменения сохранились в документе.
После внесения изменений, файл JelenaTextFlow.as
можно закрыть.
Встаем на слой Actions.Окрываем Действия(F9)
В строке 21 пишем следующий код(или копируем из вложения к посту):
=======
var textFlow:JelenaTextFlow = new JelenaTextFlow();
textFlow.spliteText("Ваш текст", 0.5);
addChild(textFlow);

addEventListener(Event.ENTER_FRAME, enterFrame);
function enterFrame(e:Event):void
{
textFlow.move(mouseX, mouseY);
}
========
В строке
textFlow.spliteText("Ваш текст", 0.5);
вводим свой текст

Двигаем мышкой.Смотрим,что получилось.

.

Коротко..как сделать курсором анимированный объект..

Для этого в документе.fla создайте символ(Вставка-Создать символ).
Загрузите в рабочую область символа анимашку.
Перейдите на основную сцену.
Перетащите из Библиотеки на сцену символ анимашки.
В Свойствах напишите любое имя латиницей.
Откройте Фрагменты кода и дальше все как со статичным изображением в пунктах
6,7.
Здесь я использовала в качестве курсора анимированную рыбку.

Вот и все..Успехов в творчестве!
Если возникнут вопросы,спрашивайте.

Серия сообщений "Мои уроки":

Часть 1 - Цветочный шлейф за курсором
Часть 2 - Делаем снегопад в SWFQuicker..)
...
Часть 13 - Как создать и наложить маску определенной формы на видео в Adobe Flash.Урок.
Часть 14 - Использование анимированной маски в Adobe Flash.Урок
Часть 15 - Текст за курсором в Adobe Flash(AS3).Урок.

Серия сообщений "Уроки Flash":
уроки в разных флешпрограммах, авторские уроки flash
Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 30 - Движение по заданной траектории. Урок для Adobe Flash.
Часть 31 - Урок листопада в Adobe Flash на AS3.
Часть 32 - Текст за курсором в Adobe Flash(AS3).Урок.
Часть 33 - Урок.Эффект "Ripple" (волна)в Adobe Flash(AS3).
Часть 34 - Полноэкранный просмотр на AS2 и AS3 в Adobe Flash.
...
Часть 48 - Анимация частей картинки с помощью маски.Урок для Adobe Flash.
Часть 49 - Использование панели «Редактор движения» в Adobe Flash CS6.
Часть 50 - Анимация формы во Flash(морфинг).

<a href="https://www.liveinternet.ru/users/novprospekt/post339955636/">РўРµРєСЃС‚ Р·Р° РєСѓСЂСЃРѕСЂРѕРј РІ Adobe Flash(AS3).РЈСЂРѕРє.</a><br/>РџСЂРѕРґРѕР»Р¶Р°РµРј СЂР°Р·Р±РёСЂР°С‚СЊ РІРѕР·РјРѕР¶РЅРѕСЃС‚Рё РџР°РЅРµР»Рё Р¤СЂР°РіРјРµРЅС‚РѕРІ РєРѕРґР° РІ Adobe Flash РЎS6.
РЈСЂРѕРє Р±СѓРґРµС‚ СЃРѕСЃС‚РѕСЏС‚СЊ РёР· 2-С… С‡Р°СЃС‚РµР№.
1-Р°СЏ С‡Р°СЃС‚СЊ"РџРѕР»СЊР·РѕРІР°С‚РµР»СЊСЃРєРёР№ РєСѓСЂСЃРѕСЂ РјС‹С€Рё"
Р—РґРµСЃСЊ РјС‹ Р±СѓРґРµРј РґРµР»Р°С‚СЊ СЃРІРѕР№ РєСѓСЂСЃРѕСЂ РјС‹С€Рё РёР· СЃС‚Р°С‚РёС‡РЅРѕРіРѕ РѕР±СЉРµРєС‚Р°.
2-Р°СЏ С‡Р°СЃС‚СЊ"РўРµРєСЃС‚ Р·Р° РєСѓСЂСЃРѕСЂРѕРј"
Р’ СЌС‚РѕР№ С‡Р°СЃС‚Рё СѓСЂРѕРєР° РјС‹ Р±СѓРґРµРј РґРµР»Р°С‚СЊ СЌС„С„РµРєС‚ РґРІРёР¶РµРЅРёСЏ С‚РµРєСЃС‚Р° Р·Р° РєСѓСЂСЃРѕСЂРѕРј.
Р’ РєРѕРЅС†Рµ СѓСЂРѕРєР° СЏ С‚Р°Рє Р¶Рµ РєРѕСЂРѕС‚РєРѕ СЂР°СЃСЃРєР°Р¶Сѓ РєР°Рє  РёСЃРїРѕР»СЊР·РѕРІР°С‚СЊ Р°РЅРёРјРёСЂРѕРІРЅРЅС‹Р№ РѕР±СЉРµРєС‚.

РС‚Р°Рє,1-Р°СЏ С‡Р°СЃС‚СЊ"РџРѕР»СЊР·РѕРІР°С‚РµР»СЊСЃРєРёР№ РєСѓСЂСЃРѕСЂ РјС‹С€Рё"

1.РЎРѕР·РґР°РґРёРј РїР°РїРєСѓ,РєСѓРґР° Р±СѓРґРµРј СЃРѕС…СЂР°РЅСЏС‚СЊ С„Р°Р№Р»С‹,РЅРµРѕР±С…РѕРґРёРјС‹Рµ РґР»СЏ СЂР°Р±РѕС‚С‹.РќР°Р·РѕРІРµРј РµРµ "РџРѕР»СЊР·РѕРІР°С‚РµР»СЊСЃРєРёР№ РєСѓСЂСЃРѕСЂ РјС‹С€Рё" 
2.РћС‚РєСЂРѕРµРј РїСЂРѕРіСЂР°РјРјСѓ.
3.РЎРѕР·РґР°РґРёРј РґРѕРєСѓРј... <a href="https://www.liveinternet.ru/users/novprospekt/post339955636/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Анна_Е_Д обратиться по имени Вторник, 14 Октября 2014 г. 09:18 (ссылка)

спасибо, попробую сделать!!

Ответить С цитатой В цитатник

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Цитатник

-Метки

-Рубрики

-Поиск по дневнику

-Подписка по e-mail

-Статистика

Текст за курсором в Adobe Flash(AS3).Урок.