-Цитатник

Найди кота! или Как правильно спрятаться? - (5)

Ну очень улыбнуло!!!

Анимация формы во Flash(морфинг). - (5)

Анимация формы во Flash(морфинг) Морфинг отличается от предыдущих типов анимации тем,что работает...

Урок для Фотошоп " Закрываем глазки". - (11)

От меня добавка - Кисти для фотошоп "Ресницы" Вложение: 4167720_eyelashes.rar Смотреть зде...

Анимация частей картинки с помощью маски.Урок для Adobe Flash. - (2)

В комментариях к посту Использование анимированной маски в Adobe Flash.Урок ...

Текстовый скроллинг средствами флеш. - (0)

Текстовый скроллинг. Прокрутка текста средствами флеш. (Часть п...

 -Рубрики

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

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

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

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 02.09.2010
Записей: 709
Комментариев: 11273
Написано: 13505


Делаем флеш календарик в Adobe Flash (AS3).

Понедельник, 22 Декабря 2014 г. 08:00 + в цитатник
Цитата сообщения jzayka




Сегодня мы будем делать флеш календарик программно, используя класс Calendar.

Ccылкой на урок поделилась Татьяна_Волкова_Литвинова

Большая благодарность автору Урока за дополнительные пояснения))


В результате получим довольно симпатичный календарик.
Можно сделать с фоном ,как уменя ,можно на прозрачном фоне.




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


1.Создадим на компьютере папку для проекта.
Назовем "Проект календарик AS3 ".

1.1.Скопируем в нее документ класса Calendar.as из вложения в посту.


Вложение: 4151280_calendar.rar



2.Отроем программу и создадим документ Аs3.(Файл-Создать-ActionScript 3.0)

Размеры рабочей области могут быть любыми.В зависимости от вашего проекта.
У меня 350/400

3.Сохраним в созданную папку"Проект календарик AS3" (!Обязательное условие!)
под любым названием,например"календарик AS3".

В папке проекта у нас два файла


4.Создадим 2-ой слой для кода as
На 1-ом слое у нас будет фон.


На слое фон, инструментом прямоуголник я нарисовала фигуру по размеру рабочей области 350/400 с градиентной заливкой.
У вас это может быть картинка,ваша работа,все что хотите...))

5.В Свойствах укажем размеры рабочей области и выровняем по центру
инструментом Выравнивание.


6.Переходим на слой as откроем Панель Действия(F9)
Cкопируем код
code:

//импортируем класс
import Calendar;

//создаём экземпляр класса Calendar
var calendar:Calendar = new Calendar();
//добавляем на сцену
addChild(calendar);

//позиционируем календарь на сцене
calendar.x = 100;
calendar.y = 120;

//создаём объект Date
var d:Date = new Date();

//устанавливаем текущий месяц и год для нашего календаря

calendar.month = d.getMonth();
calendar.year = d.getFullYear();

//отрисовка календаря

calendar.Render();



Вот и все,календарик готов.
Покликайте по стрелочкам,которыми можно перемещаться по годам.
Текущая дата выделена.



Посмотрим как и что можно изменить в календарике.

Например,мы хотим расположить наш календарик выше,ниже..слева,справа..

Указывать место положения(позиционировать) будем изменяя значения х и y.
Значения x и y будут разными(в зависимости от размеров фона,на который вы хотите расположить и места, где вы хотите расположить..
Например:
при увеличении значения x,календарик будет сдвигаться вправо(и наоборот);
при уменьшении значения y,календарик сдвинется вверх(и наоборот)

Давайте разместим календарик в левом верхнем углу

Для этого скопируем код ,именив значения х=50;y=50
code:

import Calendar;

var calendar:Calendar = new Calendar();
addChild(calendar);

calendar.x = 50;

calendar.y = 50;

var d:Date = new Date();

calendar.month = d.getMonth();

calendar.year = d.getFullYear();

calendar.Render();


результат




В разделе Style Configurations внутри класса Calendar.as
можно менять шрифт, его размер и цвет.

Чтобы поменять цвет квадратиков,надо открыть внутри класса Calendar.as раздел Buttons



Если хотите оставить только стрелочки,меняем прозрачности заливки на "0"
и будет вот так



Изменяя значения выше указанных параметров и,применив фантазию, мы сможем видоизменять наши календарики .


А теперь увеличим масштаб календарика
В документе класса ,в соответствующих разделах, внесены изменения.
Применим другой шрифт,уменьшим размер ,поменяем цвета.


Уменьшим прозрачность окошек(0.3)

Копируем код.Открываем Панель Действия(F9)
code:

import Calendar;

var calendar:Calendar = new Calendar();
addChild(calendar);
//позиционируем
calendar.x = 35;
calendar.y = 70;
/*
скалируем
*/
calendar.scaleX = 2;
calendar.scaleY = 2;

var d:Date = new Date();

calendar.month = d.getMonth();
calendar.year = d.getFullYear();

calendar.Render();





На этом все! Успехов в творчестве!





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

Часть 1 - Цветочный шлейф за курсором
Часть 2 - Слайд-шоу в Aleo Flash Intro Banner Maker встроенным эффектом..)
...
Часть 19 - Реалистичный эффект падающего снега в Adobe Flash(AS3).
Часть 20 - Урок.Загружаем музыку в Adobe Flash c помощью библиотеки классов .
Часть 21 - Делаем флеш календарик в Adobe Flash (AS3).


Серия сообщений "Уроки Flash":
уроки в разных флешпрограммах, авторские уроки flash
Часть 1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Часть 2 - Как правильно записать код флешки или видео в рамочку для кодов.
...
Часть 42 - Загружаем музыку в Adobe Flash c помощью библиотеки классов.
Часть 43 - Флеш Радио «Новогоднее».
Часть 44 - Делаем флеш календарик в Adobe Flash (AS3).
Часть 45 - Текстовый скроллинг средствами флеш.
Часть 46 - Делаем флеш открытку с эффектом курсора «Mouse trailer». Урок для Adobe Flash CS6.
...
Часть 48 - Анимация частей картинки с помощью маски.Урок для Adobe Flash.
Часть 49 - Использование панели «Редактор движения» в Adobe Flash CS6.
Часть 50 - Анимация формы во Flash(морфинг).

Рубрики:  Flash/флеш-информеры,часики
Метки:  
Понравилось: 11 пользователям

Marina-Rozina   обратиться по имени Вторник, 23 Декабря 2014 г. 18:49 (ссылка)
Просто чудо, Мариночка! Спасибо за урок!
Ответить С цитатой В цитатник
шалмани   обратиться по имени шалмани Воскресенье, 22 Февраля 2015 г. 00:04 (ссылка)
Замечательный календарик получился.
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 25 Апреля 2018 г. 17:26ссылка
Спасибо в первую очередь за труд и за уроки.Всё очень понятно и подробно.
 

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

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

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

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