Отображение расписания PyPortal Splatoon 2: 34 шага (с изображениями)

2024 Автор: John Day | [email protected]. Последнее изменение: 2024-01-30 11:51

Мысли Тинкерера Следуйте дальше от автора:

О себе: Мне нравится делать вещи. Подробнее о bbtinkerer »

Интересное отображение текущих и предстоящих этапов Splatoon 2 в играх Turf War и рейтинговых играх, типах рейтинговых игр и расписании бега лосося с помощью Adafruit PyPortal. Прокрутите расписание, нажимая на сенсорный экран. Фоны меняются случайным образом для приятного просмотра. Дополнительная подставка Amiibo предназначена для Amiibotronics, которая поворачивает Amiibos к экрану при изменении расписания.

Текущие этапы извлекаются из Splatoon2.ink, созданного @mattisenhower, а время синхронизируется с Adafruit IO.

Этот проект действительно прост, если вы просто хотите отобразить расписание на PyPortal и использовать то, что есть у меня. По сути, вам просто нужно обновить файлы конфигурации для ваших сетевых настроек, информации учетной записи Adafruit IO и часового пояса.

Проект становится немного более сложным, если вы хотите дальше настраивать его в зависимости от того, насколько хорошо вы работаете с программами изображений и программированием на Python.

Добавление анимации Amiibo не является обязательным и потребует немного больше работы с пайкой и 3D-печатью.

Предостережение

PyPortal не так быстр, как ваш игровой монитор с 1 мс HDMI. Дисплею требуется несколько секунд, чтобы отобразить все на экране.

Запасы

Необходимый:

• Adafruit PyPortal - Интернет-дисплей на базе CircuitPython
• Учетная запись Adafruit IO
• Вай фай
• Карта Micro SD

Дополнительная сборка Amiibtronic:

• Комплект настольной подставки Adafruit PyPortal
• Микро сервоприводы MG90S x 2
• Сервомодуль PC9685
• Микро коммутационная плата USB
• Комплект закрытых стереодинамиков - 3 Вт, 4 Ом
• 3-контактный гнездовой разъем JST PH
• 4-контактный гнездовой разъем JST PH
• Разъемы JST RCY
• Винты, шайбы и гайки M2,5
• M3 Винты, шайбы и гайки
• 4-40 Винты, шайбы и гайки
• Провода
• Небольшие кабельные стяжки
• Термоусадочная пленка
• 3д принтер
• Метчики винтовые
• Наклейки Splatoon

Шаг 1. Отображение двух этапов простого Portal Splatoon

Загрузите проект SplatSchedule с GitHub. Создайте файл secrets.py в каталоге src / conf с вашей информацией, используя пример в каталоге src / conf. Обновите application_configuration.py в той же папке.

Создайте каталог фонов на карте micro SD в ее корне. Скопируйте все файлы BMP из каталога изображений проекта в только что созданный каталог фонов. Вставьте карту micro SD в PyPortal.

Установите файл SplatSchedule_ [дата].uf2 из папки прошивки в PyPortal, дважды быстро нажав кнопку сброса на задней панели PyPortal, чтобы открыть загрузочный диск. Затем скопируйте файл. PyPortal автоматически перезагрузится после завершения копирования файла. Это прошивка CircuitPython 4.0.1 со встроенными необходимыми библиотеками Adafruit.

Скопируйте все файлы из каталога src на свой PyPortal, и все будет в порядке. PyPortal должен автоматически перезагрузиться и запуститься.

Ниже приводится краткое описание файлов конфигурации.

secretts.py - каждая конфигурация не требует пояснений. Замените SSID на SSID вашего WiFi и так далее. Вам нужно будет указать свой часовой пояс с https://worldtimeapi.org/timezones, например. мой часовой пояс Тихий океан / Гонолулу.

# В этом файле вы храните секретные настройки, пароли и токены!

# Если вы поместите их в код, вы рискуете зафиксировать эту информацию или поделиться ею # что было бы не очень хорошо. Так что, вместо этого, храните все это в одном файле и # держите в секрете. secretts = {'ssid': 'SSID', # Сохраните две кавычки '' вокруг имени 'password': 'PWD', # Сохраните две '' кавычки вокруг пароля 'timezone': "TIMEZONE", # http: / /worldtimeapi.org/timezones 'aio_username': 'AIO_USERNAME', 'aio_key': 'AIO_KEY',}

application_configuration.py - вам действительно нужно обновить time_adjust, чтобы быстро начать работу. Я не нашел способа получить эту настройку часового пояса из secretts.py, поэтому вам нужно будет преобразовать настройку часового пояса в секунды. Остальные настройки не требуют пояснений.

configuration = {

'battle_schedule_url': 'https://splatoon2.ink/data/schedules.json', 'salmon_schedule_url': 'https://splatoon2.ink/data/coop-schedules.json', 'time_service': 'https: / /io.adafruit.com/api/v2/%s/integrations/time/strftime?x-aio-key=%s ',' time_service_strftime ':' & fmt =% 25Y-% 25m-% 25d +% 25H% 3A% 25M% 3A% 25S.% 25L +% 25j +% 25u +% 25z +% 25Z ', # Adafruit IO strftime is% Y-% m-% d% H:% M:% S.% L% j% u% z% Z см. https://strftime.net/ для подробностей декодирования # См. https://apidock.com/ruby/DateTime/strftime для полных опций 'time_adjust': -36000, # часов в секундах 'touchscreen_touch_throttle': 2, 'sd_mount_directory': '/ sd', 'background_images_directory': '/ sd / background /', 'background_timeout': 900, # 900 = 15 минут, schedule_change_timeout: 180, # 180 = 3 минуты, schedule_refresh: 43200, # 43200 = 12 hours # Если вы создали сцену с поворотным столом, установите значение True 'enable_turntable': False, # Следующие ниже параметры необязательны и используются для тестирования и отладки # 'debug': False, # 'disable_wifi': False, # 'use_test_files': False, # 'test_battle_schedule_file': '/test_battle_schedule.json', # 'test_salmon_schedule_file': '/test_salmon_schedule.json'}

Это все, что нужно для отображения расписания PyPortal Splatoon 2. Читайте дальше, если вы хотите настроить фон и / или настроить размещение текста.

Шаг 2: настройка фона

В проект SplatSchedule включен файл проекта GIMP, используемый для создания фонов. Используйте это как пример, если вам нравится использовать GIMP. Или используйте свой любимый редактор изображений для создания фонов. Следуйте некоторым из приведенных ниже рекомендаций, чтобы сделать фон отображаемым.

Сценические фоны взяты из Inkipedia.

Как упоминалось ранее, PyPortal не быстро отображает отображение. Чтобы сократить объем обработки PyPortal, поместите статический текст на задний план.

Фон должен быть размером 320x240 пикселей в формате растрового изображения. Я сохранил фоны в 24-битном формате, так как 16-битные выглядели ужасно, а 32-битные имели синий оттенок.

Это почти все, что касается фона. Следующий шаг описывает шрифт и размещение текста.

Шаг 3. Настройка шрифта

Прочтите Пользовательские шрифты для дисплеев CircuitPython, чтобы создавать свои собственные пользовательские шрифты.

Я использовал шрифты из @frozenpandaman, которые можно найти на

Поместите шрифты в соответствии с каталогом, указанным в text_configuration.py в каталоге src / conf. Расположение по умолчанию - / fonts /.

Обновите text_configuration.py для выбора шрифта, цвета и координаты размещения текста.

text_configuration.py - должно быть понятным.

configuration = {

'fonts_directory': '/ fonts /', # text: (font, color, (x, y)) 'text_battle_time_slot': ('Splatoon2-18.bdf', 0xFFFFFF, (10, 18)), 'text_battle_regular_stage_a': ('Splatoon2-18.bdf', 0xFFFFFF, (65, 66)), 'text_battle_regular_stage_b': ('Splatoon2-18.bdf', 0xFFFFFF, (65, 86)), 'text_battle_ranked_rule_name': ('Splatoon2-24. bdf ', 0xF54910, (65, 108)),' text_battle_ranked_stage_a ': (' Splatoon2-18.bdf ', 0xFFFFFF, (65, 129)),' text_battle_ranked_stage_b ': (' Splatoon2-18.bdf ', 0xFFFFFF, (65, 149)), 'text_salmon_time_slot': ('Splatoon2-18.bdf', 0xFFFFFF, (65, 191)), 'text_salmon_stage': ('Splatoon2-18.bdf', 0xFFFFFF, (65, 211))}

подсказки

Старайтесь не использовать более 3 шрифтов для устранения проблем, указанных ниже.

Используйте свой графический редактор, чтобы помочь вам найти координаты того места, где вы хотите разместить текст, чтобы вам не приходилось просто гадать. Обычно координаты x и y инструмента указателя программного обеспечения для редактирования изображений отображаются где-то в редакторе, большую часть времени в строке состояния.

Проблемы

Чем больше шрифтов вы используете, тем дольше PyPortal запускается, поскольку все используемые шрифты загружаются во время установки.

Растровые шрифты занимают много места и занимают место во встроенном хранилище PyPortal.

Вы можете создать каталог шрифтов на карте micro SD и указать туда (например, / sd / fonts /), но я столкнулся со странной проблемой, когда тот же шрифт будет запускаться из встроенного хранилища, но не работать с micro SD карта. Я не мог решить, в чем проблема с загрузкой с SD-карты.

Шаг 4. Читайте дальше, чтобы создать дисплей Amiibtronics

Следующие шаги предназначены для создания сценического дисплея DJ Turntable Amiibotronic.

Вы можете остановиться на этом, если хотите, чтобы PyPortal отображал расписания Splatoon 2.

Шаг 5: PyPortal I2C 3.3 В

Я обнаружил, что встроенные часы реального времени (RTC) перестают тикать, если вы подключаете устройство I2C на 5 В. Я думаю, это из-за того, что у RTC есть подтяжки до 3.3V. Затем добавление устройства I2C на 5 В, которое имеет собственные подтяжки до 5 В, сбивает RTC.

Рядом с портами на стороне PyPortal есть перемычка для выбора портов вывода напряжения. Для справки см. Распиновки Adafruit.

Обрежьте / соскребите крошечный след, соединяющий центральную площадку с площадкой 5V. *** Важно *** Обрежьте / соскоблите ленточный кабель!

Используйте мультиметр, чтобы убедиться, что нет непрерывности между центральной площадкой и площадкой 5 В. Также убедитесь, что вывод напряжения порта не соединен с контактной площадкой 5 В.

Припаяйте небольшую паяльную перемычку от центральной площадки к контактной площадке 3 В.

Используйте мультиметр, чтобы проверить соединение центральной панели с контактной площадкой на 3 В. Убедитесь, что нет случайного соединения с контактной площадкой 5V.

Шаг 6: Разъем питания - Подключение PyPortal

Мы подключим PyPortal напрямую к шине 5V вместо использования порта micro USB PyPortal.

Провод, который идет с разъемом JST RCY, слишком велик, чтобы его можно было протиснуть через корпус Adafruit PyPortal. Вам нужно будет припаять меньший провод 24AWG к PyPortal, а затем к разъему JST RCY. Используйте обычные цвета: красный для плюса и черный для заземления проводов.

Зачистите и залудите концы проводов 24AWG. Обрежьте конец так, чтобы он был равен размеру паяльной площадки 5 В (контактная площадка, которую мы только что отсоединили на предыдущем шаге).

Залудите контактную площадку 5V и припаяйте красный провод к контактной площадке. Затем осторожно согните провод, чтобы он прошел между портом I2C и портом D3.

Залудите контакт заземления порта D3 (верхний контакт) и припаяйте к нему черный провод. Согните этот провод по красному проводу.

Шаг 7: Разъем питания - добавление конца разъема

Обрежьте провода, прикрепленные к охватываемому концу JST RCY, до разумной длины, например, дюйма или двух. Я выбрал вилку, чтобы разъем соответствовал боковым портам.

Наденьте термоусадочную трубку на провода перед тем, как соединить их пайкой.

Припаяйте провода разъема к проводам, которые мы припаяли на предыдущем шаге.

Усадите трубку на место.

Шаг 8: отключите встроенный динамик

Будем подключать внешние динамики, необходимо отключить встроенный динамик. См. Раздел «Динамик и разъем динамика» для справки.

Слева от встроенного динамика есть две контактные площадки, соединенные крохотной дорожкой. Обрежьте / соскребите этот крошечный след.

Используйте мультиметр, чтобы проверить, что две контактные площадки больше не подключены друг к другу.

Шаг 9: Разъем для динамика

Добраться до разъема динамика очень сложно, когда включен корпус PyPortal. Мы сделаем косичку разъема, чтобы можно было легко подключать / отключать внешние динамики.

Припаяйте вилку 2-контактного разъема JST PH к концу охватывающего разъема Molex Picoblade. Убедитесь, что у вас есть провода, припаянные к правильной клемме для соответствующего гнездового разъема JST PH.

Самая маленькая термоусадочная трубка, которая у меня была, все еще была слишком большой, поэтому в итоге я приклеил ее к штекерному разъему горячим способом.

Шаг 10: соберите приложение PyPortal от Adafruit

Соберите акриловый корпус PyPortal в соответствии с инструкциями к корпусу.

Вилка питания должна выходить сбоку.

Присоедините разъем для гибкого кабеля динамика, который мы сделали ранее. Сделайте это сейчас, так как позже будет сложно подключить это.

Шаг 11: Жгут проводов PCA9685 - переставьте провода 4-контактного разъема JST PH

Вы можете пропустить этот шаг, если вас устраивает порядок цветов проводов на проводном 4-контактном разъеме JST PH с розеткой.

Я использовал нож для хобби, чтобы поднять фиксатор и вытащить провода. Я изменил цвета, чтобы они соответствовали распиновке напряжения PyPortal.

Я мог бы оставить белый и желтый провод в покое, но мне нравится желтый как SCL, так как желтый и SCL содержат букву «L».

Порядок цвета - черный, красный, белый и желтый (GND, VCC, SDA, SCL).

Верхний контакт - это контакт заземления, поэтому убедитесь, что при подключении разъема к PyPortal провод заземления подключен к верхнему контакту.

Шаг 12: Жгут проводов PCA9685 - конец разъема 6P Dupont

Зачистите концы 4-контактного гнездового разъема JST PH.

Обжать разъемы DuPont с внутренней резьбой до конца.

Вставьте провода в правильном порядке, чтобы они соответствовали заголовку на модуле PCA9685.

У меня порядок: GND, пропустить, SCL, SDA, VCC, пропустить.

Шаг 13: Жгут проводов PCA9685 - переставьте провода 4-контактного разъема JST PH

Как и в предыдущем шаге, измените цвета проводов 3-контактного разъема JST PH, чтобы они соответствовали контактам 3-контактных портов PyPortal. Порядок сверху вниз: GND, VCC, D3.

На противоположном конце разъема обжимаем штекерные разъемы DuPont.

Мы не будем использовать провода GND и VCC, а поместим их в 2-полюсный корпус на всякий случай для использования в будущем.

Шаг 14: Жгут проводов PCA9685 - подключите 3-контактный провод JST PH к 6-контактному разъему Dupont

Вставьте сигнальный провод D3 от 3-контактного гнездового разъема JST PH из предыдущего шага в 6-контактный разъем DuPont из предыдущего шага.

Провод должен подключаться между GND и SCL.

Шаг 15: Распечатайте детали дисплея Amiibotronic

Загрузите файлы PyPortal Splatoon 2 Stage 3D с Thingiverse.

Распечатайте файлы STL.

Описание файлов:

• PyPortalSplatoonStage.stl - нижняя часть дисплея для размещения электроники, сервоприводов и динамиков.
• PyPortalSplatoonRiser.stl - элемент, позволяющий поднять PyPortal до разумной высоты, соответствующей Amiibos.
• PyPortalSplatoonTurnTableBottom.stl - нижняя часть таблицы поворота, которая взаимодействует с сервоприводом для поворота. Я попытался сделать поворотный стол цельным, но выемка для сервопривода не так хорошо выходит даже с опорой для печати.
• PyPortalSplatoonTurnTableTop.stl - верхняя часть таблицы поворота, так как я разделил таблицу поворота на две части.

Я должен был напечатать сцену белым, если бы знал, что мои дети собираются наклеить на нее свои наклейки Splatoon. Я выбрал серый, потому что это то, что обычно бывает за поворотными столами для ди-джеев из того, что я видел.

Я также печатал с подставками, но для отверстий для сценических динамиков это действительно не нужно.

Шаг 16: коснитесь USB-подключения

Используйте нижний метчик 4-40, чтобы закрепить крепление коммутационной платы USB. Крепление представляет собой небольшой блок с двумя отверстиями.

Острым ножом срежьте пластиковое биение.

Шаг 17: коснитесь крепления сервопривода

Используйте крепежные винты, которые входят в комплект сервоприводов MG90S, чтобы «вбить» резьбу в монтажные блоки сервоприводов. Это больше похоже на проделывание отверстий под винты.

В таком случае устраните любое биение.

Шаг 18: коснитесь стояка

Используйте метчик 4-40, чтобы нарезать резьбу в 4 отверстиях под винты подступенка на дне.

Используйте нож для хобби, чтобы вырезать биение.

Шаг 19: Установите USB-порт питания

Используйте винты 1/4 дюйма 4-40, чтобы закрепить коммутационную плату USB.

Шаг 20: Установите модуль PCA9685

В центре сцены есть 4 отверстия, которые совпадают с монтажными отверстиями модуля PCS9685. Используйте эти отверстия для 12-миллиметровых винтов M2,5, 6-миллиметровых нейлоновых стоек, шайб и гаек. У меня под рукой было только 6 мм, но любая высота будет работать, если у вас достаточно длинные винты.

Я не стал включать стойки в печать, потому что штыри коллекторов внизу расположены слишком близко к монтажным отверстиям. Недостаточно места для надежной печати стойки с достаточно толстой стенкой, которая не мешала бы нижней части заголовка.

Шаг 21: установите сервоприводы

Установите сервоприводы в крепления сервоприводов. Сервоприводы подходят только в одном направлении, когда провода обращены к центру сцены.

Подключите сервоприводы к модулю PCA9685. Подключите левый сервопривод, если смотреть снизу, к порту 0, а правый сервопривод - к порту 1.

Убедитесь, что сервоприводы правильно подключены к модулю PCA9685, цвета проводов сервоприводов должны совпадать с модулем (черный / коричневый для заземления).

Шаг 22: Подготовьте сервопривод рог

Рупоры сервопривода не плоские наверху и должны быть выровнены, чтобы правильно поместиться в днище поворотной платформы.

Используйте наждачную бумагу, чтобы разгладить верх двустороннего рожка сервопривода. Вы узнаете, когда он станет плоским, когда весь блеск исчезнет.

Шаг 23. Установите держатель Amiibo для поворотного стола

Поместите рог сервопривода на сервопривод. Ориентация рожка не имеет значения.

Поместите нижнюю часть поворотного стола на рог сервопривода. Рожок сервопривода должен хорошо входить в выемку на дне поворотного стола.

Установите верх поворотного стола сверху и закрепите винтом M2 8 мм.

Повторите то же самое для второго сервопривода.

Вы можете безумно склеить части поворотного стола, если хотите. Я не сделал этого, так как мой тюбик клея высох. Поворотный стол по-прежнему работает без него.

Шаг 24: Установите динамики

Используйте 10 мм винты M3, шайбы и гайки, чтобы закрепить динамики на месте.

Провода должны быть направлены в стороны.

Признаюсь, мне было трудно достать гайки с внутренней стороны винтов в верхней части сцены. Что помогло, так это наличие плоскогубцев с загнутым концом, чтобы удерживать гайки на месте во время завинчивания.

Шаг 25: Свяжите PyPortal

Мне понравился внешний вид комплекта настольной подставки Adafruit PyPortal, и я решил, что нужно просто привязать PyPortal кабелем к стояку.

Ножки шкафа должны входить в пазы в верхней части стояка. Посадка не является плотной и может иметь некоторое пространство для маневра, но это не имеет значения.

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

Проденьте ножки корпуса в петли.

Затяните кабельные стяжки, чтобы удерживать ножки корпуса на месте. Не перетягивайте.

Есть прорези в передней части подступенка, если вы хотите привязать переднюю сторону ножек. Вам нужно будет связать кабельные стяжки, чтобы дотянуться. Я обнаружил, что в этом нет необходимости, поскольку двух кабельных стяжек на задней панели было достаточно, чтобы удерживать PyPortal на месте.

Шаг 26: Подключение питания PCA9685

Используйте провода для подключения VCC и GND от коммутационной платы USB к модулю PCA9685. Придерживайтесь соглашения и используйте красный для VCC и черный для GND.

Зачистите и залудите одну сторону проводов. Обрежьте луженый конец по размеру паяльной площадки коммутационной платы USB.

Припаяйте провода к коммутационной плате USB.

Зачистите другой конец проводов и вставьте их в клеммную колодку с винтовыми зажимами модуля PCA9685. Убедитесь, что VCC от USB переходит к VCC клеммной колодки.

Шаг 27: Разъем питания PyPortal

Припаяйте разъем JST RCY к разъему USB.

При необходимости зачистите и залудите концы проводов. Мой был раздет и залужен, так что его можно было просто припаять на место.

Шаг 28: Разъем динамика

Обрежьте провода динамика, так как они довольно длинные. Я уменьшил свой размер примерно до 5-6 дюймов (вы можете пойти короче, если подключите проводной разъем).

Каждый динамик имеет сопротивление 4 Ом, а PyPortal работает с динамиками с сопротивлением 8 Ом. Вам нужно будет подключить динамики последовательно, чтобы PyPortal видел 8 Ом.

Припаяйте черный провод одного динамика к красному проводу другого динамика. Не забудьте сначала надеть термоусадочную трубку.

Затем припаяйте 2-контактный гнездовой разъем JST PH к оставшимся проводам динамика. Скорее всего, провода разъема тоже будут красными и черными, поэтому просто совместите их. Кроме того, цвета должны совпадать с цветами пигтейла соединителя picoblade molex, который мы сделали ранее.

Шаг 29: прикрепите PyPortal Riser

Поместите стояк с PyPortal поверх сцены.

Используйте винты 1/2 дюйма 4-40 и шайбы, чтобы удерживать подступенок от более ранней ступени до верхней части ступени.

Перед завинчиванием убедитесь, что прорезь на переходной плате совпадает с прорезью на столике.

Шаг 30: Подсоедините жгут соединителя 6P DuPont

Подключите соединительный жгут 6P DuPont, который мы сделали ранее, к модулю PCA9685. Убедитесь, что разъем подключает правильные провода к модулю.

Шаг 31: Подключите разъемы

Вставьте разъемы JST PH и RCY через слот рядом с модулем PCA9685 и извлеките их через переходную плату вверху.

Подключите разъемы-розетки к соответствующим разъемам-вилкам.

Протяните провисание провода к сцене, чтобы сделать заднюю часть PyPortal красивой и аккуратной.

Шаг 32: Организуйте провода

Провода на сцене будут в беспорядке.

Соберите провода вместе и скрепите их чем-нибудь.

Я использовала липучку. Повязка широкая, ее можно разрезать пополам посередине и сделать бретельки более тонкими.

Шаг 33: украсить

Я не планировал этот шаг. У моих детей была книжка с наклейками, и они наклеили на нее несколько наклеек. Если бы я знал, я бы напечатал сцену белым цветом, чтобы он соответствовал контуру наклейки с брызгами. Мне все еще нравится, я думаю, они хорошо поработали.

Шаг 34: Спасибо

На этом все по проекту. Подключите USB-кабель и подключите к USB-источнику питания. Надеюсь, вам понравилось это руководство. Спасибо, что прочитали.

Также хочу поблагодарить следующих:

Adafruit для Adafruit IO

@mattisenhower для Splatoon 2. ссылка, которая предоставляет данные расписания

@frozenpandaman для шрифтов Splatoon