Простейшие прийоми побудови анімації

Простейшие прийоми побудови анимации

Владимир Коробицын.

Компонент таймер та її свойства

Мультимедийное додаток буде неповним без будь-яких елементів анімації. Щоб змусити рухатися, наприклад, автомобіль скористаємося компонентом типу таймер.

Таймер має невеличкою набір властивостей проти іншими компонентами З++ Builder, але має нічим необмеженими здібностями спритно управляти роботою докладання в часі просторі з точністю до мілісекунди. Що б помістити таймер на стартову форму Form1, потрібно кликнути мишею в головному вікні у вкладке System по кнопці Timer (Таймер) із зображенням циферблата годин зі стрілками, та був за формі у будь-якій її робочої частини. Цей компонент під час роботи докладання є невидимим. І це під час побудови проекту докладання таймер видно на формі, і тому програмісту зручно у час швидко звернутися для її властивостями або до функції обробки Timer1Timer події OnTimer (Таймер включений). На формі можна встановити стільки таймерів, скільки вам необхідно. Найважливішим властивістю компонента таймер є Interval (Інтервал), значення за умовчанням становить 1000 мілісекунд (одна секунда). Властивість Enabled (Дозвіл працювати) включає чи ж виключає таймер залежно з його значення (true чи false). Значення цих властивостей можна поставити як запуску проекту, і змінювати їх програмним способом під час роботи проекту. Подія Timer1Timer настає після закінчення реального часу еквівалентного значенням властивості Interval для таймера. До тих пір поки таймер не виключений, всі ці події буде наступати знову і вновь.

Откройте новий проект. На формі розташуєте таймер Timer1, щодо його властивості Enabled встановіть значення false, а властивості Interval значення 10 мілісекунд, що відповідатиме однієї сотої частці секунды.

В нашому випадку крім компонента таймер Timer знадобиться компонент образ Image. Встановіть на форму компонент образ Image1. Підберіть невеличкий за величиною малюнок із зображенням автомобіля і помістіть їх у образ Image1, використовуючи властивість Picture. Властивості AutoSize додайте значення true. Встановіть для властивості Left значення в 15 одиниць, щоб автомобіль міг стартувати з лівої частини форми. Розміри форми зміните з допомогою миші те щоб її ширина була трохи менше загальної ширини екрана, та її висота приблизно двічі перевищувала висоту автомобиля.

В функцію обробки Image1Click помістіть рядок програмного кода:

Timer1->Enabled = true; //включити перший таймер Таким чином, при одиночному кліці мишею по автомобілю, буде задіяно таймер, і крізь щодесять мілісекунд виконуватиметься інструкція, яку ви повинні розмістити у функції обробки Timer1Timer події OnTimer — таймер включен:

//перемещение автомобіля вправо на 30 единиц.

Image1->Left = Image1->Left + 30;

Где, Left (лівий край) це властивість компонента Image1. Значення цього властивості буде нас дуже швидко наростати. Через війну одержимо ефект переміщення автомобіля по горизонталі. Запустіть проект докладання виконання. Клікніть мишею на автомобіль, і він заходиться у нескінченність. Закрийте додаток. Якщо ви хоч хочете знизити швидкість автомобіля, то прирощення його переміщення за 30 я одиниць зменшіть до 15.

Заставим автомобіль у час повертатися за велінням користувача на стартову позицію в одиночному щиглику на формі. У функцію обробки FormClick запишіть строку:

Image1->Left = 15; //повернення на стартову позицию Запустите проект докладання і перевірте цю інструкцію у роботі, кликнувши мишею спочатку по автомобілю, та був на форме.

Остановим автомобіль посередині форми. З цією метою встановіть на форму другий таймер Timer2. Його властивості Enabled додайте значення false, а властивості Interval значення 145 (можливо це значення доведеться підібрати через іншого дозволу вашого екрана за горизонталлю). У функцію обробки Image1Click допишите строку:

Timer2->Enabled = true; //включити другий таймер В функції обробки Timer2Timer події OnTimer напишіть програмний код:

Timer1->Enabled = false; //вимкнути перший таймер

Timer2->Enabled = false; //вимкнути другий таймер Таким чином, при кліці мишею по автомобілю включаться обидва таймера. Перший таймер відповідатиме за переміщення автомобіля через кожні 10 мілісекунд, а другий таймер під час досягнення інтервалу часу у 145 мілісекунд вимкне перший таймер для зупинки автомобіля і выключится сам. Якщо кликнути по автомобілю вдруге, він пересунеться до правому краю форми. При третьому кліці автомобіль залишить кордону форми. На його повернення на стартову форму клікніть мишею формою. Перевірте, чи так працює приложение.

Анимация стане ефектніше, коли його озвучити. І тому скористайтеся вже знайомим вам компонентом MediaPlayer. Його властивості Visible додайте значення false, у тому щоб у роботі докладання цей компонент виявився невидимим. Підберіть звуковий файл з розширенням WAV, у якому, наприклад, «ревіння двигуна» чи «скрип шин» протяжністю одна — дві секунди. Скопіюйте цей файл в папку вашого проекту. У функцію обробки Image1Click додайте програмний код, причому вище раніше записаних двох инструкций:

MediaPlayer1->Close (); //закрити файл.

MediaPlayer1->FileName = «Auto.wav » ;

MediaPlayer1->Open (); //відкрити файл.

MediaPlayer1->Play (); //відтворити файл Аналогичным чином озвучьте повернення автомобіля на стартову позицію файлом що містить, наприклад, «сигнал автомобіля». Можна скористатися вже встановленим компонентом MediaPlayer1. Перевірте додаток у роботі зі звуковим сопровождением.

Список литературы

Для підготовки даної праці були використані матеріали із сайту internet.