Часы цифровые. Урок 1 |
Некое обобщение часовой тематики во флеш. И не только.
Сохраните гифку на компьютер (правой кнопкой - сохр...) и просматривайте в плеере, останавливая, по необходимости, в нужных местах.
Пояснения к уроку:
1. Создать документ AS3, размеры не важны, можно по умолчанию.
2. Создать два слоя, именовать для порядка. (можно и на одном слое, но неудобно будет в дальнейшем редактировать необходимое).
3. На нижнем слое инструментом Текст - "Т" создать текстовое поле. Цифры печатаем для визуальной проверки размеров текстового поля, семейства шрифта, цвета, размера, В конце работы цифры с поля можно (нужно) удалить.
4. Открыть панель "Свойства" (текстовое поле выделено!). Главное: Выбрать текст динамический, задать имя time, внедрить! Внедряем цифры и пунктуацию, а можно =Все=. Для "Только секунд, минут, часов" внедрить нужно только цифры. Остальные свойства по пункту 3 на Ваше усмотрение.
5. Активировать верхний слой (AS), открыть панель действия и писать (вставить) код соответствующий. Для часов без миллисекунд текстовое поле =00 00 00=, а для только секунд, или минут, или часов - =00=. Подогнать размеры текстового поля соответственно.
addEventListener(Event.ENTER_FRAME, clock);
function clock(e:Event):void {
var date:Date = new Date();
var ms = date.getMilliseconds();
var sec = date.getSeconds();
var min = date.getMinutes();
var hour = date.getHours();
if (ms<100) {
ms = "0"+ms;
}
if (sec<10) {
sec = "0"+sec;
}
if (min<10) {
min = "0"+min;
}
if (hour<10) {
hour = "0"+hour;
}
time.text = hour+":"+min+":"+sec+":"+ms;
}
Все коды и гифка есть во вложении к посту.
Пока всё. В следующем уроке будем анимировать часики. Пишите в комментариях о своих успехах, продемонстрируйте. И о проблемах также.
Серия сообщений "МАСТЕРСКАЯ ФЛЕШ AS3.":
Часть 1 - Мастерская флеш открыта! Добро пожаловать!
Часть 2 - Часы цифровые. Урок 1.
Рубрики: | уроки флеш |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |