Відкриваємо секрети програмування. Урок 21

1.

4
Урок 21
Відкриваємо
секрети
програмування
За програмою нової української школи
teach-inf.com.ua

2.

Розділ 1
§ 21
Автор: Мацаєнко
Сергій
Васильович
Відкриваємо
секрети
програмування
Джерело: teach-inf.com.ua
4
Сьогодні ви:
Автор: Мацаєнко Сергій
з’ясуєте, як створювати анімацію
Васильович
в середовищі Скретч;
Джерело: teach-inf.com.ua
Навчитеся
розробляти анімаційні проєкти.
© Вивчаємо інформатику
teach-inf.com.ua

3.

Розділ 1
§ 21
Автор: Мацаєнко
Сергійоб’єктів
Васильович
Дізнаємося
про анімацію
Джерело: teach-inf.com.ua
У середовищі Скретч є можливість
мультфільми, комікси, ігри тощо.
4
створювати
Автор: Мацаєнко Сергій
Васильович
Джерело: teach-inf.com.ua
Їхні персонажі
рухаються,
змінюють
зовнішній вигляд.
Це називають
анімацією.
© Вивчаємо інформатику
teach-inf.com.ua

4.

Розділ 1
§ 21
Автор: Мацаєнко
Сергійоб’єктів
Васильович
Дізнаємося
про анімацію
Джерело: teach-inf.com.ua
Для створення анімації
виконавця можна
змінювати його образи.
Тож потрібно мати кілька
образів. Можна
намалювати їх самостійно
або скористатися
готовими образами
спрайтів.
Переміщується
виконавець за допомогою
команд групи Рух.
4
Група Рух
Автор: Мацаєнко Сергій
Васильович
Джерело: teach-inf.com.ua
© Вивчаємо інформатику
teach-inf.com.ua

5.

Розділ 1
§ 21
Автор: Мацаєнко
Сергійоб’єктів
Васильович
Дізнаємося
про анімацію
Джерело: teach-inf.com.ua
Тло — це нерухоме
зображення, на якому
рухаються спрайти.
4
Автор:
Мацаєнко
Сергій
У Скретч немає команд
руху для тла.
Васильович
Джерело: teach-inf.com.ua
© Вивчаємо інформатику
teach-inf.com.ua

6.

Розділ 1
§ 21
Автор: Мацаєнко
Сергійоб’єктів
Васильович
Дізнаємося
про анімацію
Джерело: teach-inf.com.ua
4
Щоб імітувати його рух, можна обрати кілька схожих
зображень тла та організувати їхню зміну за допомогою
команди повторення. Виникатиме ілюзія переміщення
спрайта зі зміною пейзажу.
Автор: Мацаєнко Сергій
Васильович
Джерело: teach-inf.com.ua
© Вивчаємо інформатику
teach-inf.com.ua

7.

Розділ 1
§ 21
Автор: Мацаєнко
Сергійоб’єктів
Васильович
Дізнаємося
про анімацію
Джерело: teach-inf.com.ua
4
Розглянь, за допомогою яких команд Скретч
можна створити анімацію виконавця і тла.
Автор:
Мацаєнко
Сергій
Зміна образів спрайта
Зміна тла
Васильович
Джерело: teach-inf.com.ua
© Вивчаємо інформатику
teach-inf.com.ua

8.

Розділ 1
§ 21
Використовуємо
зображення
тла
Автор: Мацаєнко
Сергій Васильович
як спрайт
Джерело: teach-inf.com.ua
В анімаціях часто
використовують ефект
прояву нижнього тла
крізь поступове
зникнення верхнього. Але
в середовищі Скретч не
можна одне тло накласти
на інше. Тому для
реалізації цього ефекту
зверху тла розміщують
такої самої форми спрайт,
який поступово зникає.
4
Автор: Мацаєнко Сергій
Васильович
Джерело: teach-inf.com.ua
© Вивчаємо інформатику
teach-inf.com.ua

9.

Розділ 1
§ 21
Використовуємо
зображення
тла
Автор: Мацаєнко
Сергій Васильович
як спрайт
Джерело: teach-inf.com.ua
Розглянемо задачу:
як реалізувати
плавне ввімкнення
світла на сцені
театру.
4
Автор: Мацаєнко Сергій
Васильович
Джерело: teach-inf.com.ua
© Вивчаємо інформатику
teach-inf.com.ua

10.

Розділ 1
§ 21
Використовуємо
зображення
тла
Автор: Мацаєнко
Сергій Васильович
як спрайт
Джерело: teach-inf.com.ua
4
Виберемо тло для сцени й розмістимо на ньому
непрозорий прямокутник, який закриє тло на початку
роботи програми.
Автор: Мацаєнко Сергій
Васильович
Тло
Джерело: teach-inf.com.ua
Spotlight
Спрайт Чорний
прямокутник
© Вивчаємо інформатику
teach-inf.com.ua

11.

Розділ 1
§ 21
Використовуємо
зображення
тла
Автор: Мацаєнко
Сергій Васильович
як спрайт
Джерело: teach-inf.com.ua
Потім розчинимо цей
прямокутник за допомогою
ефекту привид.
4
Автор: Мацаєнко Сергій
Васильович
Джерело: teach-inf.com.ua
© Вивчаємо інформатику
teach-inf.com.ua

12.

Розділ 1
§ 21
Використовуємо
зображення
тла
Автор: Мацаєнко
Сергій Васильович
як спрайт
Джерело: teach-inf.com.ua
В анімаційних фільмах
часто використовують
ефект прокручування,
або скролінг. Ілюзія того,
що об’єкт рухається,
виникає завдяки
плавному переміщенню
тла. Створюється імітація
пересування «камери» у
вертикальному або
горизонтальному
напрямку.
4
Автор: Мацаєнко Сергій
Васильович
Джерело: teach-inf.com.ua
© Вивчаємо інформатику
teach-inf.com.ua

13.

Розділ 1
§ 21
Використовуємо
зображення
тла
Автор: Мацаєнко
Сергій Васильович
як спрайт
Джерело: teach-inf.com.ua
4
Для досягнення ефекту прокручування використовують
два спрайти, які мають вигляд тла. Спрайти розміщуються
один за одним (наприклад, горизонтально), а потім
синхронно рухаються в один бік, змінюючи один одного.
Автор: Мацаєнко Сергій
Васильович
Джерело: teach-inf.com.ua
Спрайт 1
© Вивчаємо інформатику
teach-inf.com.ua
Спрайт 2

14.

Розділ 1
§ 21
Автор: Мацаєнко
Сергій Васильович
Скарбничка
цікавого
Джерело: teach-inf.com.ua
А чи знаєш ти, що таке
4D-кіно? Це коли люди,
дивлячись на 3Dзображення, можуть
одночасно відчувати, що
відбувається на екрані
(запах, дотик тощо). Усе
це можливо завдяки
особливому обладнанню:
рухомі крісла,
спеціальний екран,
різноманітні спецефекти.
4
Автор: Мацаєнко Сергій
Васильович
Джерело: teach-inf.com.ua
© Вивчаємо інформатику
teach-inf.com.ua

15.

Розділ 1
§ 21
Автор: Мацаєнко
Сергій Васильович
Запитання
і завдання
Джерело: teach-inf.com.ua
Створіть
малюнок, для
якого
висловлювання були б істинними.
1)
2)
3)
4)
всі
4
наведені
Автор: Мацаєнко Сергій
Васильович
Джерело: teach-inf.com.ua
На малюнку 4 квадрати.
Зелений квадрат ліворуч від жовтого.
Червоний квадрат крайній зліва.
Синій квадрат ліворуч від зеленого.
© Вивчаємо інформатику
teach-inf.com.ua

16.

Розділ 1
§ 21
Автор: Мацаєнко
Сергій Васильович
Запитання
і завдання
Джерело: teach-inf.com.ua
4
Мишко, Сашко та Єгор читали книжки: один — про
мандри, другий — про спорт, а третій — про природу.
Сашко сказав, що його книжка не про спорт. Мишко
сказав, що його книжка ні про природу, ні про спорт.
Хто яку книжку читав?
Автор: Мацаєнко Сергій
Васильович
Назвіть у реченнях імена хлопців так, щоб утворились
істинні висловлювання.
Джерело: teach-inf.com.ua
Мишко
Мишко
Сашко
© Вивчаємо інформатику
teach-inf.com.ua

17.

Розділ 1
§ 21
Автор: Мацаєнко
Сергій Васильович
Запитання
і завдання
Джерело: teach-inf.com.ua
4
Мишко, Сашко та Єгор читали книжки: один — про
мандри, другий — про спорт, а третій — про природу.
Сашко сказав, що його книжка не про спорт. Мишко
сказав, що його книжка ні про природу, ні про спорт.
Хто яку книжку читав?
Автор: Мацаєнко Сергій
Васильович
Джерело: teach-inf.com.ua
© Вивчаємо інформатику
teach-inf.com.ua

18.

Розділ 1
§ 21
Автор: Мацаєнко
Сергій Васильович
Запитання
і завдання
Джерело: teach-inf.com.ua
4
Дано числа: 324, 11, 456, 6, 478, ЗО, 999. Позначте
істинне висловлювання.
Автор: Мацаєнко Сергій
Васильович
Джерело: teach-inf.com.ua
© Вивчаємо інформатику
teach-inf.com.ua

19.

Розділ 1
§ 21
Автор: Мацаєнко
Сергій Васильович
Запитання
для самоперевірки
Джерело: teach-inf.com.ua
1. Де ти зустрічаєшся з анімацією?
2. Як створити
Скретч?
анімацію
виконавця
в
4
середовищі
Автор: Мацаєнко Сергій
3. Які є способи
Васильович
створення
анімації тла у
Скретч?
Джерело: teach-inf.com.ua
© Вивчаємо інформатику
teach-inf.com.ua

20.

Розділ 1
§ 21
Автор: Мацаєнко Сергій Васильович
Фізкультхвилинка
Джерело: teach-inf.com.ua
4
Автор: Мацаєнко Сергій
Васильович
Джерело: teach-inf.com.ua
© Вивчаємо інформатику
teach-inf.com.ua

21.

Розділ 1
§ 21
Автор: Мацаєнко
Сергій Васильович
Працюємо
за комп’ютером
Джерело: teach-inf.com.ua
4
Автор: Сторінка
Мацаєнко
Сергій
92-93
Васильович
Джерело: teach-inf.com.ua
© Вивчаємо інформатику
teach-inf.com.ua

22.

Розділ 1
§ 21
Автор: Мацаєнко
Сергій Васильович
Працюємо
за комп’ютером
Джерело: teach-inf.com.ua
Завдання:
розробити
програму
руху
з використанням технології прокручування.
4
пейзажу
Автор: Мацаєнко Сергій
2. Завантаж те
Васильович
саме
зображення
для
тла і
Джерело:
Джерело:
teach-inf.com.ua
teach-inf.co.ua
1. Відкрий середовище Скретч.
двох
спрайтів.
Спрайт 1
© Вивчаємо інформатику
teach-inf.com.ua
Спрайт 2

23.

Розділ 1
§ 21
Автор: Мацаєнко
Сергій Васильович
Працюємо
за комп’ютером
Джерело: teach-inf.com.ua
Продовження…
3. Створи однакові скрипти для
спрайтів 1 і 2. Установи різні
початкові дані.
4
Автор: Мацаєнко Сергій
Зверни увагу: Васильович
спрайт повністю
не виходить за межі сцени, тому
доцільно
використати teach-inf.com.ua
для
другого
Джерело:
Джерело:
teach-inf.co.ua
спрайта як початкові координати
(464, 0) замість (480, 0).
© Вивчаємо інформатику
teach-inf.com.ua

24.

Дякую за увагу!
4
Урок 21
За програмою нової української школи
teach-inf.com.ua