Actionscript 3 як зробити простий прелоудер (завантажувач) в adobe flash

Головна »Записи» ActionScript 3: Як зробити простий прелоудер (завантажувач) в Adobe Flash

ActionScript 3: Як зробити простий прелоудер (завантажувач) в Adobe Flash

Для будь-якого флеш-додатки (особливо для гри) немаленьких розмірів на ActionScript прелоудер (завантажувач) є досить важливим елементом проекту. Це те, що гравець і користувач бачить в першу чергу, коли запускає флеш-додаток. У цьому уроці в якості прелоудера будемо використовувати шкалу прогресу, тобто лінійний прелоудер.

Існують різні способи створення прелоудера, в цьому уроці розглянемо приклад внутрішнього прелоудера, створимо кадр, в якому запишемо код завантажувача.

Спочатку створимо новий документ ActionScript 3.

Після цього потрібно створити ще один кадр, де повинен буде знаходитися весь основний контент після завантаження. для цих цілей краще використовувати яке-небудь зображення великих розмірів.

Тепер давайте намалюємо два прямокутних квадрата, як показано на зображенні:

Далі конвертуємо їх в символи. Перший назвемо «bar». а другий «bg». Також необхідно у вікні «Convert to Simbol» задати ім'я класу для кожного символу, поставити галочку навпроти пункту «Export for ActionScript» і зняти вказівку з пункту «Export in frame 1». Після цього потрібно видалити зі сцени ці об'єкти, так як ми будемо створювати їх програмно в коді на основі символів, що знаходяться в бібліотеці.

У двох створених символах в бібліотеці необхідно відрегулювати положення квадратів в них.

Для цього двічі натисніть мишею на символ. Додайте квадрат наступним чином:

На другий кадр поміщаємо яке-небудь зображення великих розмірів.

Також дуже важливо, щоб перший кадр, в якому буде розміщений код прелоудера, був порожнім, тобто щоб не містив ніяких графічних об'єктів і звуків. Прелоудер почне роботу тільки після того, як завантажиться вміст першого кадру на сцені. Для цього ми і прибирали пункт «Export in frame 1» при створенні символів.

Отже, вибираємо перший кадр і додаємо в нього наступний код:

Розберемо код для роботи прелоудера. Спочатку потрібно, щоб сталася зупинка на першому кадрі, для чого пишемо команду stop (); і створюємо два об'єкти на основі символів з бібліотеки. Відразу розміщуємо їх в центрі. Після чого додаємо обробник події enter_frame. який буде запускатися кожен раз під час оновлення кадрів. У функції обробника отримуємо дані про загальну кількість завантажених даних в байтах і про те, скільки всього необхідно завантажити даних. Для об'єкта bar_mc присвоюємо довжину відповідно до завантаженими даними. Потім перевіряємо, якщо завантажені дані рівні загальної кількості даних, то прибираємо об'єкти прогрес-бару, прибираємо обробник подій і переходимо до наступного кадру.

Для того, щоб перевірити прелоудер, краще запустити його з самого середовища розробки Adobe Flash. Натисніть ctrl + Enter. щоб запустити флеш-додаток. У вікні виберіть у меню View пункт Simulate Downloading. а в пункті Download Settings виберіть потрібну швидкість завантаження.

Ви можете завантажити вихідні тут.

Дивіться також:

ActionScript 3: Створення анімації за допомогою класу Tween

AdobeFlash: Програмні ефекти анімації руху, масштабування, обертання об'єкта і інше за допомогою функції ActionScript3 sin ()