Уроки flash mx робимо скролінг флеш, scrolling, animation, masked


В лапках написані назви Без лапок властивості и.т.п

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

Є кілька методів створення скролінгу, наприклад програмний скролінг, але про нього я писати не буду тому що він робиться просто і, на мій погляд, має безліч недоліків. Мова піде про створення прокрутки з використанням масок, я думаю, той, хто Новомосковскет цей урок, знає, що таке маски і як їх використовувати, тому я переду відразу до суті отже:

Створіть новий мувікліп і назвіть його, наприклад, "scroll", потім створіть новий символ (animation). де буде міститися вікно і текст який буде Скрол, назвіть його, наприклад "Main" в цьому символі треба створити хоча б два шари (перший для маски, другий для тексту), але якщо Ви хочете намалювати всякі примочки типу вікна тощо, то створіть ще один шар для всяких наворотів.

Самий верхній шар назвемо "Mask", і в його властивостях відзначимо, що він Mask, шар під "Mask" назвіть "Text" (він повинен бути Masked). У шарі "Mask", в першому кадрі намалюйте якусь область, де Ваш текст буде видно (наприклад, можна намалювати прямокутник). У першому кадрі шару "Text" напишіть свій текст і поставте його так, щоб верхній край текстового поля збігався з верхнім краєм прямокутника в шарі "Mask".

Потім переходите на кадр 45 (наприклад) і в обох шарах поставте там ключовий кадр (F6) (в шарі "Mask" можна поставити простий кадр (F5)). У 45 кадрі шару "Text" поставте Ваш текст так, щоб нижня межа текстового поля збігалася з нижньою межею прямокутника в шарі "Mask".

Потім в будь-якому кадрі шару "Text" (з 1 по 45) натисніть правою кнопкою миші і з контекстного меню, виберіть Create Motion Tween, результатом має стати поява Motion Tween між 1 і 45 кадром. У першому кадрі шару "Text" поставте акцію Stop (); щоб не допустити довільної прокрутки тексту. Тепер у нас готова прокрутка і залишилося лише зробити кнопки.

Переходьте на головну сцену (вона поки пустує), відкривайте бібліотеку (Ctrl-L) і перетягніть символ "Main" на головну сцену. А головній сцені створіть ще один шар (для кнопок) і назвіть його, наприклад, "Buttons".

Тепер створюємо безпосередньо самі кнопки. Створіть новий символ з назвою "Button", в ньому намалюйте довільну кнопку. Потім створіть ще два символи з назвами "But_down" і "But_up". Ці символи повинні бути Animation. Переходьте в символ "But_up" і з бібліотеки вставте в перший кадр цього символу свою кнопку, на кнопку повісті такий Action:
_____________________________________
on (press, dragOver) tellTarget ( "_root.text") prevFrame ();
>
>
___________________________________

Не дивуйтеся тому, що він трохи дивний, так треба. А ось тут і починається найцікавіше. В поле Instance Вашої кнопки виберіть Track as Menu Item, потім створіть ще один шар в символі "But_up". Таким чином, у Вас там два шари, в одному і яких варто Ваша кнопка. У другому кадрі шару з кнопкою створіть порожній кадр.

Потім в порожній шар, в другій кадр скопіюйте Вашу кнопку. У Вас повинно вийти, що в одному шарі у Вас кнопка в першому кадрі, а в іншому шарі кнопка в другому кадрі. Так потрібно для того, щоб скролінг весь час тривав, поки натиснута кнопка і Вам не доводилося б її багато разів натискати. Тепер у нас є одна кнопка. Другу треба зробити також, за винятком того, що action в другій кнопці буде наступним:
____________________________________
on (press, dragOver) tellTarget ( "_root.text") nextFrame ();
>
>
______________________________________

Тепер ідіть на головну сцену і поставте кнопки в шар "Buttons". Залишилася дрібничка. На головній сцені виділіть ваше вікно з текстом, відкрийте вікно Instance (Ctrl-I) і задайте ім'я "Text" тепер все готово і можна перевірити все на працездатність.