SlideShare a Scribd company logo
1 of 1
Флеш-прелоудер
Мої вітання.У цьомудописі йтиметьсяпроте,як зробитипрелоудерзадопомогоюФлеш. Я покажу,
як це зробитина прикладі AS3.0, але,якщокомусь требау AS2.0, то згодом тежможу зробити таке
видиво.
1. Створюємодокументу AS3.0 з потрібноюшириноютависотою.У моємувипадкувін 500
пікселівзавширшкита400 заввишки.
2. Шар,що існує,називаємо“AS”(тутбуде наш ActionScript)
3. Робимоще два шари і називаємоїх “lpc” (тутбуде динамічнийтекст) і “lbar” (тутбуде
покажчик).
4. На шарі “lbar”малюємомайбутнійпокажчик(прямокутникзобвідкоютазаливкоюз різними
кольорами).
5. Клацаємона заливці прямокутникаправоюклавішеюмиші і перетворюємойогонамувікліп.
Називаємо його “lbar”.Точка реєстраціїповиннабути ліворучуцентрі.
6. Натикаємона щойно створениймувікліпі упараметрі «Instance Name» такожназиваємойого
“lbar”.
7. Переходимонашар “lpc”і малюємотутдинамічне текстове поле.
8. Вирівнюємойогопоцентруі розташовуємодесьпід нашим покажчиком.
9. Називаємо це поле “lpc”.
10. Переходимодошару “AS”, натискаємона першийкадр і відкриваємопанель “Actions”(F9).
11. Тут вставляємозапропонованийкод.
12. Знову йдемодо часової шкали і тут створюємоще один шар.Називаємо його “main”.Робимо
першийкадр порожнім,адругий ключовим.Уцей кадр можна вставлятиосновний вміст.
Тобтоте, відсотокзавантаженнячого має показуватинашпокажчик.
13. Я простона другому кадрі розташуюзображення.
14. Теперможнакомпілювати .swf файл (ctrl+Enter).
15. Оскількина Вашомукомп’ютері усе вантажитиметьсяхутко,абиподивитись,якпрацюватиме
наш новісінькийпрелоудер,требаскористатисяз можливості симуляціїзавантаження.
16. Отже,коли.swf файл скомпільованоі Вийого переглядаєте черезФлеш-програвач,йдемодо
випадної опції“View”і потімдо “Downloadsettings”.Тутвибираємошвидкістьзавантаження
(скажімо, DSL) . І тепернатискаємона “Simulate Download”абопростосполученняклавіш
ctrl+Enter.
17. Зараз Ви маєте бачити,як Ваш файл завантажуватиметьсяуреальних умовах.
18. Хай щастить!
Maque.org.ua

More Related Content

Viewers also liked (20)

Kudos tavoli
Kudos tavoliKudos tavoli
Kudos tavoli
 
Bella Italia Views
Bella Italia ViewsBella Italia Views
Bella Italia Views
 
My full larder
My full larderMy full larder
My full larder
 
aljibe
aljibealjibe
aljibe
 
Ornella Y Natalia
Ornella Y NataliaOrnella Y Natalia
Ornella Y Natalia
 
Vanessa guaño manejo de word
Vanessa guaño manejo de wordVanessa guaño manejo de word
Vanessa guaño manejo de word
 
Sportul u015 fi violenu0163a
Sportul u015 fi violenu0163aSportul u015 fi violenu0163a
Sportul u015 fi violenu0163a
 
Nella rete
Nella reteNella rete
Nella rete
 
Glosario
GlosarioGlosario
Glosario
 
Iva
IvaIva
Iva
 
Blogs y educación
Blogs y educaciónBlogs y educación
Blogs y educación
 
Glosario
GlosarioGlosario
Glosario
 
Slide corso piatt colore
Slide corso piatt coloreSlide corso piatt colore
Slide corso piatt colore
 
plantilla sistema numeracion
plantilla sistema numeracionplantilla sistema numeracion
plantilla sistema numeracion
 
Las Vacaciones
Las VacacionesLas Vacaciones
Las Vacaciones
 
Sultanát Brunej
Sultanát BrunejSultanát Brunej
Sultanát Brunej
 
Santos
SantosSantos
Santos
 
Argumentacion (2)
Argumentacion (2)Argumentacion (2)
Argumentacion (2)
 
Tino Fimiani: intervista per "The Magic Time Magazine"
Tino Fimiani: intervista per "The Magic Time Magazine"Tino Fimiani: intervista per "The Magic Time Magazine"
Tino Fimiani: intervista per "The Magic Time Magazine"
 
Cum arata toleranta
Cum arata tolerantaCum arata toleranta
Cum arata toleranta
 

More from Webdesy.com

Content Creation Tips from Ahrefs.com
Content Creation Tips from Ahrefs.comContent Creation Tips from Ahrefs.com
Content Creation Tips from Ahrefs.comWebdesy.com
 
Текстові інструкції до курсу “Джумла для початківців. Частина перша”
Текстові інструкції до курсу “Джумла для початківців. Частина перша”Текстові інструкції до курсу “Джумла для початківців. Частина перша”
Текстові інструкції до курсу “Джумла для початківців. Частина перша”Webdesy.com
 
2.Як додати та налаштувати модуль "Панель навігації"(breadcrumb) у Джумлі
2.Як додати та налаштувати модуль "Панель   навігації"(breadcrumb) у Джумлі2.Як додати та налаштувати модуль "Панель   навігації"(breadcrumb) у Джумлі
2.Як додати та налаштувати модуль "Панель навігації"(breadcrumb) у ДжумліWebdesy.com
 
як створити банер за допомогою флеш
як створити банер  за допомогою флешяк створити банер  за допомогою флеш
як створити банер за допомогою флешWebdesy.com
 
структура інтерфейсу прав доступу у Php Bb3
структура інтерфейсу прав доступу у Php Bb3структура інтерфейсу прав доступу у Php Bb3
структура інтерфейсу прав доступу у Php Bb3Webdesy.com
 
Типи даних у Adobe ActionScript 3.0
Типи даних у Adobe ActionScript 3.0Типи даних у Adobe ActionScript 3.0
Типи даних у Adobe ActionScript 3.0Webdesy.com
 
Типи даних у PHP
Типи даних у PHPТипи даних у PHP
Типи даних у PHPWebdesy.com
 
Типи даних у PHP
Типи даних у PHPТипи даних у PHP
Типи даних у PHPWebdesy.com
 
Що таке Joomla (Джумла)
Що таке Joomla (Джумла)Що таке Joomla (Джумла)
Що таке Joomla (Джумла)Webdesy.com
 
Типи шрифтових збірок (груп)
Типи шрифтових збірок (груп)Типи шрифтових збірок (груп)
Типи шрифтових збірок (груп)Webdesy.com
 
Що таке піксельний шрифт
Що таке піксельний шрифтЩо таке піксельний шрифт
Що таке піксельний шрифтWebdesy.com
 
Які одиниці вимірювання використовувати у Веб
Які одиниці вимірювання використовувати у ВебЯкі одиниці вимірювання використовувати у Веб
Які одиниці вимірювання використовувати у ВебWebdesy.com
 
Безпечні шрифти для всемережжя
Безпечні шрифти для всемережжяБезпечні шрифти для всемережжя
Безпечні шрифти для всемережжяWebdesy.com
 

More from Webdesy.com (15)

Content Creation Tips from Ahrefs.com
Content Creation Tips from Ahrefs.comContent Creation Tips from Ahrefs.com
Content Creation Tips from Ahrefs.com
 
Текстові інструкції до курсу “Джумла для початківців. Частина перша”
Текстові інструкції до курсу “Джумла для початківців. Частина перша”Текстові інструкції до курсу “Джумла для початківців. Частина перша”
Текстові інструкції до курсу “Джумла для початківців. Частина перша”
 
2.Як додати та налаштувати модуль "Панель навігації"(breadcrumb) у Джумлі
2.Як додати та налаштувати модуль "Панель   навігації"(breadcrumb) у Джумлі2.Як додати та налаштувати модуль "Панель   навігації"(breadcrumb) у Джумлі
2.Як додати та налаштувати модуль "Панель навігації"(breadcrumb) у Джумлі
 
як створити банер за допомогою флеш
як створити банер  за допомогою флешяк створити банер  за допомогою флеш
як створити банер за допомогою флеш
 
структура інтерфейсу прав доступу у Php Bb3
структура інтерфейсу прав доступу у Php Bb3структура інтерфейсу прав доступу у Php Bb3
структура інтерфейсу прав доступу у Php Bb3
 
What Is Magento
What Is MagentoWhat Is Magento
What Is Magento
 
What Is Magento
What Is MagentoWhat Is Magento
What Is Magento
 
Типи даних у Adobe ActionScript 3.0
Типи даних у Adobe ActionScript 3.0Типи даних у Adobe ActionScript 3.0
Типи даних у Adobe ActionScript 3.0
 
Типи даних у PHP
Типи даних у PHPТипи даних у PHP
Типи даних у PHP
 
Типи даних у PHP
Типи даних у PHPТипи даних у PHP
Типи даних у PHP
 
Що таке Joomla (Джумла)
Що таке Joomla (Джумла)Що таке Joomla (Джумла)
Що таке Joomla (Джумла)
 
Типи шрифтових збірок (груп)
Типи шрифтових збірок (груп)Типи шрифтових збірок (груп)
Типи шрифтових збірок (груп)
 
Що таке піксельний шрифт
Що таке піксельний шрифтЩо таке піксельний шрифт
Що таке піксельний шрифт
 
Які одиниці вимірювання використовувати у Веб
Які одиниці вимірювання використовувати у ВебЯкі одиниці вимірювання використовувати у Веб
Які одиниці вимірювання використовувати у Веб
 
Безпечні шрифти для всемережжя
Безпечні шрифти для всемережжяБезпечні шрифти для всемережжя
Безпечні шрифти для всемережжя
 

флеш прелоудер

  • 1. Флеш-прелоудер Мої вітання.У цьомудописі йтиметьсяпроте,як зробитипрелоудерзадопомогоюФлеш. Я покажу, як це зробитина прикладі AS3.0, але,якщокомусь требау AS2.0, то згодом тежможу зробити таке видиво. 1. Створюємодокументу AS3.0 з потрібноюшириноютависотою.У моємувипадкувін 500 пікселівзавширшкита400 заввишки. 2. Шар,що існує,називаємо“AS”(тутбуде наш ActionScript) 3. Робимоще два шари і називаємоїх “lpc” (тутбуде динамічнийтекст) і “lbar” (тутбуде покажчик). 4. На шарі “lbar”малюємомайбутнійпокажчик(прямокутникзобвідкоютазаливкоюз різними кольорами). 5. Клацаємона заливці прямокутникаправоюклавішеюмиші і перетворюємойогонамувікліп. Називаємо його “lbar”.Точка реєстраціїповиннабути ліворучуцентрі. 6. Натикаємона щойно створениймувікліпі упараметрі «Instance Name» такожназиваємойого “lbar”. 7. Переходимонашар “lpc”і малюємотутдинамічне текстове поле. 8. Вирівнюємойогопоцентруі розташовуємодесьпід нашим покажчиком. 9. Називаємо це поле “lpc”. 10. Переходимодошару “AS”, натискаємона першийкадр і відкриваємопанель “Actions”(F9). 11. Тут вставляємозапропонованийкод. 12. Знову йдемодо часової шкали і тут створюємоще один шар.Називаємо його “main”.Робимо першийкадр порожнім,адругий ключовим.Уцей кадр можна вставлятиосновний вміст. Тобтоте, відсотокзавантаженнячого має показуватинашпокажчик. 13. Я простона другому кадрі розташуюзображення. 14. Теперможнакомпілювати .swf файл (ctrl+Enter). 15. Оскількина Вашомукомп’ютері усе вантажитиметьсяхутко,абиподивитись,якпрацюватиме наш новісінькийпрелоудер,требаскористатисяз можливості симуляціїзавантаження. 16. Отже,коли.swf файл скомпільованоі Вийого переглядаєте черезФлеш-програвач,йдемодо випадної опції“View”і потімдо “Downloadsettings”.Тутвибираємошвидкістьзавантаження (скажімо, DSL) . І тепернатискаємона “Simulate Download”абопростосполученняклавіш ctrl+Enter. 17. Зараз Ви маєте бачити,як Ваш файл завантажуватиметьсяуреальних умовах. 18. Хай щастить! Maque.org.ua