Прелоадер в Flash, Програми для роботи з графікою, Програмні керівництва, статті

1. Відкриваємо FLASH 5 (MX)


2. Зберігаємо новий файл з ім’ям “preloader.fla”


3. Намалюємо прямоугльнік, який буде служити нам фоном для текстового поля.


4. Створимо текстове поле. (Для цього виберемо в панелі інструментів інструмент “text tool”, намалюємо їм прямокутник деякої довжини, щоб в нього приблизно помістився потрібний текст шириною в 4-6 символів. Після зробимо на поле правий клік миші і в випадаючому меню виберемо panels> text options.


5. Віконці “Text Options” ми замінимо в спадному меню “static text” на “dynamic text” і в полі “Variable” впишемо назва – text


пояснення: ми створили динамічне текстове поле, якому тепер можна задавати властивості для відображення деяких змінних і привласнили йому ім’я-змінну (text) для звернення до цього поля по його імені.


6. Далі виділимо всі об’єкти в сцені (CNTR + A) і зробимо їх одним символом (F8> Movie CLip, просто Мувік) 7. На отриманому Movie Clip-e зробимо правий клік миші і виберемо “Actions”


8. Вписуємо код:


примітка: для того, щоб вводити вручну код, необхід режим експерта (expert mode) для цього треба клацнути мишкою у вікно і натиснути CNTRL + E.


сам код можна скопіювати звідси:


//————————————- onClipEvent (load) { tot = _root.getBytesTotal(); } onClipEvent (enterFrame) { loaded = _root.getBytesLoaded(); percent = loaded/tot*100; text=Math.floor(percent); text=text+”%” if(loaded >= tot){_root.gotoAndStop(2)} } //——————————–


пояснення до коду:


весь код всередині кліпу полягає у фігурні дужки {- відкриває,} – що закриває


————————


onClipEvent (load) – подія (event) кліпу яке спрацьовує в момент його повного появи в сцені tot – оголошуємо нову змінну


————————


_root – означає, що звернення до інших дій в рядку йде через основну сцену (_root)


————————


getBytesTotal () – функція, яка видасть нам загальна кількість байтів, де? … А там де напишемо … якщо ми пишемо _root.getBytesTotal (), значить ми отримаємо загальну кількість байтів всього _root-а, тобто повний розмір нашого ролика.


————————


onClipEvent (enterFrame) – подія (event) кліпу яке обробляється кожен раз коли програється новий кадр (пов’язано з ФПС, по-замовчуванню = 12 раз в секунду, змінити можна, натиснувши CNTRL + M)


————————


loaded – створюємо змінну, яка буде вважати завантажені байти і присвоюємо їй значення … _root.getBytesLoaded () – функція, видасть нам кількість вже завантажених байтів


————————


percent = – зробимо ще одну змінну, яка буде відповідати за відсотки


————————


loaded / tot * 100; – тут ми просто вирахуємо відсоток вже завантаженого від загальної кількості (шкільна формула).


————————


text=Math.floor(percent);


text – мінлива-ім’я текстового поля, яке вже лежить всередині нашого мувіка.


Math.floor (percent) – функція, округлює, укладена в дужки (percent) значення до найближчого цілого (наприклад: Math.floor (2.5) = 2)


————————


text = text + “%” – додаємо до змінної text ще один символ “%” в результаті отримаємо кругле число “percent” + “%”


————————


і завершить наш код умова


if(loaded >= tot){_root.gotoAndStop(2)}


[If] – якщо


[Loaded] – вже завантажені байти


[> =] – Більше-або-рівні


[Tot] – загальною кількістю байтів


[GotoAndStop (2)] – то переходимо до другого кадру


[_root.gotoAndStop (2)] – то переходимо до другого кадру в основній сцені.


————————


9. Ну, а тепер ми застромимо цей самий 2 кадр в основну сцену (виділимо в лінійці кадрів 2 кадр і натиснемо F7)


10. Помістимо в нього якусь фотографію, наприклад, для збільшення ваги всього ролика.


11. Протестуємо прелоадер.


Натискаємо CNTRL + ENTER один раз Натискаємо CNTRL + ENTER вдруге


процес пішов, чекаємо …


і тепер, як тільки прелоадер добіжить до 100%, він перестрибне на 2 кадр сцени, де нас вже чекає прекрасна муза (див. исходник) :).


в добавок:


Натискаємо CNTRL + B Тепер бачимо Bandwidth – профіль в якому видно покадрово, скільки всього важить кожен кадр сцени. А також видно біжать відсотки завантаження.


В меню debug> customize виставимо підходящу нам швидкість завантаження для тесту. І помилуємося трохи в тиші.


————————


Отриманий нами в результаті все, мувік можна просто копіювати в інші документи і він повинен також справно працювати.


————————


Невелика поправка до коду: для коректної роботи прелоадера необхідно все ж писати не loaded == tot (як на малюнку) а loaded> = tot (див. код)


————————


і ще одне – не забувайте в перший кадр сцени ставити this.stop ()!

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*