Цифровые часики в Adobe Flash(AS2,AS3).

Воскресенье, 22 Июня 2014 г. 05:14 + в цитатник

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

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

Цифровые часики в Adobe Flash(AS2,AS3).

Будем делать цифровые часики используя AS2 (AS3).
Думаю ,что это мечта каждого,кто только начал осваивать флеш.Уроков в сети много,на сайте тоже есть. Мне понравился этот Урок.
На мой взгляд очень простой.
Добавила свои пояснения и скрины.Уверена,что вы легко справитесь.

Подготовительная работа абсолютно одинакова(для AS2,AS3).
Можно начинать работу в любом документе(AS2 или AS3) ,потом применить соответствующий код.

Вот ,что у нас должно получится.

Часики,сделанные с применением AS3 пригодятся для украшения наших работ,сделанных с применением AS3(эффект"боке",рандомный и т.д)...

Для тех ,кто будет использовать в программе Aloe для украшения работ,делайте часики созданные с применением AS2.

Если вы хотите сделать просто часики,используйте любой код.Коды ниже в уроке и во вложении к посту.

1.Откроем программу и создадим новый документ ActionScript3 или ActionScript2.

Рассмотрим на примере ActionScript2.
Можете назвать как хотите.Я назову "часики as2".Сохраним.(Файл-сохранить как).
Размеры рабочей сцены на свое усмотрение.У меня 170/100.

2.Создадим в рабочей области текстовое поле.
В Свойствах , выбираем Динамический текст, размер шрифта ставим например: 24, цвет текста коричневый, выравнивание текста по центру,поведение-однострочный(чтобы текст отображался одной строкой).
Вы можете выбрать другие размеры ,шрифт и цвет.

Внедряем шрифт.Ставим галочки как на скрине.

Вводим символы.

3.Теперь приукрасим наши часики.Можно и не делать этого.
Тогда пропустите этот шаг и продолжите с пункта 5.

4.Выделяем инструментом Стрелка текстовое поле.Идем во вкладку Фильтры.Если у вас эта вкладка свернута,нажмите на треугольничек.

Жмем на значек(см скрин).Откроется список фильтров.
Выберем свечение,тень..или что-то одно.
Чтобы выбрать жмем на значек и выбираем нужный
Я выбрала тень с такими настройками.Поиграйте с настройками.

Со свечением мне не понравилось.Удалила этот фильтр.
Как удалить см. на скрине.

5.Проверили,если все устраивает,удалим символы внутри текстового поля.
Выделяем -жмем delete.

6.Выделяем текстовое поле инструментом Стрелка,выравниваем .

7.В панели Свойства пишем имя clock.

8.Создадим новый слой.Назовем AS.
Выбираем единственный кадр в этом слое.

9.Откроем панель для написания кода Действия(F9).
Вводим скопированный ниже код AS2.(Если документ AS3,вводим код AS3)

===========
код AS2:

onEnterFrame = function () {
// создаём объект класса Date
var d:Date = new Date();
// получаем текущее время в часах в виде строки
var h:String = d.getHours().toString();
// получаем текущее время в минутах в виде строки
var m:String = d.getMinutes().toString();
// получаем текущее время в секундах в виде строки
var s:String = d.getSeconds().toString();
// если длина строки меньше двух символов, то добавляем в начало этой строки "0"
if (h.length<2) {
h = "0"+h;
}
if (m.length<2) {
m = "0"+m;
}
if (s.length<2) {
s = "0"+s;
}
// присваиваем текущее время текстовому полю clock
clock.text = h+":"+m+":"+s;
};
================

код AS3:

addEventListener(Event.ENTER_FRAME,myclock);
function myclock(event:Event):void
{
var d:Date = new Date();
var h:String = d.getHours().toString();
var m:String = d.getMinutes().toString();
var s:String = d.getSeconds().toString();
if (h.length < 2)
{
h = "0" + h;
}
if (m.length < 2)
{
m = "0" + m;
}
if (s.length < 2)
{
s = "0" + s;
}
clock.text = h + ":" + m + ":" + s;
}
============

Тестируем(CTRL+ENTER).
Применила другой цвет к шрифту.

Сохраняем работу(Файл-Сохранить)
Экспортирум(Файл-Экспорт-Экпотрировать ролик)

Вот и все!Желаю успехов!

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

Часть 1 - Цветочный шлейф за курсором
Часть 2 - Делаем снегопад в SWFQuicker..)
...
Часть 9 - Делаем эффект "Боке" в Adobe Flash.
Часть 10 - Кнопка-плеер в Adobe Flash.
Часть 11 - Цифровые часики в Adobe Flash(AS2,AS3).

Серия сообщений "уроки":
Часть 1 - УРОК -ДЕЛАЕМ ФЛЕШКУ
Часть 2 - Как нанести плавающие объекты на картинки? (Урок 2)
...
Часть 28 - Цветочный шлейф за курсором
Часть 29 - Цветочный шлейф за курсором - урок № 2
Часть 30 - Цифровые часики в Adobe Flash(AS2,AS3).
Часть 31 - Как взять адрес флешки и сгенерировать код
Часть 32 - Флэш анимация своими руками
Часть 33 - Программное вращение 3-d во флеш. Action Script 3.
Часть 34 - Как наложить ФЛЕШ на прозрачном фоне, на любую картинку