<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Урок 14.1. UI Flow. Привет обновление 0.7.0]]></title><description><![CDATA[<h2>Цель урока</h2>
<p dir="auto">Привет! Сегодня мы познакомимся с новой версией UI Flow - встречайте 0.7.0. В новой версии добавлена поддержка интересных вещей, таких как Units, RGB, также исправлены некоторые ошибки и изменен loader (который используется при настройке Wi-Fi соединения).</p>
<p dir="auto"><img src="https://pp.userapi.com/c848536/v848536473/82713/3hh7pSWC-i0.jpg" alt="" class=" img-fluid img-markdown" /></p>
<p dir="auto">Этот урок научит: подготавливать устройство для работы с M5 UI Flow версии 0.7.0; мигать встроенными RGB LED панелями на языке программирования Blockly.</p>
<h2>Краткая справка</h2>
<p dir="auto"><strong>Перечень компонентов для урока</strong></p>
<ul>
<li>PC;</li>
<li>M5STACK;</li>
<li>кабель USB-C из стандартного набора.</li>
</ul>
<h2>Начнём!</h2>
<h3>Шаг 1</h3>
<p dir="auto">В предыдущем уроке мы научились использовать UI Flow. Поэтому рассмотрим те шаги, которые отличаются от шагов из предыдущего урока. Прежде всего скачайте самую новую версию программы с нашего сайта: раздел <strong>Download</strong> на нашем сайте и скачайте <strong>M5Burner-for-windows</strong> (рис. 1).<br />
Кликните здесь для того, чтобы перейти на сайт <a href="http://m5stack.com" title="http://m5stack.com" target="_blank" rel="noopener noreferrer nofollow ugc">http://m5stack.com</a>.</p>
<p dir="auto"><img src="https://pp.userapi.com/c848620/v848620618/6daaa/P2OhVy8LB9U.jpg" alt="" class=" img-fluid img-markdown" width="1280" height="909" /></p>
<p dir="auto">Рисунок 1. Раздел <strong>Download</strong> на сайте M5STACK</p>
<h3>Шаг 2, 3</h3>
<p dir="auto">Данные шаги смотрите в  предыдущем уроке.</p>
<h3>Шаг 4</h3>
<p dir="auto">Прежде всего необходимо полностью очистить память устройства. Укажите COM-порт, к которому подключен M5; затем укажите скорость порта 921600; также выберите самую последнюю стабильную версию M5 UI Flow, затем нажмите кнопку <strong>Erase</strong> (рис. 2).</p>
<p dir="auto"><img src="https://pp.userapi.com/c848536/v848536000/81e03/SaFP-zN92Hs.jpg" alt="" class=" img-fluid img-markdown" /></p>
<p dir="auto">Рисунок 2.Очищаем память устройства</p>
<p dir="auto">После того, как память устройства успешно очищена (о чем свидетельствует сообщение <strong>Hard reseting via RTS pin...</strong>) можем смело загружать новую версию: нажимаем  кнопку <strong>Burn</strong> и ждем сообщения <strong>Leaving... Staing in bootloader.</strong> (рис. 2.1).</p>
<p dir="auto"><img src="https://pp.userapi.com/c848536/v848536000/81dfa/UHbwOyZG82M.jpg" alt="" class=" img-fluid img-markdown" /></p>
<h3>Шаг 5, 6</h3>
<p dir="auto">Данные шаги смотрите в  предыдущем уроке.</p>
<h3>Шаг 7</h3>
<p dir="auto">Когда устройство издаст звуковой сигнал нажмите и удерживайте третью кнопку (кнопка C) на устройстве, после чего будет открыто меню настройки - выбираем <strong>Change WIFI Connect</strong> и жмём вторую кнопку (кнопка B) (рис. 3).</p>
<p dir="auto"><img src="https://pp.userapi.com/c848536/v848536000/81e1d/GazxYcNLjVc.jpg" alt="" class=" img-fluid img-markdown" /></p>
<p dir="auto">Рисунок 3.</p>
<h3>Шаг 8, 9, 10, 11</h3>
<p dir="auto">Данные шаги смотрите в  предыдущем уроке.</p>
<h3>Шаг 12</h3>
<p dir="auto">После того, как устройство успешно подключится к Интернет на экране появится код доступа (Api key) и QR-код (рис. 4).</p>
<blockquote>
<p dir="auto">Обратите внимание: в правом верхнем углу появился индикатор соединения с сервером (очень удобно, на мой взгляд).</p>
</blockquote>
<p dir="auto"><img src="https://pp.userapi.com/c848524/v848524000/8847e/FGozfFd0bPA.jpg" alt="" class=" img-fluid img-markdown" /></p>
<p dir="auto">Рисунок 4</p>
<h3>Шаг 13</h3>
<p dir="auto">Данный шаг смотрите в  предыдущем уроке.</p>
<h3>Шаг 14</h3>
<p dir="auto">Давайте соберем простенький скетч и помигаем светодиодными панелями (рис. 5). Код на языке MicroPython приведён ниже:</p>
<pre><code>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)
</code></pre>
<p dir="auto"><img src="https://pp.userapi.com/c851020/v851020853/10aec/FEIY1YnaCwk.jpg" alt="" class=" img-fluid img-markdown" /></p>
<p dir="auto">Рисунок 5</p>
<h3>Шаг тестирования и запуска</h3>
<p dir="auto">Отлично! Светодиодные панели мигают (рис. 6), а значит мы всё сделали правильно.</p>
<p dir="auto"><img src="https://pp.userapi.com/c851020/v851020781/10a59/hns5EYV-xYo.jpg" alt="" class=" img-fluid img-markdown" /></p>
<p dir="auto">Рисунок 6. Ура! Заработало :)</p>
<p dir="auto">См. видео с демонстрацией работы в разделе <strong>Downloads</strong>. На этом урок ещё не завершён, есть кое что на заметку.</p>
<h3>На заметку</h3>
<p dir="auto">При повторной загрузке нового скетча может возникнуть такая ошибка (рис. 7).</p>
<p dir="auto"><img src="https://pp.userapi.com/c851020/v851020781/10a63/Ali3jpThVLU.jpg" alt="" class=" img-fluid img-markdown" /></p>
<p dir="auto">Рисунок 7. Ошибка <strong>Upload code failed, maybe your device is offline check it and retry</strong></p>
<p dir="auto">Для того, чтобы исправить - просто <strong>перезагрузите устройство</strong> и дождитесь свечения зелёного индикатора в правом верхнем углу на экране устройства, затем повторите попытку загрузки скетча нажатием на стрелку в браузере, где открыт UI Flow.</p>
<h2>Downloads</h2>
<ul>
<li>M5Burner-for-windows-v0.0.9 (Yandex Disk): <a href="https://yadi.sk/d/G7yE4ny_N9QQzg" title="https://yadi.sk/d/G7yE4ny_N9QQzg" target="_blank" rel="noopener noreferrer nofollow ugc">https://yadi.sk/d/G7yE4ny_N9QQzg</a></li>
<li>Видео с демонстрацией работы (YouTube): <a href="https://youtu.be/T49988i1W1o" title="https://youtu.be/T49988i1W1o" target="_blank" rel="noopener noreferrer nofollow ugc">https://youtu.be/T49988i1W1o</a></li>
</ul>
]]></description><link>https://community.m5stack.com/topic/340/урок-14-1-ui-flow-привет-обновление-0-7-0</link><generator>RSS for Node</generator><lastBuildDate>Wed, 15 Apr 2026 09:51:38 GMT</lastBuildDate><atom:link href="https://community.m5stack.com/topic/340.rss" rel="self" type="application/rss+xml"/><pubDate>Fri, 28 Sep 2018 06:13:58 GMT</pubDate><ttl>60</ttl></channel></rss>