Стелаж за дисплей, свързан със Steam: 18 стъпки (със снимки)

2024 Автор: John Day | [email protected]. Последно модифициран: 2024-01-30 07:52

Предистория

Брат ми има Funko POP фигури, които представляват неговите герои, които приятелите му играят най -често във видео игри. Мислехме, че би било готино, ако имат витрина, която да има светодиоди, които да представят техния статус в Steam. Така че с предишния си опит с Arduino, Steam API и дървообработването казах, че вероятно бих могъл да измисля нещо.

За всеки, който не знае какво е Steam, Steam е платформа за дигитално разпространение, разработена от Valve Corporation за закупуване и игра на видео игри с вградена комуникационна система. Steam също има способността да позволява на потребителите да виждат какво играят другите, ако човекът е на компютъра си, далеч, в игра и т.н., дори ви позволява да играете с тях, ако решите.

Характеристики / Дизайн

След като решихме, че ще направим този проект, седнах и започнах да изписвам някои функции, които знаех, че това трябва да има.

• Настройка/вход за безжична Wi-Fi връзка като Chromecast.
• Превключвател за затъмняване / включване / изключване.
• Отхвърлени светодиоди.
• LED режими на състоянието.
• Нулева поддръжка след настройка и изграждане.
• POP фигурките трябва да седят на/в.
• Не трябва да е гладен за енергия.

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

Важна забележка

Оригиналният дизайн беше кутия с множество нива. Въпреки това, след като изградихме двете бази, си помислихме, че ще изглежда по -добре като един дълъг рафт вместо кутия с множество нива. Ще се опитам да обясня как бихме го построили, ако бяхме започнали с новия дизайн, така че ако забележите на някои от снимките, че имаме малко по -различни размери, това е причината.

Стъпка 1: Материали

Електроника

• NodeMCU V1.0 ESP8266 (Връзка)
• USB 2.0 A-Male към Micro B кабел (за програмиране)
• Силиконов проводник 22 габарита 10 фута (връзка)
• 1/8 инчов разтегателен плетен ръкав 10 фута (връзка)
• DC жак за монтаж на панел (връзка)
• 5V 2 Amp DC захранване (връзка)
• Project Box (Връзка)
• Потенциометър (връзка)
• Спойка (почти всяка електрическа спойка ще работи)
• 22 AWG проект тел (Връзка)
• LED лента (връзка)

Project Wood (Home Depot Вижте снимките)

• 1 дъб.25 "X 1.5" X 48"
• 1 дъб.5 "X 1.5" X 48"
• 2 дъб.25 "X 5.5" X 48"
• 1 поликарбонатен лист 8 "X 10"

Обърнете внимание, че.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. След това пробийте дупка в гърба за нашия DC захранващ жак, поставяме това от задната дясна страна. Ако използвате жака за захранване в списъка с части, най -добрата тренировка за това беше 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.3V щифт, а жълтото към A0pin
14. Изрежете още 2 парчета черно и жълто.
15. Отстранете всеки край на 2 проводника до около 1/4 инча.
16. Запоявайте ги, за да разделите краката на бутона за нулиране, след това черния проводник към щифта GND и жълтия проводник към щифта D3.

С всичко това трябва да е всичко на електрическия чертеж, показан на снимките, с изключение на светодиодите, тъй като те все още не са изрязани или запоени.

Стъпка 5: Рязане на дърва

1. Разрежете дъбовата дъска.5 "X 1.5" X 48 "наполовина по дължина, така че да има две парчета, които са около.5" X.75 "X 48".
2. Подрежете двете половини от стъпка 1, така че да са.5 "X.75" X 44 ". Те ще служат като задна част и водеща опора вътре в рафта.
3. Разрежете дъската.25 "X 1.5" X 48 "наполовина по дължина, така че да има две парчета с размери около.25" X.75 "X 48".
4. Подрежете двете половини от стъпка 3, така че да са.25 "X.75" X 44 ". Те ще служат като предната част, която ще сандвич поликарбонатен лист.
5. Подрежете двете дъски.25 "X 5.5" X 48 "до.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 "X 10" на 5,5 "X 10"
2. Нарежете поликарбоната на 8 ленти, които са 5,5 "X 3/4".

Нарязахме поликарбоната върху лента, но това може да стане с мозайката или дори с настолен трион.

Стъпка 7: Залепете (част 1)

Преди залепването шлифовахме всяка наша поликарбонатна лента върху лентовата шлайфмашина, за да им придадем матово прозрачно покритие, това може да стане и само с шкурка. След изрязване и шлайфане на всички поликарбонатни парчета можем да залепим предната част на рафта. Ако нямате шлифовъчна лента, може да искате да внимавате с тази част, за да не получите епоксидна смола отпред и да разрушите прозрачното матово покритие.

1. Поставете един от.25 "X.75" X 44 "сос.
2. Поставете всяка от поликарбонатните ленти отгоре, за да се уверите, че всички те прилягат, преди да залепите.
3. Смесете голяма партида епоксид (това ще се използва върху горната част на едната дъска и на дъното на другата, не забравяйте да направите достатъчно).
4. Нанесете епоксидна смола върху горната част на.25 "X.75" X 44 "дъската.
5. Поставете 8 -те поликарбонатни ленти върху дъската.
6. Нанесете епоксидна смола върху поликарбонатните ленти.
7. Поставете другата дъска.25 "X.75" X 44 "отгоре и сандвич с много скоби.

Стъпка 8: Залепете (част 2)

Докато чакаме предната част да се втвърди, ще залепим задната. Гърбът ще се състои от.5 "X 3/4" X 44 "инчово парче с някои поликарбонатни дистанционни елементи, които ще действат като отдушник.

1. Нарежете остатъчния поликарбонат на 8 ленти около 3/4 "X 3".
2. Смесете умерено голяма локва епоксидна смола.
3. Използвайте епоксидна смола, за да залепите 8 поликарбонатни ленти към широката страна 3/4 "на една от.5" X 3/4 "X 44" дъските, равномерно разположени по дължината. Дъската вече ще бъде 593 "X 3/4" X 44 ".
4. Закрепете поликарбонатните ленти към дървото, докато епоксидният материал изсъхне.

Стъпка 9: Шлайфане

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

Стъпка 10: Залепете (част 3)

Сега, когато имаме нашите предни и задни дъски, можем да ги залепим за нашата основа (.25 "X 5.5" X 44 ").

1. Използвайте тънко лепило за дърво, за да залепите предната дъска към предния ръб на основата (.25 "X 5.5" X 44 ").
2. Използвайте тънко лепило за дърво, за да залепите задната дъска към задния ръб на основата (.25 "X 5.5" X 44 ").
3. Използвайте скоби, за да фиксирате двете дъски на място.

Стъпка 11: LED лента

1. Нарежете светодиодната лента на секции от 3 пиксела (Снимка 1).
2. Запояват лентите заедно с помощта на проектната жица, за да ги подредят в средата на всяка секция от поликарбонат (Снимка 2)
3. Горещо залепете дългата лента към второто парче дърво.5 "X 3/4" X 44"
4. Пробийте отвор 3/16 в една от крайните капачки на около 1 инча в парчето (Снимка 5).
5. Избутайте оплетения проводник през отвора, залепете го горещо на място и запоявайте проводниците към съответните подложки (черно към GND, червено до 5V, жълто към DI), това може да се види и в схемата на електрическо стъпало.
6. Поставете тънко топче лепило в долната част на светодиодната лента и я затегнете до дъното, така че да е на около 1/2 инча от предната платка, за да обезвреди светодиодите (Фигура 6).
7. Пробийте пилотни отвори в двете крайни капачки в задната дъска и светодиодната лента, след това просветете дупките и поставете 1-инчови винтове за гипсокартон, за да задържат краищата (Снимка 5).

Стъпка 12: Настройка на софтуера Arduino

Чипът ESP8266 е широко достъпен и има ниска цена, те имат функции за хостване на уеб сървъри, отправяне на заявки към уеб сървъри и много други неща, които ще ви позволят да свържете вашия проект Arduino към интернет. За да програмирате ESP8266, първо трябва да имате инсталирана Arduino IDE от уеб сайта на Arduino.

1. Отворете Arduino IDE.
2. Отидете на Предпочитания, които могат да бъдат намерени в раздела файл в горната част на прозореца (Снимка 1).
3. Отидете до „Допълнителни URL адреси на мениджърите на дъски:“и вмъкнете тази връзка „https://arduino.esp8266.com/stable/package_esp8266com_index.json“(Снимка 2).
4. Щракнете върху OK
5. Отидете в менюто с инструменти и отидете на борда и след това в Boards Manager … (Снимка 3).
6. Потърсете „ESP“, втората опция, която трябва да се покаже, трябва да бъде „esp8266 от общността на ESP8266“, променете версията на Версия 2.5.0 и щракнете върху инсталиране. (Снимка 4)
7. Когато инсталацията приключи, щракнете върху затвори.
8. Върнете се в менюто с инструменти, отидете на борда, изберете NodeMCU 1.0 (ESP-12E модул) (Снимка 5)
9. В менюто с инструменти направете всички опции да изглеждат като Снимка 6.
10. Изтеглете файловете, които са приложени към тази стъпка за библиотеката за автоматично свързване и прост списък.
11. Върнете се в Arduino IDE, отидете в менюто Sketch, Include Library, щракнете върху Add. ZIP Library…, след това отидете до файла AutoConnect.zip, който току -що сте изтеглили.
12. Повторете стъпка 11, но изберете SimpleList.zip вместо AutoConnect.zip. (Снимка 7)
13. Отидете на Включване на библиотека вътре в раздела Скица и щракнете върху Управление на библиотеки … (Снимка 8).
14. Потърсете PageBuilder и го инсталирайте (Снимка 9).
15. Потърсете ArduinoJson, променете версията на Версия 5.13.5 и я инсталирайте (Снимка 10).
16. Потърсете Neopixel, изберете третата опция и я инсталирайте (Снимка 11).

Стъпка 13: Програмиране

Сега, когато Arduino IDE е настроен, можем да започнем програмирането.

1. Изтеглете кода на проекта, приложен към тази стъпка.
2. Отворете файла в Arduino IDE.
3. Свържете ESP8266 към компютъра си с помощта на Micro USB кабел
4. В горната част на файла ще видите "String STEAM_KEY =" XXXXXXXXXXXXXXXX "; // Вашият ключ за пара от API на steam." трябва да замените „XXXXXXXXXXXXXXXX“с клавиша за пара, който можете да извлечете от тази връзка, ако нямате домейн за въвеждане, просто въведете „127.0.0.1“като домейн.
5. На този етап, ако сте направили някакви промени в дизайна, като например сте добавили повече или по -малко светодиоди, можете да промените някои от настройките в кода в горната част, там има коментари, които да ви помогнат с тези промени.
6. Отидете на Инструменти, след това отидете на порта и изберете единствената налична опция (ако има повече от една опция, изключете esp8266 и отворете отново менюто с инструменти и отидете на порта и вижте какво е изчезнало, след което го включете отново и вижте какво се е върнало и изберете този) (Снимка 1).
7. След като изберете порта, можете да кликнете върху бутона за качване в горния ляв ъгъл (Снимка 2).
8. Когато приключите с качването, трябва да видите стартирането на Arduino (светодиодите ще имат подскачащ светодиод, който е син, изчакайте, докато стане лилав, ако не виждате никакви светлини, че сте направили нещо нередно в стъпките) в този момент знаете че всичко работи правилно.
9. Изключете esp8266 от микро USB кабела и включете 5v захранването в dc жака на гърба и проверете дали светодиодите и димерът работят.

Стъпка 14: Поставяне на горната част

На този етап имате избор на начини, по които бихте искали да монтирате капака, в крайна сметка го поставихме с 3/4 винта за гипсокартон, които пробихме пилотни отвори и ги вдлъбнахме. Възможно е също така да се залепи с лепило за дърво на предната лента и епоксидна смола на задни поликарбонатни дистанционни елементи.

Ние направихме оцветяване преди тази стъпка, но това трябваше да стане преди оцветяването.

Стъпка 15: Оцветяване

Избрахме да оцветим нашия рафт с петно от абанос и да нанесем полиуретан, за да осигурим на рафта защита. Ако решите да оцветите или боядисате рафта си, първо трябва да изрежете бояджийска лента, за да покриете поликарбоната на предната лента, за да не я прикриете. Освен това нямаше специални стъпки за оцветяване, а да следвате стъпките на кутията.

Стъпка 16: Настройка

1. Включете рафта, където искате да го оставите.
2. Отидете на телефона си или на всеки компютър с възможност за wifi.
3. Потърсете wifi сигнал, наречен Steam-Status-Hub (Снимка 1) и се свържете с него.
4. След като свържете устройството си, ще ви уведомим, че wifi иска да влезете, за да получите интернет, но това наистина е нашият метод за настройка на проекта (Снимка 2).
5. Когато кликнете върху изскачащия прозорец, който казва, че трябва да влезете, ще видите нещо като Снимка 3.
6. Кликнете върху трите реда в горния десен ъгъл.
7. Щракнете върху Steam IDs и въведете steam 64 ids на приятеля, който искате да покажете, не забравяйте да натиснете бутона за изпращане, след като сте въвели всички идентификатори. Обърнете внимание, че първият идентификатор ще се появи най -близо до esp8266 в окабеляването, а след това вторият и т.н. (SteamID64 могат да бъдат намерени от тази връзка).
8. Кликнете върху трите реда в горния десен ъгъл.
9. Щракнете върху Добавяне на нова точка за достъп и въведете вашата wifi информация и щракнете върху прилагане.
10. След като щракнете върху „Приложи“, ще бъдете върнати на вашия wifi екран и вашият свързан с пара рафт трябва да покаже състоянието на вашите приятели след минута.

Стъпка 17: Функции

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

• Ако бутонът за нулиране се задържи за 5 секунди, той ще премахне старите данни за wifi и ще се рестартира с точка за достъп, както направи по време на настройката.
• Светодиодите имат множество режими на състояние, за да показват всякакви грешки, например светодиодите ще пулсират лилаво, когато не могат да се свържат с wifi и трябва да го нулирате, светодиодите ще пулсират циан, ако има проблем с извличането на информацията за id, който е въведен, светодиодите ще пулсират жълто, ако има проблем с мрежата или ако сте въвели Steam API ключът е лош.

Светодиодите имат множество цветове, за да представят състоянието на парата на човек

• Червено = Заето.
• Жълто = далеч.
• Зелено = В играта.
• Синьо = Онлайн.
• Оранжево = Дрямка.
• Циан = Търся търговия.
• Purple = Търся игра.

Стъпка 18: Заключение

Свързаният с Steam рафт ще продължи да бъде ежедневна употреба на брат ми. През целия този проект научих много повече от това, което знаех за Arduino и дървообработването и ще продължа да използвам тези нови знания в следващите си проекти. Поглеждайки назад към това, което създадох, осъзнах, че част от дизайна можеше да бъде променен и се опитах да обясня какво бихме направили, ако го направим. През следващите няколко седмици ще продължа да търся да работя по кода за този проект и да го поддържам актуален. Моля, уведомете ме, ако имате въпроси или проблеми относно тази инструкция и ще се опитам да ви помогна.