Полка, связанная со Steam: 18 шагов (с изображениями)

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

Предыстория

У моего брата есть фигурки Funko POP, которые представляют его персонажей, в которых его друзья чаще всего играют в видеоиграх. Мы подумали, что было бы круто, если бы у них была витрина со светодиодами, отражающими их статус в Steam. Итак, имея предыдущий опыт работы с Arduino, Steam API и деревообработкой, я сказал, что, вероятно, смогу что-нибудь придумать.

Для всех, кто не знает, что такое Steam, Steam - это платформа цифрового распространения, разработанная Valve Corporation для покупки и игры в видеоигры со встроенной системой связи. Steam также имеет возможность разрешить пользователям просматривать, во что играют другие, если этот человек находится на своем компьютере, вдали от него, в игре и т. Д., Он даже позволяет вам играть с ними, если вы того пожелаете.

Особенности / Дизайн

Как только мы решили, что собираемся сделать этот проект, я сел и начал писать некоторые функции, которые, как я знал, в этом должны быть.

• Настройка беспроводного Wi-Fi / вход в систему, как Chromecast.
• Диммер / выключатель.
• Разряженные светодиоды.
• Состояние светодиодных режимов.
• Нулевое обслуживание после установки и сборки.
• Фигурки POP должны сидеть на / в.
• Не должен быть жаждущим власти.

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

Важное примечание

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

Шаг 1: материалы

Электроника

• NodeMCU V1.0 ESP8266 (Ссылка)
• Кабель USB 2.0 A-Male - Micro B (для программирования)
• Силиконовый провод 22 калибра, 10 футов (ссылка)
• 1/8 дюйма расширяемая плетеная оплетка 10 футов (ссылка)
• Разъем постоянного тока для монтажа на панели (ссылка)
• Источник питания постоянного тока 5 В, 2 А (ссылка)
• Коробка проекта (ссылка)
• Потенциометр (ссылка)
• Припой (подойдет практически любой электрический припой)
• Провод проекта 22 AWG (ссылка)
• Светодиодная лента (ссылка)

Project Wood (Home Depot см. Изображения)

• 1 дуб. 25 "X 1,5" X 48"
• 1 дуб. 5 "X 1,5" X 48"
• 2 дуба 0,25 "X 5,5" X 48"
• 1 лист поликарбоната 8 "X 10"

Обратите внимание, что плата размером 0,5 "X 5,5" X 48 "показана на рисунках, но не используется в проекте.

сборка

• 2 тюбика двухкомпонентной эпоксидной смолы (Home Depot)
• Клей для дерева (Home Depot)
• Магниты.315 "Dia X.118" Thk (Home Depot) (необязательно)
• Морилка из черного дерева (Home Depot) (необязательно)
• Спрей полиуретан (если есть пятна)
• Малярная лента

Шаг 2: Инструменты

Это инструменты, которые мы использовали

• Настольная пила
• Радиальная пила
• Зажимы
• Шлифовальный станок
• Ленточная пила
• Пистолет для горячего клея
• Ножницы
• Паяльник
• Инструмент для зачистки проводов
• Электрическая дрель
• Сверлильный станок
• Наждачная бумага
• Рулетка
• Файл

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

Шаг 3: Создание окна проекта

1. Сначала просверлите отверстие в коробке проекта с той стороны, с которой вы хотите быть спереди, это будет для потенциометра затемнения. Мы просверлили это отверстие на маленькой стороне прямо посередине. Если вы используете потенциометр, указанный в списке деталей, лучшим сверлом, которое мы нашли для этого, было 17/64 (Рисунок 1).
2. Во-вторых, просверлите отверстие сзади для проводов, которые будут идти к полке. Если смотреть на коробку спереди, мы вставили это отверстие сзади слева, мы обнаружили, что сверло 3/16 подходит для этого лучше всего, но это было плотная посадка.
3. Затем просверлите отверстие в задней части для нашего разъема питания постоянного тока, мы поместили его на заднюю правую сторону. Если вы используете домкрат из списка запчастей, лучшей дрелью для этого будет 5/16. (Рисунок 2)
4. После этого просверлите отверстие сзади для кнопки сброса (именно этой кнопки нет в списке, потому что мы вытащили ее из коробки Arduino), и поместите ее прямо рядом с разъемом питания.
5. Перед сборкой проектной коробки мы сняли язычок на потенциометре, так как мы можем затянуть потенциометр достаточно туго, чтобы он нам на самом деле не понадобился.
6. Наконец, поместите все детали в соответствующие отверстия и затяните их. (Рисунок 3)

Шаг 4: Электрооборудование

При выполнении электромонтажных работ лучше всего руководствоваться схемой (Рисунок 4).

1. Обрежьте плетеную оплетку до 9 футов 8 дюймов. Если вам не нужна вся длина или вам нужно больше провода, то обрежьте оплетку только на 4 дюйма меньше длины провода (это позволит нам вывесить концы провода, чтобы припаять его внутри проектной коробки. и на полке).
2. Возьмите в руки 3 жилы провода 22 AWG, чтобы они образовали своего рода треугольник, и обмотайте их изолентой.
3. Пропустите 3 нити провода 22 AWG через оплетку (конец изоленты впереди), оставив около 2 дюймов провода на каждом конце, это может быть сложно, но нам пришлось прокладывать провод на всем протяжении. (Рисунок 1)
4. Вставьте проволоку в отверстие для проволоки в проектной коробке так, чтобы плетеная оплетка была немного внутри проектной коробки, затем приклейте проволоку горячим клеем вокруг отверстия, чтобы предотвратить их вытягивание. (Рисунок 2)
5. Зачистите конец красного провода примерно на 1/4 дюйма, затем припаяйте его к более короткой ножке разъема питания постоянного тока.
6. Зачистите конец черного провода примерно на 1/4 дюйма, затем припаяйте его к более длинной ножке разъема питания постоянного тока.
7. Поместите ESP8266 в коробку проекта (для использования в качестве интервала).
8. Зачистите конец белого провода примерно на 1/4 дюйма, затем припаяйте его к контакту D4 на ESP8266.
9. Отрежьте 2 куска красного и черного проводов, чтобы протянуть их от разъема питания к контакту Vin и контакту GND.
10. Припаяйте оба провода, как мы сделали с двумя другими красными и черными проводами, к разъему питания, затем припаяйте черный к контакту GND, а красный - к контакту Vin.
11. Отрежьте 3 отрезка красного, черного и желтого проводов, идущих от ESP8266 к потенциометру.
12. Зачистите конец 3 проводов примерно на 1/4 дюйма.
13. Припаяйте эти три куска провода, как показано на схеме, к потенциометру с черным подключением к контакту GND, красным к контакту 3,3 В и желтым к контакту A0pin.
14. Отрежьте еще 2 части черного и желтого.
15. Зачистите каждый конец 2 проводов примерно на 1/4 дюйма.
16. Припаяйте их к отдельным ножкам на кнопке сброса, затем черный провод к контакту GND и желтый провод к контакту D3.

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

Шаг 5: резка дерева

1. Разрежьте доску дуба 0,5 "X 1,5" X 48 "пополам в длину так, чтобы получилось две части размером примерно 0,5" X 0,75 "X 48".
2. Обрежьте две половинки из шага 1 так, чтобы они составляли 0,5 "X 0,75" X 44 ". Они будут служить спинкой и опорой для светодиода внутри полки.
3. Разрежьте доску 0,25 "X 1,5" X 48 "пополам в длину так, чтобы получилось две части размером примерно 0,25" X 0,75 "X 48".
4. Обрежьте две половинки из шага 3 так, чтобы они составляли 0,25 "X 0,75" X 44 ". Они будут служить передней частью, на которой будет лежать поликарбонатный лист.
5. Обрежьте две доски 0,25 "X 5,5" X 48 "до 0,25" X 5,5 "X 44" (сохраните лом). Они будут служить верхом и низом полки.
6. Извлеките лом с шага 5 (лом должен быть примерно 0,25 дюйма X 5,5 дюйма X 4 дюйма). Отрежьте два куска 0,25 дюйма X 5,5 дюйма X 1 1/8 дюйма из лома. Эти две части будут заглушками для полки.

Шаг 6: резка поликарбоната

1. Уменьшите размер поликарбоната с 8 на 10 дюймов до 5,5 на 10 дюймов.
2. Разрежьте поликарбонат на 8 полос размером 5,5 X 3/4 дюйма.

Мы режем поликарбонат на ленточной пиле, но это можно сделать и лобзиком, или даже настольной пилой.

Шаг 7: Приклейте (часть 1)

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

1. Разметка одной из частей 0,25 "X 0,75" X 44 ".
2. Перед приклеиванием положите каждую полоску поликарбоната сверху, чтобы убедиться, что все они подходят друг к другу.
3. Смешайте большую порцию эпоксидной смолы (она будет использоваться на верхней части одной доски и на нижней части другой, убедитесь, что этого достаточно).
4. Нанесите эпоксидную смолу на верхнюю часть плиты 0,25 "X 0,75" X 44 ".
5. Положите 8 полос поликарбоната сверху на плату.
6. Нанесите эпоксидную смолу поверх поликарбонатных полос.
7. Положите вторую доску размером 0,25 x 0,75 x 44 дюйма сверху и закрепите множеством зажимов.

Шаг 8: Приклейте (часть 2)

Пока ждем застывания лицевой стороны, приклеим обратную. Задняя часть будет состоять из части 0,5 "X 3/4" X 44 "дюйма с некоторыми поликарбонатными прокладками, которые будут действовать как вентиляционные отверстия.

1. Разрежьте оставшийся поликарбонат на 8 полосок размером примерно 3/4 дюйма на 3 дюйма.
2. Смешайте лужицу эпоксидной смолы среднего размера.
3. Используйте эпоксидную смолу, чтобы приклеить 8 полос поликарбоната к стороне шириной 3/4 дюйма одной из досок 0,5 X 3/4 X 44 дюйма, равномерно расположенных по длине. Размер платы теперь будет 593 "X 3/4" X 44 ".
4. Прикрепите поликарбонатные полосы к дереву до высыхания эпоксидной смолы.

Шаг 9: шлифование

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

Шаг 10: Приклейте (часть 3)

Теперь, когда у нас есть передняя и задняя доски, мы можем приклеить их к нашей основе (0,25 "X 5,5" X 44 ").

1. С помощью тонкого клея для дерева приклейте переднюю доску к переднему краю основания (0,25 "X 5,5" X 44 ").
2. Используйте тонкий клей для дерева, чтобы приклеить заднюю доску к заднему краю основания (0,25 "X 5,5" X 44 ").
3. Используйте зажимы, чтобы закрепить две доски на месте.

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

1. Разрежьте светодиодную ленту на участки по 3 пикселя (Рисунок 1).
2. Припаял полоски вместе с помощью проектной проволоки, чтобы выровнять их в середине каждой секции поликарбоната (фото 2).
3. Приклейте горячим клеем длинную полоску ко второму куску дерева размером 0,5 дюйма на 3/4 дюйма на 44 дюйма.
4. Просверлите отверстие 3/16 в одной из торцевых заглушек примерно на 1 дюйм в детали (Фото 5).
5. Протолкните плетеный провод через отверстие, приклейте его горячим клеем и припаяйте провода к соответствующим контактным площадкам (черный к GND, красный к 5 В, желтый к DI), это также можно увидеть на электрической схеме подключения ступени.
6. Нанесите тонкую полоску клея на нижнюю часть светодиодной планки и прижмите ее к нижней части так, чтобы она находилась на расстоянии около 1/2 дюйма от передней панели, чтобы помочь разрядить светодиоды (Рисунок 6).
7. Просверлите пилотные отверстия в обеих торцевых крышках на задней панели и на светодиодной планке, затем утопите отверстия и вставьте 1-дюймовые винты для гипсокартона, чтобы закрепить концы (Рисунок 5).

Шаг 12: Настройка программного обеспечения Arduino

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

1. Откройте IDE Arduino.
2. Перейдите к настройкам, которые можно найти на вкладке файлов в верхней части окна (рисунок 1).
3. Спуститесь к «URL-адреса дополнительных плат:» и вставьте эту ссылку «https://arduino.esp8266.com/stable/package_esp8266com_index.json» (Рисунок 2).
4. Нажмите ОК.
5. Перейдите в меню инструментов и перейдите на доску, а затем в Менеджер досок… (Рисунок 3).
6. Найдите «ESP». Второй вариант, который должен появиться, должен быть «esp8266 by ESP8266 Community», измените версию на версию 2.5.0 и нажмите «Установить». (Рисунок 4)
7. Когда установка будет завершена, нажмите "Закрыть".
8. Вернитесь в меню инструментов, перейдите на плату, выберите NodeMCU 1.0 (ESP-12E Module) (Рисунок 5)
9. В меню инструментов сделайте все параметры похожими на Рисунок 6.
10. Загрузите файлы, прикрепленные к этому шагу, для библиотеки автоподключения и простого списка.
11. Вернувшись в среду разработки Arduino, перейдите в меню «Скетч», «Включить библиотеку», нажмите «Добавить. ZIP-библиотеку…», затем перейдите к только что загруженному файлу AutoConnect.zip.
12. Повторите шаг 11, но выберите SimpleList.zip вместо AutoConnect.zip. (Рисунок 7)
13. Перейдите во вкладку «Включить библиотеку» на вкладке «Эскиз» и нажмите «Управление библиотеками…» (рисунок 8).
14. Найдите PageBuilder и установите его (рисунок 9).
15. Найдите ArduinoJson, измените версию на версию 5.13.5 и установите ее (рисунок 10).
16. Найдите Neopixel, выберите 3-й вариант и установите его (Рисунок 11).

Шаг 13: Программирование

Теперь, когда IDE Arduino настроена, мы можем приступить к программированию.

1. Загрузите код проекта, прикрепленный к этому шагу.
2. Откройте файл в среде Arduino IDE.
3. Подключите ESP8266 к компьютеру с помощью кабеля Micro USB.
4. Вверху файла вы увидите "String STEAM_KEY =" XXXXXXXXXXXXXXXX "; // Ваш ключ Steam из Steam API." вам нужно заменить «XXXXXXXXXXXXXXXX» на ключ Steam, который вы можете получить по этой ссылке, если у вас нет домена для ввода, просто введите «127.0.0.1» в качестве домена.
5. На этом этапе, если вы внесли какие-либо изменения в дизайн, например добавили больше или меньше светодиодов, вы можете изменить некоторые настройки в коде вверху, там есть комментарии, которые помогут вам с этими изменениями.
6. Перейдите в Инструменты, затем перейдите к порту и выберите единственный доступный вариант (если есть несколько вариантов, отключите esp8266 и снова откройте меню инструментов, перейдите в порт и посмотрите, что исчезло, затем подключите его снова и посмотрите, что вернулось и выберите тот) (Рисунок 1).
7. После выбора порта вы можете нажать кнопку загрузки в верхнем левом углу (рисунок 2).
8. Когда загрузка будет завершена, вы должны увидеть запуск Arduino (светодиоды будут светиться синим светом, подождите, пока он не станет фиолетовым, если вы не увидите никаких огней, если вы сделали что-то не так в шагах) в этот момент вы знаете что все работает правильно.
9. Отключите esp8266 от кабеля micro USB и подключите источник питания 5 В к разъему постоянного тока на задней панели и убедитесь, что светодиоды и диммер работают.

Шаг 14: надевание верха

На этом этапе у вас есть выбор способов, которыми вы хотели бы установить крышку, в конце концов, мы надеваем ее винтами для гипсокартона 3/4, в которых просверливаем пилотные отверстия и утопляем их. Также возможно приклеить столярный клей на переднюю планку и эпоксидную смолу на заднюю поликарбонатную прокладку.

Мы сделали окрашивание перед этим этапом, однако это нужно было сделать до окрашивания.

Шаг 15: окрашивание

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

Шаг 16: настройка

1. Вставьте полку там, где хотите ее оставить.
2. Подойдите к своему телефону или любому компьютеру с возможностью Wi-Fi.
3. Найдите сигнал Wi-Fi с именем Steam-Status-Hub (фото 1) и подключитесь к нему.
4. После подключения ваше устройство сообщит вам, что Wi-Fi требует, чтобы вы вошли в систему, чтобы получить доступ в Интернет, однако это действительно наш метод настройки проекта (Фото 2).
5. Когда вы нажмете на всплывающее окно, в котором говорится, что вы должны войти в систему, вы увидите что-то вроде рисунка 3.
6. Нажмите на три линии в правом верхнем углу.
7. Нажмите на идентификаторы Steam и введите идентификаторы Steam 64 друга, которого вы хотите отобразить, не забудьте нажать кнопку отправки после того, как вы ввели все идентификаторы. Обратите внимание, что первый идентификатор будет ближе всего к esp8266 в проводке, а затем второй и т. Д. (SteamID64 можно найти по этой ссылке).
8. Нажмите на три линии в правом верхнем углу.
9. Нажмите «Добавить новую точку доступа», введите информацию о своем Wi-Fi и нажмите «Применить».
10. После нажатия кнопки «Применить» вы вернетесь к экрану Wi-Fi, и ваша полка, связанная со Steam, через минуту должна отобразить статус ваших друзей.

Шаг 17: особенности

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

• Если удерживать кнопку сброса в течение 5 секунд, она удалит старые данные Wi-Fi и перезапустится с точкой доступа, как это было во время настройки.
• Светодиоды имеют несколько режимов состояния для отображения любых ошибок, например, светодиоды будут мигать фиолетовым, когда он не может подключиться к Wi-Fi, и вам нужно его сбросить, светодиоды будут мигать голубым, если есть проблема с получением информации для id, светодиоды будут мигать желтым, если возникла проблема с сетью или если введенный ключ Steam API неверен.

Светодиоды имеют несколько цветов для отображения состояния пара.

• Красный = занято.
• Желтый = В гостях.
• Зеленый = в игре.
• Синий = в сети.
• Оранжевый = откладывание.
• Голубой = Хотите торговать.
• Фиолетовый = Хочу поиграть.

Шаг 18: Заключение

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