Анімація

Good Day

​

6 клас

2

Анімація “Good Day”

​

Що таке анімація?

Анімація — це спосіб створення руху з багатьох нерухомих зображень.

​

Зображення складаються одне за одним, а потім швидко відтворюються, створюючи ілюзію руху.

​

Приклад опису сюжету (сценарію) анімації

Знайдіть пару:

​

1. Рух об’єкта
2. Зміна властивостей спрайта
3. Послідовна зміна костюмів спрайта

Завдання

Види анімації

Зміна властивостей спрайта

​

Послідовна зміна костюмів спрайту

​

Анімація “Good Day”

Що нам знадобиться?

​

• Спрайт Хмарки використовуємо двічі
• Спрайт Сонця
• Спрайт з білим прямокутником, який ми намалювали, імітуючи сніжний покрів.
• Спрайт з текстом “Good day”, який ми додали, створив спрайт
• Тло

Оформлення тла

​

• Встановлюємо тло. У даному випадку - це тло блакитного кольору.

​

• Додаємо Спрайти з хмарами.

​

• Створюємо спрайт за допомогою малювання, додаємо білий прямокутник - це сніговий покрів. Зазначаємо, що кучугур - на передньому плані

• Обери тло та спрайти, які потрібні для виконання цієї анімації.
• Зверни увагу: деякі спрайти будуть служити тільки для оформлення, інші — зазначається у коді.
• Звичайно, ти можеш відтворити свою анімацію за власним сюжетом.

​

Завдання

Події тла

Анімація починається з ночі. Коли сонце підіймається, тло світлішає. Треба врахувати час — через скільки секунд та з якою швидкістю почати збільшувати яскравість. За це відповідає команда Чекати та цикл Повторити, які потребують певних числових значень. Ефект Яскравість — імітує світанок.

​

​

1. Обери тло.
2. Блакитний колір тла буде змінюватися з ночі на день.
3. Добери ефект Яскравість. Поекспериментуй з іншими ефектами, їх тривалістю, та значеннями циклу.
4. Зроби висновки стосовно роботи кода.
1. ​

Завдання

Події сонця

Коли прапор буде натиснуто, спрайт сонце буде відразу підпорядковуватися двом послідовностям команд.

​

По-перше, переміщуємо його на 1 шар назад. Це потрібно, щоб сонце виходило з-за кучугури, якій ми зазначили властивість Передній план.

​

​

Події сонця

​

Сонце буде починати схід з певного місця — Х = 100, У = –55. Робимо зупинку 2 секунди та збільшуємо У на 1. Тобто повільно спрайт Сонці підіймається за допомогою циклу, який працює 150 разів.

​

По-друге, після очікування 3-х секунд за допомогою циклу повторюємо ефект Яскравість. Це створює ефект насиченості для сонця.

​

1. Зазначаємо у коді, що сонце встановлюється на задній план. Це потрібно, щоб створити ефект виходу сонця з-за кучугури.
2. Експериментуй з координатами, з яких починає рух сонце, з очікуванням та зміною значення у циклі.
3. Додай ще одну послідовність команд для сонця, щоб відтворити не тільки його рух вверх, а ще й збільшити його насиченість. Експериментуй з налаштуванням.

​

Завдання

Події напису “Good day”

Створюємо спрайт, який має напис «Good Day», за допомогою малювання. Використовуємо шрифти.

​

Налаштовуємо спрайт.

​

Спочатку сховаємо спрайт. Він нам потрібен у певний момент. Зазначаємо очікування 7 секунд і показуємо. Потім за допомогою циклу відтворюємо 50 разів ефект Привид. Тобто спочатку ми не бачимо спрайт, але поступово він з’являється.

1. Створи спрайт з написом «Good Day».
2. Спочатку сховай його, щоб напис з’явився у певний момент.
3. Експериментуй з кодом. Коли з’явиться напис, якщо не використовувати команду Сховати?
4. Встанови значення для очікування.
5. Відтворюємо ефект Привид, збільшуємо його за допомогою циклу. Саме так здійснюється повільна поява напису.
6. Доповни анімацію іншими персонажами. Зроби їхні налаштування та події.

Завдання

Самостійна робота

​

• Створи власну анімацію.

​

• Вигадай сценарій, де зазначені події, персонажі та врахований час появи спрайтів.

​

• Зроби оформлення тла.

​

• Створи або додай спрайти, які необхідні для анімації.

​

• Додай музичне оформлення.

Завдання

​

Спробуй відтворити анімацію

​

1. Які елементи анімації можна виділити, переглянувши анімацію?
2. Чи можеш описати сценарій так, щоб він був зрозумілим для іншої людини?
3. Скільки часу зайняла робота над таким завданням?

​

​

Перевір себе