та програмування анімації

Анімація смайлик приходить

На цьому уроці ви дізнаєтеся про кнопки на мікро: біт BBC - як використовувати їх для створення власної програми та як дізнатися, чи були вони натиснуті. Потім ми зв’яжемо їх з анімацією на дисплеї.

Необхідні інструменти:
BBC micro: bit, USB-кабель, акумулятор для micro: bit, комп'ютер, підключений до Інтернету

Ми будемо працювати в онлайн-середовищі makecode.microbit.org

Кнопки навколо нас

Кнопки є одними з найпоширеніших електронних компонентів - вони розташовані на контролерах, пральних машинах, ігрових приставках, платіжних терміналах. Ми використовуємо їх для управління електронікою - коли ми хочемо, щоб мікропроцесор щось зробив (наприклад, надіслав ліфт на наш поверх), ми повідомляємо про це за допомогою кнопки.

Micro: bit має 2 кнопки, які ми можемо використовувати в нашій програмі (вони позначені як кнопки A і B).

Натисніть одну кнопку

Зафіксувати натискання кнопки дуже просто на мікро: біт - просто використовуйте команду, коли натискаєте кнопку A з категорії Вхід. Спробуйте запрограмувати просту програму, яка відображатиме веселий смайлик, коли ви натискаєте A, і сумний смайлик, коли ви натискаєте B. Спробуйте програму спочатку в симуляторі, а вже потім завантажуйте її на micro: bit.

Натисніть дві кнопки

Спробуємо додати третій смайлик до нашої простої програми - цього разу розгублений. Ми покажемо це, натискаючи обидві кнопки одночасно. Але як ви протестуєте програму в тренажері? Якщо ви уважно помітите, після додавання команди при натисканні кнопки A + B у симуляторі внизу праворуч від мікро: біта з’явиться нова біла кнопка A + B. Звичайно, ви не знайдете його на справжньому мікро: біт ви не знайдете, він знаходиться лише в симуляторі, тому ви можете спробувати натиснути обидві кнопки одночасно.

Анімація - смайлик приходить і йде

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

Ми хочемо переконатися, що коли ми натискаємо кнопку A, смайлик поступово рухається з правого боку, поки ми не побачимо його повністю. Коли ми потім натискаємо кнопку B, смайлик рухатиметься вліво і поступово піде. Ми будемо використовувати команду для відображення світлодіодів, і для кожного кадру анімації будемо використовувати окрему команду для відображення світлодіодів .

Анімація через мікро: біти

Для цього вам знадобиться 2 мікробіта. Якщо у вас лише один, зв’яжіться з другом, який також має micro: bit, і спробуйте запрограмувати анімацію разом.

У нас є гарно анімований смайлик, він з’являється і виходить на дисплей, наступним кроком є ​​його анімація через кілька мікро: бітів. Він буде поступово з’являтися на одному мікро: біт, а потім переходити на інший. Отже, ми створимо дві анімації, на одній micro: bit вона почнеться відразу після одночасного натискання обох кнопок, а на іншій micro: bit - лише через кілька секунд. Але як визначити через скільки секунд смайлик повинен відображатися на другому мікро: біті? Найпростіший спосіб - виміряти час секундоміром, а потім використати команду паузи (мс) на початку анімації для другого мікро: біта .

Запишіть анімацію без паузи в одному мікро: біті та паузу перед анімацією в іншому.

Блимає серце

Останнє завдання - створити «спалах» з серцем - після натискання кнопки серце відображається протягом 5 секунд, а потім зникає.

Ми вже знаємо, як відображати зображення протягом 5 секунд, але як очистити екран? Зробити це можна двома способами - або за допомогою команди на відображення світлодіода, який ми залишаємо порожнім, або за допомогою команди Очистити екран з категорії Basic. .

Підсумок уроку

На цьому уроці ми дізналися, як використовувати кнопки micro: bit у наших програмах. Ми будемо ними користуватися часто, оскільки кнопки є одним із найбільш часто використовуваних електронних компонентів. Однак це не єдиний спосіб, яким ми можемо сказати micro: bit щось робити - на наступному уроці ми розглянемо, як керувати micro: bit, рухаючись.

Методика для вчителів

Допоміжні матеріали:

Необхідні інструменти:
Для кожного студента (або групи студентів) BBC micro: bit, USB-кабель, акумулятор до micro: bit, комп'ютер, підключений до Інтернету.

Цілі діяльності:

  • Познайомтесь з кнопками в електроніці
  • Навчіться користуватися програмованими кнопками micro: bit в програмі
  • Створіть анімацію на дисплеї micro: bit

Потрібні попередні знання:
Знати, як записувати програми на micro: bit, знати середовище MakeCode та команди для відображення рядка, відображення світлодіода та паузи (мс)

Приблизний час активності: 45 хвилин (не забувайте про час, необхідний для роздачі посібників, збору та остаточного обговорення/роздумів)

Розклад занять:

  • Підготовка годину тому
  • Хід діяльності
    • Повторити з останньої години [5 хв]
    • Кнопки навколо нас [5 хв]
    • Натискання кнопки [10 хв]
    • Анімація - смайлик приходить і йде [10 хв]
    • Анімація через мікро: біти [5 хв]
    • Серцевий спалах [5 хв]
    • Обговорення та підсумок діяльності [5 хв]

Підготовка годину тому

До цього заходу не потрібно ніякої спеціальної підготовки пристрою.

Хід діяльності

Повторити з останньої години [5 хв]

На початку уроку добре пам’ятати роботу в середовищі MakeCode - особливо підключення micro: bit та завантаження програми до micro: bit. Ви можете зробити це за допомогою простого повторюваного завдання - запрограмувати оголошення micro: bite, яке повідомляє нам, який день і дата сьогодні. (слайд No2)

Кнопки навколо нас [5 хв]

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

  • Що таке ґудзик?
  • Де використовуються кнопки?

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

Натискання кнопки [10 хв]

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

Симулюючи одночасне натискання обох кнопок, нагадайте студентам, що до тренажера додана спеціальна кнопка.

Анімація - смайлик приходить і йде [10 хв]

Спробувавши використати кнопки в програмі, ми також створимо для них анімацію - при натисканні кнопки A смайлик відображатиметься по черзі, а при натисканні кнопки B ви поступово підете. Продемонструйте студентам натхнення для слайд № 6.

Анімація через мікро: біти [5 хв]

Покладіть учнів у пари (або трійні) і покажіть слайд № 7. Скажіть їм зробити анімацію серця, яка буде відображатися послідовно на декількох мікро: бітах, але розпочнеться відразу (як видно на відео у презентації).

Серцевий спалах [5 хв]

Додатковим завданням є створення нової програми, яка відображає серце при натисканні кнопки, але через п’ять секунд екран очищається (слайд No 8).

Цю частину можна замінити (або доповнити), створивши власну анімацію згідно з попередніми кроками (але використовуйте будь-яку іншу фігуру замість смайлика).

Обговорення та підсумок діяльності [5 хв]

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

  • Де ми використовуємо кнопки?
  • Скільки кнопок можна використовувати в програмі micro: bit?
  • Чи можемо ми зафіксувати натискання кількох кнопок одночасно? Де ще, крім micro: bit, ми натискаємо одночасно більше однієї кнопки?

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