Травянисте поле

March 30th, 2009 by


« Ефект друкарської машинки   |   Ігра-стрелялка »

Одного разу на одному форумі я побачив красиво зроблений футер. У цьому футере була трава, яка реагувала на рухи миші і рухалася. Мені ця штука дуже сподобалася, і я вирішив зробити щось подібне. Просидівши з флешем декілька годин, я створив щось абсолютно інше і виглядало воно зразково так, як описано нижчим. Якщо ви добре знаєте флеш, цей урок не навчить вас нічому новому.
Зате він навчить вас як суміщаючи різні прийоми ActionScript , можна створювати красиву анімацію. В кінці - кінців, адже завдання програмування полягає в тому, щоб обернути ваші знання в потрібний кінцевий результат. Чи не так? Якщо ж ви новачок, ви знайдете дуже багато корисного і цікавого в даному прикладі. Отже, почнемо.

Крок 1

Доступные традиционные подарки на 23 февраля мальчикам с доставкой в любую точку страны.

Створіть новий документ у флеше. Задайте ширину і висоту сцени 300×200 пікселів.

Тепер нам потрібно намалювати траву. За допомогою інструменту « Олівець » намалюйте ось таку лінію:

Крок 2

Після того, як ви намалювали травичку, її потрібно зробити MovieClip (F8, або insert | Convert to Symbol) . Із списку вибираємо MovieClip , привласнюємо ім’я і натискаємо OK .

Виберіть тільки що створений MovieClip і в панелі Properties дайте йому назву grass :

Навчальні матеріали - Травянисте поле

Крок 3

Замість того щоб копіювати і вставляти травичку велика кількість разів, ми примусимо флеш робити це за нас. Для цього натисніть правою кнопкою миші по першому кадру, і виберіть Actions . Вставте наступний код:
for (i=0; i<300; i++) {

_root.grass.duplicateMovieClip(”movie”+i,i);

}

Pages: 1 2


Tags: , , , , , ,

Навчальні матеріали


Схожі записи

  • Створення процентного показника завантаження (19.03.2009)
    ... Як це працює? Ідея роботи прелоадера дуже проста: ми використовуємо можливості ActionScript для того, щоб дізнатися, скільки байт кліпу вже завантажено у користувача, і скільки їх всього. А потім просто порівнюємо -- якщо заргруженних менше, ніж всього, то означає кліп ще не ...
  • Цифровий годинник (23.03.2009)
    ... 2) Назвіть це поле « clock_txt » ( Instance name на панелі Properties ) 3) Перейдіть в 1 кадр шаруючи « actions ». Відкрийте вікно Actions і вставте наступний код: time=new Date(); // time object var seconds = ...
  • Створення flash-анімації за допомогою програми SWISHMAX4 (12.03.2009)
    ... Виглядати наш калькулятор буде дуже просто: він матиме два поля (одне для введення значення радіусу, інше - для виведення результату обчислень за формулою), а також кнопку, при натисненні на яку, калькулятор проведе розрахунок. Клацніть по робочій області правою кнопкою миші і виберіть в контекстному меню команду Insert > Text. Виконаєте команду Modify ...
  • NoIdea (04.03.2009)
    ... Дизайн flash сайту Чому Вам вигідно замовити дизайну сайту або будь-яку іншу послугу саме в нашій компанії? На те є цілий ряд причин. Ми не тільки з максимальною оперативністю створимо для Вашого сайту необхідні flash-ролики або розробимо ...
  • Аналоговий годинник в Flash MX (18.03.2009)
    ... Там, де написане registration , позначте нижній середній квадрат. Натисніть OK . Крок 3 1) Розмістите sec_mc (він буде секундною стрілкою) по центру циферблату. Назвете його « sec » у панелі Instance . ...