-Рубрики

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

Поиск сообщений в Jorjorych

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 11.07.2013
Записей: 1657
Комментариев: 21887
Написано: 29188


Секундная стрелка "выстреливает" секунды. AS3. Урок 5.

Пятница, 02 Октября 2015 г. 18:38 + в цитатник


Если кликать на флешку ...

Рассказ о том, как делать секундную стрелку, выстреливающую секунды-цифры:

1. На первой гифке - повтор создания цифрового секундного таймера. Об этом смотрите урок 1 и урок 2. Скрипт есть во вложении.

5_1.gif

Создали секундный таймер, перенесли на монтажный кадр, просмотрели. Работает? Удаляем с монтажного кадра. Сможем вернуться к редактированию впоследствии (при необходимости) - изменить шрифт, цвет, добавить фильтры ...

2. Создаём новый ролик, в котором будем анимировать секундный таймер - =сек_ан=. Из библиотеки переносим на поле символ =сек=, выравниваем по центру. (Названия символов в библиотеке не имеют значения, просто для порядка). Кликаем правой кнопкой мыши по экземпляру =сек= и выбираем "Создать анимацию движения" (подглядывать в Урок 2). Передвигаем экземпляр на какое-то расстояние вверх. Точнее отредактируем потом (п.  5). Переносим на монтажный кадр для просмотра. Всё в порядке? Удаляем с кадра.

5_2.gif

3. Опять создаём новый символ - фрагмент ролика - =стрелка=. Импортируем цветок для секундной стрелки: Ctrl + R и выбираем цветок (или ...). Создаём ещё один слой и помещаем символ "сек_ан", который содержит символ "сек". Помещаем примерно как показано на гифке. Преобразовываем и помещаем как необходимо. Переносим на монтажный кадр, смотрим. Работает? Удаляем с кадра.

Внимание, уточнение: совместите крестик не с нижней центральной точкой рамки, а с кончиком цветка - это и будет центром вращения цветка-стрелки. Помогут стрелки на клавиатуре. Можно редактировать это и потом, но можно и запутаться.

5_3.gif

4. Создаём четвёртый ролик, в котором и будем создавать секундную стрелку. Вернее, стрелка создана, но теперь пропишем код (скрипт) для её движения согласно инструкции класса "Date" . Нам не нужно создавать класс "Date", он содержится в среде флеш, нам только намекнуть, что нужно крутить стрелку, указывая текущее время в секундах

Итак, переносим символ =стрелка= на поле ролика =сек_ан=. Совмещаем кончик стебелька с крестиком. Создаём ещё слой для скрипта и, в панельке "Действия" прописываем код (есть во вложении):

addEventListener(Event.ENTER_FRAME, clocks);
function clocks(e:Event):void
   {
    var date:Date = new Date();
     var sec:Number = date.getSeconds();
     /*var ms:Number = date.getMilliseconds();*/
     sec_mc.rotation = sec * 6/* + (ms/(1000/6))*/;
   }

А в панельке "Свойства", при выделенном на поле символе "стрелка", прописываем имя =sec_mc=

!Примечание: если убрать комменты в коде (/* и */), то стрелка будет вращаться плавно!

Переносим на монтажный кадр для проверки работы секундной стрелки. Уменьшим размер и помещаем "хвостик" цветка примерно в центр кадра. Запуск: Ctrl + Enter. Работает?! Но совсем некрасиво. Поработаем ещё!

5_4.gif

5. Отредактируем "выстреливание" цифровой секунды, то есть ролик =сек_ан=: двойной клик по символу в библиотеке. Чтобы выстреливание было дальше (или ближе), стоя на 24-м кадре анимации, передвигаем символ ещё выше (или ниже). 

Теперь ставим курсор на временной шкале где-то по середине линии анимации, кликаем правой кнопкой мыши  и выбираем "Вставить ключевой кадр > все". Кадр появился с теми же храктеристиками, что и первичный. Стали на первый кадр, выделяем экземпляр символа на поле (кликаем на прямоугольник с цифрами) и, в панельке "Свойства" > Цветовой эффект > Стиль > Альфа-канал задаём непрозрачность = 0%. То же повторяем и для 24-го кадра.

5_5.gif

6. Редактируем и символ "сек": двойной клик по символу "сек" в библиотеке. Добавим тень шрифту. Для этого выделили прямоугольник с цифрами на поле, открываем панель "Свойства", последний раздел "Фильтры" и по иконке выбираем "Тень" (на гифке не видно. ). Можете поиграть с настройками, другие фильтры и прочее.

5_6.gif

Должно получиться примерно так:


В эпиграфе  урока совсем скромный пример использования этих приёмов.

До следующего!

Вложение: 4944993_urok5.rar

Серия сообщений "МАСТЕРСКАЯ ФЛЕШ .":
Часть 1 - Уроки флеш от Demiart forum.
Часть 2 - Мастерская флеш открыта! Добро пожаловать!
...
Часть 5 - Вращение во флеш. Урок 3.
Часть 6 - Падают листья_секунды. Урок 4.
Часть 7 - Секундная стрелка "выстреливает" секунды. AS3. Урок 5.
Часть 8 - Листопад отсчитывает мгновения. Урок 6.
Часть 9 - Эффект отражения на шкале времени. Урок 7.

Метки:  

Процитировано 24 раз
Понравилось: 26 пользователям

Нина_Гуревич   обратиться по имени Пятница, 02 Октября 2015 г. 19:00 (ссылка)
СУПЕР, очень понравилось!!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 02 Октября 2015 г. 19:38ссылка
Добрый вечер, Нина. Спасибо!
НАДЕЖДА_БЫКОВСКИХ   обратиться по имени Пятница, 02 Октября 2015 г. 19:03 (ссылка)
Спасибо Георгий за прекрасные уроки!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 02 Октября 2015 г. 19:36ссылка
Успеха в творчестве!
LiSu   обратиться по имени Пятница, 02 Октября 2015 г. 19:10 (ссылка)
Эффект замечательный, спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 02 Октября 2015 г. 19:35ссылка
Вроде как и сам стал всё лучше понимать!
Нина36   обратиться по имени Пятница, 02 Октября 2015 г. 19:12 (ссылка)
Доброго вечера Георгий! Ух ты как здорово,просто прелесть.Спасибо большое!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 02 Октября 2015 г. 19:34ссылка
Доброго вечера, Нина!
Татьяна_Волкова_Литвинова   обратиться по имени Пятница, 02 Октября 2015 г. 19:22 (ссылка)
Спасибо, Георгий, за подробный урок! Я остановилась на цветке с секундами. Дальше не смогла сделать. У меня цветок вращался, секунды отсчитывались без движения. Потом получилось, что они отстреливались по прямой вверх, но вращаться с цветком не захотели. Наконец-то теперь сделаю как должно быть. Огромное спасибо. Цитирую
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 02 Октября 2015 г. 19:34ссылка
Мне важно знать доходчивость уроков через гифки. Мне это немного проще создавать, а вот как они воспринимаются?
Перейти к дневнику

Пятница, 02 Октября 2015 г. 19:39ссылка
Георгий, привет! Все нормально и мне нравится уроки с гиф. Я еще завтра внимательно посмотрю этот урок. Единственное, что мне бросилось в глаза, это повтор предыдущих уроков. Считаю, что достаточно указать ссылку на урок. А чем ты еще порадуешь?
Перейти к дневнику

Пятница, 02 Октября 2015 г. 19:48ссылка
Часовая тема довольно объёмная, есть ещё аналоговые, затем озвученные часы(с тиканьем), электронные ... Листопад-снегопад... Второй блок по музыкальным открыткам... Ну а в общем - откликнусь на просьбы!
Перейти к дневнику

Пятница, 02 Октября 2015 г. 19:52ссылка
Георгий, если можно ... листопад-снегопад!!! Сейчас же осень, а там и зима не за горами. Спасибо.
Любовь_Терехова   обратиться по имени Пятница, 02 Октября 2015 г. 19:44 (ссылка)
Георгий большое спасибо за подробный урок!
Ответить С цитатой В цитатник
Перейти к дневнику

Пятница, 02 Октября 2015 г. 19:49ссылка
Если где-то непонятно - дайте знать.
ВАТ   обратиться по имени Пятница, 02 Октября 2015 г. 23:22 (ссылка)
Георгий, очень интересный результат!
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 03 Октября 2015 г. 11:53ссылка
Я не старался делать флешку, просто хотел показать как это делать. Удалось ли?
эжейни   обратиться по имени Суббота, 03 Октября 2015 г. 00:14 (ссылка)
Какая красота - ЭТИ ЧАСИКИ !!! Спасибо за Ваш труд. Цитирую.
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 03 Октября 2015 г. 11:55ссылка
Евгения, здравствуйте! Спасибо, забирайте. Не жалко, ещё нарисую ...
Перейти к дневнику

Суббота, 03 Октября 2015 г. 13:41ссылка
Вы - настоящий Художник !!!
Перейти к дневнику

Суббота, 03 Октября 2015 г. 20:21ссылка
Да нет, только учусь.
Перейти к дневнику

Суббота, 03 Октября 2015 г. 22:40ссылка
У Вас очень красиво получается !
alexander2012   обратиться по имени Суббота, 03 Октября 2015 г. 08:14 (ссылка)
Георгий, привет! Просмотрел твои уроки, но...увы не фига не понял...так пока и топчусь на одном месте....
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 03 Октября 2015 г. 11:52ссылка
Привет, Саша! Топчись ... или даже делай шаг назад, чтобы разгон взять!
Запусти программу, возьми любой урок (я начинал с цифровых часиков) и мучай программу и себя. Если знаешь фотошоп, то с флеш прогой легче справиться. А я всегда поделюсь чем умею.
Перейти к дневнику

Суббота, 03 Октября 2015 г. 12:56ссылка
Спасибо Георгий, надо мне понять логику, последовательность, а дальше разберусь.
Перейти к дневнику

Суббота, 03 Октября 2015 г. 20:08ссылка
Посмотри это, только что загрузил в хранилище:
https://cloud.mail.ru/public/HBU7/SeCG6y1zw

Если есть что-то понятное и полезное выложу постом для всех.
Перейти к дневнику

Суббота, 03 Октября 2015 г. 20:25ссылка
Георгий, спасибо скачаю, посмотрю потом тебе скажу.
Перейти к дневнику

Суббота, 03 Октября 2015 г. 20:29ссылка
Да там 40 видеороликов, можешь смотреть прямо там, не закрою ссылку. Разве что имеется своё хранилище в облако
Перейти к дневнику

Суббота, 03 Октября 2015 г. 20:33ссылка
Я уже почти скачал. СПАСИБО!!!!
Grif-studio   обратиться по имени Суббота, 03 Октября 2015 г. 09:38 (ссылка)
Спасибо, за урок!
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 03 Октября 2015 г. 11:57ссылка
Надеюсь на пользу?!
nadmirchik   обратиться по имени Суббота, 03 Октября 2015 г. 10:04 (ссылка)
Спасибо большущее!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 03 Октября 2015 г. 11:57ссылка
Пользуйтесь на здоровье!
Татьяна_НК   обратиться по имени Суббота, 03 Октября 2015 г. 10:30 (ссылка)
Георгий, Спасибо! очень интересный Урок!
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 03 Октября 2015 г. 11:59ссылка
Привет, Таня! Пока мне интересен флеш, поделюсь, чем умею.
Sobirayu_vinograd   обратиться по имени Суббота, 03 Октября 2015 г. 23:02 (ссылка)
Благодарю, Георгий.
Всего доброго!
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 03 Октября 2015 г. 23:12ссылка
Спасибо! И Вам всех благ!
Mono-Liza   обратиться по имени Воскресенье, 04 Октября 2015 г. 05:24 (ссылка)
Спасибо, Георгий! Но скоро сказка сказывается, да не скоро дело делается. Мне только недавно с помощью сына удалось установить программу, но не по Вашей ссылке, там ничего не получилось, зависала и все тут. Но сейчас установили, вернее сын установил с другой подачи. Теперь можно приступать к учебе. В общем работы много, так, что уроки я буду брать, вернее складывать и потихоньку топтаться, как выше сказал ваш товарищ. Спасибо за ваши уроки!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 04 Октября 2015 г. 12:44ссылка
Желаю творческого вдохновения!
Непонятно почему программа не открылась, у других открывается.
Татьяна_Козырева   обратиться по имени Воскресенье, 04 Октября 2015 г. 16:46 (ссылка)
Георгий! Хороший урок! Надо и мне сдвинуться с места и попробовать. Большое спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 04 Октября 2015 г. 17:45ссылка
Буду рад компании!
koreckolga   обратиться по имени Воскресенье, 04 Октября 2015 г. 21:29 (ссылка)
Спасибо, Георгий, за твой труд и интересный урок!
Доброго вечерочка, отличного настроения тебе!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 05 Октября 2015 г. 00:04ссылка
Буду рад увидеть прелестные работы!
Mirosslava   обратиться по имени Вторник, 11 Апреля 2017 г. 17:32 (ссылка)
Спасибо большое за уроки!!!
Ответить С цитатой В цитатник
Перейти к дневнику
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку