Урок 14.1. UI Flow. Привет обновление 0.7.0



  • Цель урока

    Привет! Сегодня мы познакомимся с новой версией UI Flow - встречайте 0.7.0. В новой версии добавлена поддержка интересных вещей, таких как Units, RGB, также исправлены некоторые ошибки и изменен loader (который используется при настройке Wi-Fi соединения).

    Этот урок научит: подготавливать устройство для работы с M5 UI Flow версии 0.7.0; мигать встроенными RGB LED панелями на языке программирования Blockly.

    Краткая справка

    Перечень компонентов для урока

    • PC;
    • M5STACK;
    • кабель USB-C из стандартного набора.

    Начнём!

    Шаг 1

    В предыдущем уроке мы научились использовать UI Flow. Поэтому рассмотрим те шаги, которые отличаются от шагов из предыдущего урока. Прежде всего скачайте самую новую версию программы с нашего сайта: раздел Download на нашем сайте и скачайте M5Burner-for-windows (рис. 1).
    Кликните здесь для того, чтобы перейти на сайт http://m5stack.com.

    Рисунок 1. Раздел Download на сайте M5STACK

    Шаг 2, 3

    Данные шаги смотрите в предыдущем уроке.

    Шаг 4

    Прежде всего необходимо полностью очистить память устройства. Укажите COM-порт, к которому подключен M5; затем укажите скорость порта 921600; также выберите самую последнюю стабильную версию M5 UI Flow, затем нажмите кнопку Erase (рис. 2).

    Рисунок 2.Очищаем память устройства

    После того, как память устройства успешно очищена (о чем свидетельствует сообщение Hard reseting via RTS pin...) можем смело загружать новую версию: нажимаем кнопку Burn и ждем сообщения Leaving... Staing in bootloader. (рис. 2.1).

    Шаг 5, 6

    Данные шаги смотрите в предыдущем уроке.

    Шаг 7

    Когда устройство издаст звуковой сигнал нажмите и удерживайте третью кнопку (кнопка C) на устройстве, после чего будет открыто меню настройки - выбираем Change WIFI Connect и жмём вторую кнопку (кнопка B) (рис. 3).

    Рисунок 3.

    Шаг 8, 9, 10, 11

    Данные шаги смотрите в предыдущем уроке.

    Шаг 12

    После того, как устройство успешно подключится к Интернет на экране появится код доступа (Api key) и QR-код (рис. 4).

    Обратите внимание: в правом верхнем углу появился индикатор соединения с сервером (очень удобно, на мой взгляд).

    Рисунок 4

    Шаг 13

    Данный шаг смотрите в предыдущем уроке.

    Шаг 14

    Давайте соберем простенький скетч и помигаем светодиодными панелями (рис. 5). Код на языке MicroPython приведён ниже:

    from m5stack import *
    from m5ui import *
    import units
    clear_bg(0x111111)
    pir0 = units.PIR(units.PORTB)
    
    while True:
      rgb.set_dir("right", 0x33cc00)
      wait(0.2)
      rgb.set_all(0x000000)
      rgb.set_dir("left", 0xff9900)
      wait(0.2)
      rgb.set_all(0x000000)
      rgb.set_dir("right", 0x000099)
      wait(0.2)
      rgb.set_all(0x000000)
      rgb.set_dir("left", 0xcc0000)
      wait(0.2)
      rgb.set_all(0x000000)
    

    Рисунок 5

    Шаг тестирования и запуска

    Отлично! Светодиодные панели мигают (рис. 6), а значит мы всё сделали правильно.

    Рисунок 6. Ура! Заработало :)

    См. видео с демонстрацией работы в разделе Downloads. На этом урок ещё не завершён, есть кое что на заметку.

    На заметку

    При повторной загрузке нового скетча может возникнуть такая ошибка (рис. 7).

    Рисунок 7. Ошибка Upload code failed, maybe your device is offline check it and retry

    Для того, чтобы исправить - просто перезагрузите устройство и дождитесь свечения зелёного индикатора в правом верхнем углу на экране устройства, затем повторите попытку загрузки скетча нажатием на стрелку в браузере, где открыт UI Flow.

    Downloads