M5Stack в Velxio — Cardputer ADV и Core запускают собственные примеры M5Stack в браузере

M5Stack создает оборудование, которое можно держать в одной руке и использовать сразу из коробки — экран, кнопки, динамик и аккумулятор уже на месте, когда вы открываете упаковку. Именно такую плату симулятор должен воспроизвести до мельчайших деталей, иначе он бесполезен, потому что винить макетную плату не получится. Этот пост о том, как оборудование M5Stack попало в Velxio, что работает сегодня, и о небольшом тесте, который мы себе поставили — смогут ли собственные примеры скетчей M5Stack запускаться в браузере без изменения ни одной строки?

Могут. Начнем с этого.

Собственный тест дисплея M5Stack без изменений

M5Stack поставляет пример дисплея с библиотекой Cardputer — случайные цветные прямоугольники и текст, разбросанные по экрану, бесконечно, как быстрый способ увидеть работу LCD на полной скорости. Мы поместили его в галерею как есть.

Чтобы увидеть это самостоятельно:

1. Откройте velxio.dev/example/cardputer-adv-m5-display. Регистрация не требуется.
2. На панели инструментов вверху нажмите кнопку воспроизведения. Скетч компилируется с тем же ядром arduino-esp32 и библиотекой M5Cardputer, которые вы использовали бы в Arduino IDE. Холодная сборка занимает несколько минут; теплая — намного быстрее.
3. Когда плата загрузится, экран заполнится прямоугольниками в полном разрешении панели 240x135.
4. Нажмите на клавиатуру или нажмите на плату и используйте свою клавиатуру, затем откройте один из примеров клавиатуры, перечисленных в конце поста, чтобы увидеть, как нажатия клавиш поступают в скетч.

Этот скетч — один из пятнадцати официальных примеров M5Stack в галерее. На Cardputer ADV это примеры текстового терминала, кнопки, зуммера, дисплея, IR NEC отправки, одиночной клавиши, множественных клавиш, текстового ввода, microSD и игры-угадайки REPL. На Core это HelloWorld, Button, Display, Speaker и TFCard. Там, где пример использовал классическую библиотеку M5Stack, которая больше не компилируется на ядре arduino-esp32 3.x (в Arduino IDE или где-либо еще), он был портирован на M5Unified — библиотеку, которую M5Stack рекомендует сегодня. Все остальное не тронуто.

Две платы

M5 Cardputer ADV. Карманный компьютер — ESP32-S3, 1.14-дюймовый экран 240x135, 56-клавишная клавиатура, IMU, микрофон и динамик через кодек ES8311, ИК-излучатель, слот microSD и аккумулятор. В Velxio экран рисует на плате, вся клавиатура печатает (нажимайте на клавиши или сфокусируйтесь на плате и печатайте на своей клавиатуре), динамик играет через ваш компьютер, а микрофон передает звук с микрофона вашего компьютера, когда вы включаете переключатель Mic в заголовке холста. Кнопка Sensors рядом с ним наклоняет IMU BMI270 и устанавливает уровень заряда батареи, так что код, реагирующий на любое из этого, можно проверить. ИК-излучатель также отвечает — точка на плате мигает при каждой декодированной передаче. microSD — это настоящая FAT-карта с панелью загрузки. Wi-Fi и MicroPython работают; радио BLE не эмулируется.

M5Stack Core (Basic v2.7). Классический стековый ESP32 размером 54x54 мм с 2-дюймовым экраном 320x240 за стеклом, тремя передними кнопками, динамиком, слотом TF и портом Grove. Экран рисует, три кнопки нажимаются (активный низкий уровень, как подключено), тоны динамика звучат с реальной частотой скетча, а слот TF — настоящая карта. Карточка контактов M-Bus напечатана на всех четырех краях платы, с цветовой кодировкой, как у настоящего корпуса, и каждый контакт на ней можно подключать проводами, так что Core — такой же хороший хост для внешних компонентов, как любой DevKit.

Обе платы принимают Arduino C++ и MicroPython, и обе поставляются с всплывающими справочными листами в выборе компонентов, которые перечисляют распиновку и ссылаются на магазин M5Stack.

Матрицы Chain

В каталоге также есть два модуля M5Stack Chain — Chain RGB Matrix (64 светодиода WS2812E) и Chain Mono Matrix (64 белых светодиода). В Velxio они управляются как обычные матрицы WS2812 на их контакте DIN, именно так их используют пять примеров галереи с Arduino Uno — радуга, белая развертка, счетные цифры, прыгающий мяч и эффект огня. Реальный протокол Chain на основе UART на этом этапе не эмулируется — это в списке планов.

Работа с M5Stack

M5Stack поддержал эту работу и предоставил оборудование. Это имело большее значение, чем обычно, потому что многое из того, что делает эти платы полезными, находится на самой плате. Cardputer ADV в Velxio был настроен по физическому устройству — идентификатор панели, который M5GFX считывает для определения дисплея, сигнатура GPIO, которая отличает версию ADV от оригинальной, сканирование клавиатуры, кодек на I2C. Когда симулированная плата отвечает на эти вопросы так же, как настоящая, библиотеки M5Stack делают все остальное, и именно поэтому их примеры работают без правок.

Мы благодарны команде M5Stack за поддержку проекта, который позволяет людям попробовать их оборудование во вкладке браузера до покупки, и за библиотеки с открытым исходным кодом (M5Unified, M5GFX, M5Cardputer), которые сделали интеграцию вопросом правильной настройки оборудования, а не переписывания программного обеспечения.

Если вы хотите физические платы, они на shop.m5stack.com: Cardputer ADV, Basic Core v2.7, Chain RGB Matrix и Chain Mono Matrix. Документация M5Stack находится на docs.m5stack.com.

Все, что связано с M5Stack в Velxio, работает на бесплатном плане. Откройте выбор компонентов, выберите Boards, и Cardputer ADV и Core будут там рядом с другими платами ESP32.

Каждый пример M5Stack в галерее

Каждая ссылка открывает проект, готовый к запуску.

M5 Cardputer ADV

• M5 Cardputer ADV — LCD + эхо клавиатуры
• M5 Cardputer ADV — текстовый терминал (официальный пример M5Stack)
• M5 Cardputer ADV — обзор оборудования (дисплей, клавиатура, microSD, IMU, LED, батарея, микрофон)
• M5 Cardputer ADV — Brick Blaster, игра со звуком
• M5 Cardputer ADV — кнопка (официальный пример)
• M5 Cardputer ADV — зуммер (официальный пример)
• M5 Cardputer ADV — дисплей (официальный пример)
• M5 Cardputer ADV — отправка IR NEC (официальный пример)
• M5 Cardputer ADV — одиночное нажатие клавиши (официальный пример)
• M5 Cardputer ADV — множественные нажатия клавиш (официальный пример)
• M5 Cardputer ADV — текстовый ввод (официальный пример)
• M5 Cardputer ADV — microSD (официальный пример)
• M5 Cardputer ADV — игра-угадайка REPL (официальный пример)

M5Stack Core

• M5Stack Core — Hello LCD + кнопки
• M5Stack Core — LCD (Adafruit_ILI9341)
• M5Stack Core — встроенный microSD + LCD
• M5Stack Core — кнопочное пианино (динамик)
• M5Stack Core — HelloWorld (официальный пример)
• M5Stack Core — Button (официальный пример)
• M5Stack Core — Display (официальный пример)
• M5Stack Core — Speaker (официальный пример)
• M5Stack Core — TFCard (официальный пример)

Матрицы Chain (на Arduino Uno)

• M5Stack Chain RGB Matrix — радуга
• M5Stack Chain RGB Matrix — счетные цифры
• M5Stack Chain RGB Matrix — прыгающий мяч
• M5Stack Chain RGB Matrix — огонь
• M5Stack Chain Mono Matrix — белая развертка

Страницы плат в документации содержат полные распиновки: M5 Cardputer ADV и M5Stack Core. Предыдущий пост в этой серии был посвящен Seeed Studio.