Створення власного курсора

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

Почнемо з того, що створимо новий Flash файл, розміри сцени і фон абсолютно неважливі. Однак я раджу вам виставити frame rate рівний 30. щоб наш курсор рухався плавно і без разкіх ривків. Змінити frame rate ви можете на панелі Propeties Inspector (Window> Properties> Properties або Ctrl + F3).

Тепер потрібно намалювати сам курсор. Для цього ви можете використовувати Олівець або будь-який інший инструмен, вибрати який ви можете на панелі інструментів. Рекомендується розташувати ваш курсор трохи лівіше від центру сцени, для чого - зрозумієте пізніше.

Виділіть ваш курсор і натисніть F8. конвертувати його в символ. ActionScript може управляти тільки сиволов, але ніяк не мальованими об'єктами. У віконці, що з'явилося «Convert to Symbol» назву символу можете задати будь-яким, головне виберіть тип «Movie clip». Так само варто переконається, що точка реєстрації - верхній лівий кут. Точка реєстрації задає центр мувікліпа, при завданні такого положення точки реєстрації ми зможемо максимально добится ефекту справжнього курсора. Коли все готово, натисніть OK.

Поки ваш новонароджений символ ще виділений, відкрийте Properties Inspector і задайте цьому мувікліп instance name як «cursor_mc». Instance name використовуються для визначення об'єкта ActionScript'ом, адже якщо у нас є два абсолютно однакових об'єкта без instance name, як ActionScript зрозуміє, над яким виконувати команди?

Курсор готовий, тепер нам слід написати чарівний ActionScript, щоб замінити звичайний курсор на наш щойно створений. Для цього створимо новий шар і перейменуємо його у Script. У нашому випадку це зовсім необов'язково, однак у великих проектах прийнято створювати окремий шар для коду, щоб в будь-який момент можна було легко знайди потрібну частину коду, а не шукати його по всіх об'єктах. Натискаємо F9. для відкриття панелі AtionScript. або тиснемо правою кнопкою миші на перший кадр і вибираємо «Actions».

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

Розмістіть цей код і вставте в свій проект. Тепер протестуємо, натиснемо Ctrl + Enter. Працює. )

Метод startDrag для мувікліп змушує їх рухатися за курсором.

Якщо у вас щось не вийшло, спробуйте завантажити исходник. Успіхів!