Пришло время познакомиться с микро:бит на практике. Мы начнем с быстрого обсуждения этого микрокомпьютера, выбора среды и ее конфигурации.
Мы также создадим первые программы, благодаря которым мы будем использовать 25 светодиодов для отображения текстов и простых анимаций .
КАК СОЗДАВАТЬ ПРОГРАММЫ ДЛЯ МИКРО: БИТ?
Прежде чем мы начнем практиковаться в написании первых программ для платы micro:bit, подробнее познакомимся с интерфейсом среды программирования MakeCode, в которой вы будете создавать собственные проекты.
Рис. 5. Внешний вид среды программирования
- Возврат на страницу создания нового проекта.
- Управление созданными ранее проектами.
- Возможность поделиться своим проектом.
- Переключение между режимами программирования: блочный и текстовый на языке JavaScript .
- Справка (инструктивный материал).
- Настройки: изменение языка, удаление проектов.
- Кнопка запуска программы.
- Управление областью окна эмулятора.
- Разделы (папки) с объектами, блоками и командами для составления программного кода.
- Рабочее поле для составления программы.
- Кнопка для скачивания проекта на локальный диск компьютера.
- Поле для наименования созданного проекта.
- Кнопка для сохранение проекта на локальный диск компьютера.
Перед тем, как двигаться дальше, рассмотрите внимательно интерфейс среды программирования. При создании нового проекта с правой стороны от разделов с основными блоками, располагаются два блока: “on start” (по запуску) и “forever” (навсегда). Данные блоки являются обработчиками событий (мини-программами), отвечающими за способ исполнения программы при ее запуске. Написанная программа для платы micro:bit может воспроизводиться как единожды (“on start”), так и бесконечное количество раз, пока программа не будет приостановлена самим пользователем (“forever”).
Обработчик события необходим при написании программного кода, только при условии, что существует какое-либо событие.
Событие в программировании — это сообщение, которое говорит о начале совершения действия в программе. Например, если на эмуляторе или плате нажата кнопка, то какой либо кусочек нашей программы начнет воспроизводиться на плате. Нажатие на кнопку запуска программы на эмуляторе, в этом случае — это и есть событие, которое вызывает совершение какого либо действия (функцию) в вашей программе.
На плате микробит события могут создаваться при использовании устройств-ввода. Самыми распространенными являются программируемые кнопки управления: A и B.
Поскольку блоки для управления кнопками платы A и B сами являются обработчиками событий, то иногда, при создании проектов, необходимо удалить обработчики событий “on start” (по запуску) и “forever” (навсегда), кликнув на каждый из блоков левой кнопкой мыши и уведя блок в левую сторону.
ВСТУПЛЕНИЕ
Сделайте интерактивный значок, который покажет ваше настроение вашим друзьям.
ОТОБРАЖЕНИЕ ИЗОБРАЖЕНИЯ
Давайте начнем с показа изображения на вашем микро: бит, когда он включен.
- Перейдите по адресу https://makecode.microbit.org/ , чтобы начать новый проект в редакторе MakeCode . Назовите свой новый проект «Интерактивный значок».
Теперь вы должны увидеть редактор кода. Чтобы нарисовать изображение на вашем микро: бит, когда он включен, перетащите show leds блок из области кода (слева) внутрь start блока.
Чтобы создать изображение для отображения, нажмите на светодиоды, которые вы хотите включить:
- Ваш код будет автоматически запускаться в эмуляторе слева:
- Вы также можете проверить свой код на микро: бит сами! Для этого нажмите «Загрузить» в меню в левой части экрана.
Это создаст и загрузит .hex файл, который будет работать на вашем micro: bit.
- Используйте USB-кабель для подключения вашего micro: bit к компьютеру. Затем вы должны увидеть ваш micro: bit в файловом менеджере вашего компьютера как USB-накопитель.
- Если вы используете загрузчик micro: bit, то .hex файл будет автоматически скопирован в micro: bit.
В противном случае вам нужно будет скопировать .hex файл в micro: bit.
Если вы используете Google Chrome, вы можете нажать на стрелку после загруженного файла и выбрать «Показать в папке», а затем перетащить выделенный файл на диск micro: bit:
ЗАДАЧА: ПОКАЗАТЬ ГРУСТНОЕ ЛИЦО
Можете ли вы заставить свой micro: bit отображать грустное лицо при нажатии кнопки «B»? Вам нужно будет использовать другой блок «нажатием кнопки», чтобы сделать это, и выбрать «B».
- Индикатор на задней панели вашего микро: бит будет мигать во время копирования файла. После этого ваша программа будет запущена. Вы можете нажать кнопку сброса на задней панели вашего микро: бит, чтобы перезапустить программу.
- Теперь вы должны увидеть свое изображение на микро: бит. При желании вы можете отсоединить USB-кабель от вашего micro: bit и подключить аккумулятор. Программа будет сохранена на микро: бит.
Вам не нужна учетная запись, чтобы сохранить свои проекты! Ваш проект будет автоматически сохранен в браузере, вы можете нажать, Projects чтобы увидеть свои проекты. Кстати, стоит помнить, что редактор, доступный на уровне браузера, на самом деле является приложением, которое работает благодаря файлам, которые загружаются в память браузера при первом запуске редактора. Это приложение будет работать в браузере, даже если компьютер не будет подключен к Интернету (конечно, за исключением первого запуска, когда файлы загружаются в память). Это означает, что программы сохраняются на нашем компьютере даже при использовании онлайн-редактора (они не хранятся на сервере).
Вы также можете нажать «Сохранить», чтобы загрузить свой проект в виде .hex файла, который содержит ваш проект:
Чтобы загрузить проект на другой компьютер, нажмите «Проекты», затем «Импортировать файл» и выберите свой .hex файл.
ПОКАЗЫВАЯ СЧАСТЛИВОЕ ЛИЦО
Давайте покажем счастливое лицо на вашем микро: бит, когда нажата кнопка «А».
- Пока что вы запускаете код только при включенном micro: bit. Вы также можете запустить код при нажатии кнопки.
Перетащите блок «нажата кнопка» со входа и убедитесь, что выбран «A»:
Любой код, добавленный внутри этого блока, будет запущен при нажатии кнопки «A» на вашем микро: бите.
- Перетащите еще один show ledsблок в новое событие и нарисуйте рисунок счастливого лица.
- Проверьте наш новый код в эмуляторе. Нажмите кнопку «А», и вы увидите счастливое лицо на вашем микро: bit:
Вы также можете проверить свой новый код на вашем микро: бит.
СОЗДАНИЕ ПРОСТОЙ АНИМАЦИИ
Давайте создадим (очень) простую анимацию для ваших счастливых и грустных лиц.
- Добавьте второй show leds блок в свой on button A pressed блок с нейтральным лицом.
- Если вы запустите этот код для проверки, вы заметите, что шаблон быстро меняется. Для более длительной задержки вам нужно добавить pauseблок между двумя отображаемыми изображениями.
Чтобы выбрать количество миллисекунд ожидания, нажмите стрелку вниз и введите число. 1000 миллисекунд — это 1 секунда, поэтому 250 миллисекунд — это четверть секунды.
- Вам также нужно оживить ваше грустное лицо. Самый простой способ сделать это — скопировать только что созданные вами блоки. Щелкните правой кнопкой мыши блок, чтобы скопировать его. Обратите внимание, что редактор просто дублирует один блок за раз (а не несколько блоков, таких как Scratch.)
- Затем вы можете перетащить эти блоки в свой on button B pressedблок. Вот как должен выглядеть ваш код:
- Проверьте свой код, и вы должны увидеть свои оживленные счастливые и грустные лица, когда вы нажимаете кнопки A и B.
ЗАДАЧА: СОЗДАЙТЕ СВОЙ СОБСТВЕННЫЙ ИНТЕРАКТИВНЫЙ ЗНАЧОК!
Создайте свой собственный значок — вы можете использовать любые изображения или анимации, которые вам нравятся!
Справочник начинающего программиста…
В нашей программе мы используем блоки “show leds” (показать светодиоды) для программирования светодиодов, “on button A (B) pressed” (когда кнопка A (B) нажата) в качестве обработчиков событий. Раздел “Basic” (основное) и “Input” (ввод) включает в себя также несколько интересных блоков, с которыми мы предлагаем познакомиться. Для активации данных блоков, их необходимо разместить внутрь одного из обработчиков событий, изученных ранее.
Напомним, что ими могут являться: “on start” (по запуску), “forever” (навсегда), “on button A pressed” (когда кнопка A нажата), “on button B pressed” (когда кнопка B нажата).
1. Блок “show number” (показать число). Используя этот блок, на плату можно вывести любое число!
Блок “show number”
Пример программы с использованием блока “show number”. (URL-адрес: https://youtu.be/5ust_tuppj0).
2. Блок “show icon” (показать значок). Используя этот блок, на плату можно вывести любое изображение из библиотеки среды.
Рис. 22. Блок “show icon”
Пример программы с использованием блока “show icon”.
(URL-адрес: https://youtu.be/wEAdemLk7jo).
3. Блок “show string” (показать строку). Используя этот блок, на плату можно вывести текстовое сообщение (но только на английском языке!).
Блок “show string”
Проверьте себя…
- Перечислите основные компоненты интерфейса среды программирования.
- В чем заключается основное отличие блоков “on start” и “forever”?
- При каком условии необходим обработчик события при написании программного кода?
- Какой из приведенных блоков не является обработчиком события? Аргументируйте свой ответ.
ДЕЛАЕМ САМИ!…
1/ В блочном режиме составьте программу, обеспечивающую:
- вывод на экран ваших инициалов бесконечное количество раз;
- вывод приветственного сообщения ровно один раз.
2. Создайте собственное сенсорное устройство по типу Тамагочи! Напишите 3 разные программы для программируемых кнопок A, B, A+B, используя изученные блоки из раздела “Basic” (основное) и “Input” (ввод).
Программирование BBC micro:bit — событийно-ориентированное, то есть выполнение программы определяется событиями. Для BBC micro:bit такими событиями могут быть нажатие кнопки (кнопок), встряхивание, наклон контроллера, касание пина (P0, P1 или P2), приём радиосигнала от другого контроллера и т. п. Для первой программы разработаем линейный сценарий, который не использует усложнённых алгоритмических структур — ветвления и циклов, но продемонстрирует разнообразные возможности контроллера.
Программируем BBC micro:bit.
1) При нажатии кнопки A на дисплее выводится слово “Hello” (Привет)
2) При нажатии кнопки B на дисплее выводится смайлик
3) При нажатии А+В мигают глазки (сердце, смайл)
3) Когда микробит принимает вертикальное положение (logo up), на дисплее выводится стрелка “Вверх”
4) При перевороте микробита “вниз головой” (logo down) на дисплее выводится стрелка “Вниз”
5) При встряхивании (shake) экран очищается
