Умный мозг - блог о flash

Тематический прелоадер

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

Именно поэтому сегодня пойдет речь о том, как создать прелоадер (предзагрузчик), да не простой, а тематический, специально ко дню Святого Валентина.

Начнем-с.
1 Создайте новый документ, в качестве цвета для фона выберите белый.

2 Выбираем инструмент "карандаш" (Y), в опциях указываем "smooth".

3 Карандашом рисуем сердечки и заливаем их соответствующим образом.

4 Выделяем сердечки (Ctrl+A) и конвертируем их в Movie Clip (F8)

5 Делаем двойной щелчок по только-что созданному клипу и в кадре 100 жмем F5.
Создаем новый слой "progress bar".

6 С помощью инструмента Rectangle Tool (R) рисуем прямоугольник 80х15 рх и размещаем его так:

7 Конвертируем созданный прямоугольник в символ

8 В кадре 100 слоя "progress bar" нажимаем F6 и размещаем прямоугольник следующим образом:

9 Создаем Motion Tween, для чего в любом кадре текущего слоя кликните правой кнопкой мыши и выберите соответствующий пункт меню.

10 Создаем маску из слоя с прямоугольником

11 Создаем еще один слой и называем его "percent"

12 Создаем динамический текст чуть пониже сердечек

и присваиваем ему значение per

13 Вернемся на основную сцену и напишем там следующий код:

onClipEvent (load) {
	total = _root.getBytesTotal();
}
onClipEvent (enterFrame) {
	loaded = _root.getBytesLoaded();
	percent = int(loaded/total*100);
	per = ""+percent+"%";
	gotoAndStop(percent);
	if (loaded == total) {
		_root.gotoAndPlay(2);
	}
}

14 Создаем новый слой "loading" и, выбрав инструмент (T), пишем над сердечками "Загрузка..." Также добавьте stop(); в первый кадр главной сцены.

Исходник >>

P.S. Идея его, перевод мой.
P.P.S. Я уложился в 14 пунктов.. Символично

Новости в блогосфере:

1. Седьмое задание и новый батл на блоге битмейкеров.
2. На блоге активной женщины путешествия автостопом в несколько этапов.
3. Трудности и особенности кросс продажи на блоге для страховщиков.
4. Кто должен делать при дтп оформление документов - один из важных вопросов на блоге о страховке.