Досвід і думки

Як я вчив шестирічну дочку «кодити» мультики у Scratch.Jr (покроково)

23 Січня 2022, 12:00
9 хв читання
Матеріал успішно додано в закладки Досягнуто максимальної кількості закладок
Додати в закладки

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

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

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

Колись я думав, що моя перша стаття в медіа буде присвячена розробці телеком-рішень для бізнесів. Але так вийшло, що я не тільки senior-розробник, але й тато. І оскільки багато часу приділяю вихованню шестирічної доньки Влади, то перша стаття буде про Scratch.Junior.

Цей текст є своєрідним роудмепом для мам та тат, який допоможе захопити дитину (5–7 років) новим хобі. Стаття буде корисна батькам, діти яких ніколи не малювали в Scratch.Junior і мріють почати створювати мультики.

Дисклеймер

Відразу зазначу, що ця стаття — наш особистий, хоч і невеликий досвід анімації саме у Scratch Junior. Scratch Junior — це лайтова частина програми Scratch для молодших дітей. Це своєрідне «введення» може стати чудовим стартом для малечі, яка мріє навчитися малювати.

Ми не ставили собі за мету створювати мультики як Pixar — із таким «софтом» це й не вийде. Доньці було всього 6 років, вона мала багато вільного часу, і я просто хотів допомогти їй в освоєнні нового хобі.

Let’s start from Scratch!

Scratch — це середовище програмування для дітей, в якому можна робити власні ігри. У програмах типу Scratch Junior діти створюють і оживляють персонажів — спрайтів. Це не просто картинки, а об’єкт, наділений програмним кодом, а отже, і здібностями. Спрайту можна віддавати команди та отримувати дані.

Історія нашого знайомства зі Scratch.Jr розпочалася у перший карантин. Ми випадково потрапили на онлайн-майстер-клас із Scratch — старшого брата програми Scratch.Jr. Ідея такого заняття для дочки здалася нам із дружиною приголомшливою.

Реальність виявилася іншою: я сам під час майстер-класу вчив Владу та частково робив за неї завдання. Для дитини 5–6 років заняття з оригінального Scratch виявилися не просто складними, а навіть стресовими. Для роботи з ним потрібно вміти читати, до того ж з’ясувалося, що він має дрібний інтерфейс.

Спочатку ми засмутилися, а потім побачили у цьому гарний старт. Я знайшов спрощену версію Scratch — Scratch. Junior. У цій версії менше концепцій, менше можливостей, у неї більший інтерфейс. Її можна встановити на iPad або на будь-який планшет з Android.

Єдина складність — Scratch Junior англійською. Але Владі було необов’язково читати, вона могла дивитись на картинки та розбиратися самостійно. Ну, або з моєю допомогою (так інформація засвоювалася швидше).

Для прикладу — на першому фото Scratch оригінальний, на другому — Junior.

Методика навчання

Я вирішив, що найкращий підхід — 2–3 заняття на тиждень по 45 хвилин. Решту часу ми відвели на самостійне вивчення програми та консультації зі мною — на кшталт менторства.

Влада часто підходила зі своїми питаннями «як зробити щось», і я вже підказував. Бувало, я сам підходив із проханням показати, чим вона займається, і питав про складнощі.

План занять був приблизно таким:

  1. Базовий інтерфейс програми та бібліотека зображень.
  2. Кастомізація спрайтів (розмальовування, домальовування).
  3. Переміщення та повторення дій.
  4. Аудіосупровід.
  5. Цикли.
  6. Алгоритми з прикладу лінійного пазла. Їхнє застосування.
  7. Декілька алгоритмів для одного спрайту або сцени.
  8. Повідомлення між алгоритмами або події.

Про інтерфейс і бібліотеку зображень

У програми дуже простий інтерфейс:

  • Панель з усіма видами категорій (події, рухи, зовнішній вигляд персонажа, управління, блоки старту та закінчення дії).
  • Область програмування.
  • Сцена з персонажем та ландшафтом, на якому розгортається дія.
  • Панель персонажа.
  • Сторінки із різними сценами.

Дітям особливо сподобається те, що знаменитий котик Scratch це не єдиний персонаж. Можна додати й інших спрайтів декількома способами:

  • завантажити з комп’ютера;
  • намалювати в самому Scratch.Jr;
  • вибрати з бібліотеки.

Щоб потрапити до бібліотеки спрайтів, натисніть на іконку плюса у верхньому лівому кутку екрана. Для вибору фону, де розгортатиметься дія мультика, — на іконку з картинкою вгорі екрана.

Розфарбовування та домальовування спрайтів

Щоб легше освоїти програму, спробуйте спочатку використовувати її як розмальовку-антистрес.

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

  • розмальовувати спрайти;
  • домальовувати доповнення до них;
  • змінювати кольори та розмір;
  • додавати персонажам бабли із повідомленнями.

Переміщення спрайтів і повторення дій

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

Під кожною стрілкою є цифра, яка відповідає за кількість повторень дії. Наприклад, цифра 2 на пазлі ➞ — спрайт «пройде» дві клітинки горизонталлю. Або ж цифра 5 на пазлі — персонаж пройде п’ять клітинок вертикаллю.

Додаємо аудіо

Щоб урізноманітнити мультик, можна додати аудіо та озвучити персонажа. Якщо у дитини є досвід взаємодії із Siri, то проблем з освоєнням цієї фічі не буде. Достатньо:

  • натиснути на панелі зелену кнопку із піктограмою звуку;
  • з’явиться іконка із мікрофоном;
  • натисніть на нього та озвучте персонажа.

Як застосувати озвучку до персонажа? Просто додайте пазл з озвучкою у загальну стрічку пазлів.

Цикли

За тиждень ми почали освоювати цикли. Звичайно, дитина не відразу розуміла складні для свого віку слова. Тому я просто намагався пояснити, що цикл — це повторення певної послідовності дій.

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

Цикл виглядає як стрілочка. Її «натягують» на ці блоки та пишуть цифру, рівну кількості повторень.

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

Через якийсь час настала черга алгоритмів. Пояснював так: це набір дій, якийсь сценарій чи план. Або на прикладі гри — це ланцюжок пазлів із дій.

У процесі дитина сама починає розуміти, що ланцюжок — це алгоритм. Необов’язково, щоб вона запам’ятала саме слово, головне розуміння ідеї.

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

Кілька алгоритмів для одного спрайту чи сцени

Згодом ми почали розширювати спектр можливостей. Я розповів;

  • як додати кілька алгоритмів на одному малюнку;
  • як застосувати до одного персонажа кілька алгоритмів;
  • як застосувати алгоритм до сцени.

Це не дуже просто. Наприклад, якщо в сцені два персонажі, то необхідно перемикатися між ними й створювати для кожного свій ланцюжок пазлів. Щоб це реалізувати, знадобиться ще один елемент — повідомлення чи події.

Повідомлення між алгоритмами, або ж події

Через якийсь час я пояснив доньці, що таке концепція повідомлення в Scratch. Якщо просто, це можливість передати дію від одного персонажа іншому.

Вона позначена кнопками із конвертами. Відкритий це одержувач. Невідкритий — відправник. Ці кнопки знаходяться в панелі керування, а саме — в блоках пуску.

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

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

Перехід між сценами

Завершальний і, мій погляд, найцікавіший блок (пазл) переходу між сценами. Він робить наші анімації різноманітнішими.

Після того, як ми додали другу сцену, з’являється блок завершення алгоритму. Він перемкне нас на нову сцену. Виглядає це приблизно так:

Тепер наша анімація більше нагадує мультфільм.

Висновки

  • Які навички стануть у пригоді дитині під час роботи зі Scratch? Бажано, досвід роботи з пазлами чи розмальовками на планшеті. Опціонально записувати себе на аудіо за допомогою планшета (Siri, наприклад).
  • Скільки часу знадобиться на засвоєння залежить від дитини. Ми витрачали на одну ітерацію від двох до чотирьох днів. Максимум тиждень. Чіткого плану в нас не було: дитина сама приходила і просила підказати, що нового ми можемо ще зробити.
  • Інтервали мають бути комфортними для дитини. Якщо йому заходить швидше, то інтервали можуть бути меншими.
  • Для дітей п’яти років це може бути рано, але все індивідуально.
  • Потрібно обов’язково давати час на самостійну роботу зі Scratch.
  • Не намагайтеся навчити дитину всього. Влада сама розібралася, як створювати своїх персонажів, записувати аудіозаписи та перейменовувати проєкти.
  • Додайте дедлайни на впровадження кожного із завдань — так ви створите враження, що дитина працює на реальному проєкті.

Перші демо Влади

Корисні ресурси для дітей та дорослих

Знайшли помилку? Виділіть її і натисніть Ctrl+Enter

ЧИТАЙТЕ ТАКОЖ
Досвід і думки как стать frontend-девелопером после работы в море
Я був моряком і ненавидів свою роботу. Тепер я Frontend Developer, і ось мій шлях із моря в IT
Матеріал успішно додано в закладки Досягнуто максимальної кількості закладок
20 Січня 2022, 16:00 7 хв читання
Досвід і думки IT-рынок Украины в 2021-2022 году: зарплаты, вакансии, перспективы
ІТ-ринок в Україні перегрівся. Коли спаде гарячка і чому це симптом розвитку
Матеріал успішно додано в закладки Досягнуто максимальної кількості закладок
18 Листопада 2021, 09:30 7 хв читання
Досвід і думки Женщины в IT — это норма. Истории сотрудниц Reface, BetterMe, MacPaw, AmoMedia и GMEM
Жінки в ІТ — це норма. Історії співробітниць Reface, BetterMe, MacPaw, AmoMedia та GMEM
Матеріал успішно додано в закладки Досягнуто максимальної кількості закладок
22 Квітня 2021, 15:30 17 хв читання
Досвід і думки Нічого не дратує. Як Skyworker гейміфікував рекрутинг для інженерів-розробників
Нічого не дратує. Як Skyworker гейміфікував рекрутинг для інженерів-розробників
Матеріал успішно додано в закладки Досягнуто максимальної кількості закладок
21 Квітня 2021, 09:30 6 хв читання
Завантаження...