1 of 20

Створення програмованих проєктів з анімацією

За програмою нової української школи

Урок 19

4

teach-inf.com.ua

2 of 20

Як створювати анімації

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Розділ 3 § 19

Ти дізнаєшся

як створювати анімацію в середовищі Скретч;
як змінювати тло сцени в середовищі Скретч.

Дотримуйся правил

роботи з комп’ютером.

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

3 of 20

Як створювати анімацію в�середовищі Скретч?

Розділ 3 § 19

Ти вже знаєш, що таке анімація, і вмієш її створювати в редакторі презентацій. У середовищі Скретч анімацію об’єктів реалізують за допомогою команд групи Рух, Вигляд і повторень.

Група Рух

Група Вигляд

Група Керування

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

4 of 20

Як створювати анімацію в�середовищі Скретч?

Розділ 3 § 19

Ти знаєш призначення основних команд із групи Рух: Перемістити, Поворот, Перейти до, Повернути в напрямку, Слідувати. Вони забезпечують переміщення і повертання об’єктів на сцені. Важливими є команди:

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

5 of 20

Як створювати анімацію в�середовищі Скретч?

Розділ 3 § 19

Адже вони задають «поведінку» об’єктів на межі сцени: можливість повернутись у протилежному напрямку й обрати вигляд після такого повернення:

обернути зображення об’єкта зліва-направо

не обертати зображення і перевернути зображення «з ніг на голову»

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

6 of 20

Як створювати анімацію в�середовищі Скретч?

Розділ 3 § 19

Які команди потрібно використати в алгоритмі, у якому виконавець буде йти вздовж сцени й відбиватись від межі? А якщо виконавець має іти в деякому лабіринті?

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

7 of 20

Як створювати анімацію в�середовищі Скретч?

Розділ 3 § 19

Деякі об’єкти з бібліотеки об’єктів мають декілька образів.

Для того, щоб побачити, чи має обраний об’єкт із збірки спрайтів образи, що відтворюють його рух, виконують такий алгоритм:

перейти до бібліотеки спрайтів

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

8 of 20

Як створювати анімацію в�середовищі Скретч?

Розділ 3 § 19

Продовження…

обрати категорію зображень;

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

9 of 20

Як створювати анімацію в�середовищі Скретч?

Розділ 3 § 19

Продовження…

навести вказівник миші на знайдене зображення об’єкта;

переглянути анімацію зміни образів.

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

10 of 20

Як створювати анімацію в�середовищі Скретч?

Розділ 3 § 19

Передбач, у якій категорії зображень спрайти можуть мати декілька образів.

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

11 of 20

Як створювати анімацію в�середовищі Скретч?

Розділ 3 § 19

В алгоритмі для зміни образів використовують команди зміни образів:

Змінити образ на наступний

Змінити образ на образ із вказаною назвою

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

12 of 20

Як змінювати тло сцени в�середовищі Скретч?

Розділ 3 § 19

Анімувати можна не тільки спрайт на сцені, а й тло сцени. Тоді спрайт може бути нерухомим, а зміна сцени імітуватиме його рух.

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

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

13 of 20

Як змінювати тло сцени в�середовищі Скретч?

Розділ 3 § 19

А тоді в графічному редакторі Скретч змінити вигляд вулиці обернувши її справа-наліво

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

14 of 20

Як змінювати тло сцени в�середовищі Скретч?

Розділ 3 § 19

Як змінити тло сцени?

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

15 of 20

Як змінювати тло сцени в�середовищі Скретч?

Розділ 3 § 19

Сцена — об’єкт у середовищі Скретч, для якого також можна скласти алгоритм.

Наприклад, алгоритм зміни зображення тла сцени створюватиме враження, що автобус їде вулицею. Причому команда Чекати забезпечує швидкість «руху» автобуса в анімації.

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

16 of 20

Фізкультхвилинка

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Розділ 3 § 19

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

17 of 20

Працюємо за комп’ютером

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Розділ 3 § 19

Сторінка

113-115

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

18 of 20

Працюємо за комп’ютером

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Розділ 3 § 19

Вправа 1. Тваринка, що біжить..

Завдання. Створи алгоритм, за яким тваринка бігтиме вздовж сцени, відбиваючись від її краю.

Відкрий середовище Скретч

Додай на сцену спрайт. Зміни фон.

Склади алгоритм руху та зміни вигляд спрайта.

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

19 of 20

Працюємо за комп’ютером

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Розділ 3 § 19

Продовження…

Доповни алгоритм командами про «поведінку» тваринки на межі сцени.

Запусти алгоритм на виконання. Продемонструй свою анімацію комусь у класі.

Збережи й завантаж файл з назвою Тваринка_Прізвище у свою структуру папок.

1

2

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

Автор: Мацаєнко Сергій Васильович

Джерело: teach-inf.com.ua

4

20 of 20

Дякую за увагу!

За програмою нової української школи

Урок 19

4

teach-inf.com.ua