Steam -länkad displayhylla: 18 steg (med bilder)

2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:44

Back Story

Min bror har Funko POP -figurer som representerar hans karaktärer som hans vänner spelar oftast i videospel. Vi trodde att det skulle vara häftigt om de hade ett vitrinskåp som skulle ha lysdioder i det för att representera deras status på Steam. Så med min tidigare erfarenhet av Arduino, Steam API och träbearbetning sa jag att jag förmodligen kunde komma på något.

För alla som inte vet vad Steam är, är Steam en digital distributionsplattform utvecklad av Valve Corporation för köp och spel av videospel med ett inbyggt kommunikationssystem. Steam har också möjlighet att tillåta användare att se vad andra spelar, om personen är på sin dator, borta, i spelet, etc., kan du till och med spela med dem om du så väljer.

Funktioner / design

När vi bestämde oss för att vi skulle göra det här projektet satte jag mig ner och började skriva ut några funktioner som jag visste att detta skulle behöva ha.

• Trådlös Wi-Fi-installation/inloggning som en Chromecast.
• Dimmer / av-omkopplare.
• Defused lysdioder.
• Status LED -lägen.
• Noll underhåll efter installation och konstruktion.
• POP -figurer måste sitta på/in.
• Får inte vara energihungrig.

Efter att ha bestämt vad projektet behövde för att inkludera mig och min bror började jag gå över design tills vi fick vad vi har nu.

En viktig anmärkning

Den ursprungliga designen var en låda med flera nivåer. Men när vi hade byggt de två baserna trodde vi att det skulle se bättre ut som en lång hylla istället för en låda med flera nivåer. Jag ska göra mitt bästa för att förklara hur vi skulle ha byggt det om vi hade börjat med den nya designen, så om du märker på några av bilderna att vi har lite olika storlekar är detta anledningen.

Steg 1: Material

Elektronik

• NodeMCU V1.0 ESP8266 (länk)
• USB 2.0 A-hane till Micro B-kabel (för programmering)
• 22 gauge silikontråd 10ft (länk)
• 1/8 tum expanderbar flätad ärm 10ft (länk)
• Panelmonterad DC -kontakt (länk)
• 5V 2 Amp DC nätaggregat (länk)
• Projektlåda (länk)
• Potentiometer (länk)
• Lödning (nästan vilken elektrisk lödning som helst fungerar)
• 22 AWG -projektledning (länk)
• LED -remsa (länk)

Project Wood (Home Depot Se bilder)

• 1 ek. 25 "X 1.5" X 48"
• 1 ek. 5 "X 1.5" X 48"
• 2 ek. 25 "X 5.5" X 48"
• 1 polykarbonatark 8 "X 10"

Observera att en.5 "X 5.5" X 48 "tavla visas på bilderna men inte används i projektet.

hopsättning

• 2 rör av tvådelad epoxi (Home Depot)
• Trälim (Home Depot)
• Magneter.315 "Dia X.118" Thk (Home Depot) (tillval)
• Ebenholtsfläck (Home Depot) (tillval)
• Spraya polyuretan (om den är färgad)
• Målare tejp

Steg 2: Verktyg

Det här är verktygen som vi använde

• Bordsåg
• Radialarmsåg
• Klämmor
• Bältslipmaskin
• Bandsåg
• Lim pistol
• Sax
• Lödkolv
• Wire stripper
• Borrmaskin
• Borrpress
• Sandpapper
• Måttband
• Fil

Även om vi använde dessa verktyg betyder det inte att du måste använda dessa exakta verktyg. Det skulle bara hjälpa steg för steg om du vill kopiera projektet direkt. Till exempel kan bandsågen ersättas av en sticksåg, en rullsåg, en handsåg etc.

Steg 3: Bygga projektboxen

1. Borra först ett hål i projektlådan från vilken sida du helst vill vara framsidan, detta är för dimningspotentiometern. Vi borrade det här hålet på den lilla sidan precis i mitten. Om du använder potentiometern i listan med delar var den bästa borrmaskinen vi hittade att använda för detta 17/64 (bild 1).
2. För det andra, borra ett hål på baksidan för trådarna som kommer att gå till hyllan, när vi tittade på rutan framifrån satte vi det här hålet bak till vänster, vi fann att 3/16 borr fungerade bäst för detta men det var en tight passform.
3. Borra sedan ett hål i ryggen för vår likströmskontakt, vi lägger det här på höger sida. Om du använder strömuttaget i reservdelslistan var den bästa borren för detta en 5/16. (Bild 2)
4. Efter det, borra ett hål på baksidan för återställningsknappen (den här exakta knappen är inte listad för att vi tog ut den från vår Arduino -låda) vi satte den här bredvid strömuttaget.
5. Innan vi monterade projektlådan tog vi bort fliken på potentiometern eftersom vi kan dra åt potentiometern tillräckligt hårt så att vi inte behöver den.
6. Sätt slutligen alla delar i respektive hål och dra åt dem. (Bild 3)

Steg 4: Elektrisk

När du gör det elektriska kan det vara bäst att bara följa diagrammet (bild 4).

1. Klipp den flätade ärmen till 9 '8'. Om du inte behöver hela längden eller om du behöver mer av tråden, skär sedan bara hylsan 4 tum mindre än trådens längd (detta gör att vi kan låta tråden hänga ut ändarna för att löda inuti projektlådan och i hyllan).
2. Håll de 3 trådarna med 22 AWG -tråd i handen så att de bildar en slags triangel och lindar dem med eltejp.
3. Mata de 3 trådarna med 22 AWG -tråd genom den flätade hylsan (slutet av den elektriska tejpen först) och lämna cirka 2 tum tråd i varje ände, det kan vara svårt men vi var tvungna att skita tråden hela vägen. (Bild 1)
4. Mata in tråden i trådhålet på projektlådan så att den flätade hylsan är något inuti projektlådan och lim sedan fast trådarna runt hålet för att förhindra att de dras ut. (Bild 2)
5. Ta bort änden av den röda tråden till ungefär en 1/4 in och löd den sedan till det kortare benet på likströmskontakten.

6. Ta bort den svarta trådens ände till ungefär en 1/4 in och löd den sedan på det längre benet på likströmskontakten.

7. Placera ESP8266 inuti projektlådan (ska användas för avstånd).
8. Stripa änden av den vita tråden till ungefär en 1/4 in och löd den sedan till D4 -stiftet på ESP8266
9. Klipp 2 bitar av röd och svart projektorkabel för att nå från strömuttaget till Vin -stiftet och GND -stiftet.
10. Löd båda dessa som vi gjorde med de andra två röda och svarta ledningarna till strömuttaget och löd sedan den svarta till GND -stiftet och den röda till Vin -stiftet.
11. Klipp 3 bitar av röd, svart och gul projektorkabel för att nå från ESP8266 till potentiometern.
12. Randig ände av de 3 trådarna till ca 1/4 tum.
13. Löd de tre trådbitarna som visas i diagrammet till potentiometern med den svarta ansluten till en GND -stift, den röda till 3,3V -stiftet och den gula till A0 -stiftet
14. Skär ytterligare två bitar av svart och gult.
15. Ta bort varje ände av de 2 trådarna till cirka 1/4 tum.
16. Lödda dem till separata ben på återställningsknappen och sedan den svarta ledningen till GND -stiftet och den gula tråden till D3 -stiftet.

Med allt detta borde det vara allt på den elektriska ritningen som visas på bilderna förutom lysdioderna eftersom de inte har klippts eller lödts än.

Steg 5: Skärning av veden

1. Skär Oak, 5 "X 1,5" X 48 "brädan på mitten på längden så att det blir två bitar som är cirka 0,5" X, 75 "X 48".
2. Trimma de två halvorna från steg 1 så att de är 0,5 "X, 75" X 44 ". Dessa kommer att fungera som baksida och ett ledstöd inuti hyllan.
3. Skär 0,25 "X 1,5" X 48 "brädan på mitten på längden så att det blir två bitar som är cirka 0,25" X, 75 "X 48".
4. Trimma de två halvorna från steg 3 så att de är 0,25 "X, 75" X 44 ". Dessa kommer att fungera som fronten som kommer att smälta in ett polykarbonatark.
5. Trimma de två.25 "X 5.5" X 48 "-brädorna till.25" X 5.5 "X 44" (spara skrotet). Dessa kommer att fungera som toppen och botten av hyllan.
6. Hämta skrotet från steg 5 (skrotet ska vara cirka 0,25 "X 5,5" X 4 "). Skär två bitar av 0,25" X 5,5 "X 1 1/8" från skrotet. Dessa två stycken kommer att vara ändkåporna för hyllan.

Steg 6: Skärning av polykarbonat

1. Skär polykarbonatet från 8 "X 10" till 5.5 "X 10"
2. Skär polykarbonatet i 8 remsor som är 5,5 "X 3/4".

Vi skär polykarbonatet på en bandsåg men detta kan göras med en sticksåg eller till och med en bordsåg.

Steg 7: Limma upp (del 1)

Innan vi limmade slipade vi var och en av våra polykarbonatremsor på bandslipmaskinen för att ge dem en matt transparent yta, detta kan också göras bara med sandpapper. Efter att ha klippt och slipat alla polykarbonatbitar kan vi limma fast hyllans framsida. Om du inte har en bandslipare kanske du vill vara försiktig med denna del så att du inte får epoxi på framsidan och förstör den transparenta matta finishen.

1. Layout en av.25 "X.75" X 44 "bitar.
2. Lägg var och en av polykarbonatremsorna ovanpå för att se till att alla passar innan limning.
3. Blanda en stor portion epoxi (detta kommer att användas på toppen av en bräda och på botten av den andra var noga med att göra tillräckligt).
4. Applicera epoxi på toppen av 0,25 "X, 75" X 44 "-skivan.
5. Lägg ner de 8 polykarbonatremsorna ovanpå brädan.
6. Applicera epoxi ovanpå polykarbonatremsorna.
7. Lägg den andra.25 "X.75" X 44 "plattan ovanpå och smörgå med många klämmor.

Steg 8: Limma upp (del 2)

Medan vi väntar på att framsidan ska bota klistrar vi fast bakstycket. Baksidan kommer att bestå av.5 "X 3/4" X 44 "tum bit med några polykarbonat distanser som kommer att fungera som en ventil.

1. Skär kvarvarande polykarbonat i 8 remsor ca 3/4 "X 3".
2. Blanda en måttlig pöl av epoxi.
3. Använd epoxi för att limma de 8 polykarbonatremsorna på den 3/4 "breda sidan av en av de 0,5" X 3/4 "X 44" skivorna, jämnt fördelade längs längden. Brädan kommer nu att vara 593 "X 3/4" X 44 ".
4. Fäst polykarbonatremsorna i träet tills epoxin torkar.

Steg 9: Slipning

Efter att framskivan (polykarbonatet inklämt mellan trä) har härdat (se epoxibehållaren för tid), slipa båda sidorna så att det blir en slät och epoxifri yta. Efter att ryggen är härdad kan vi sedan slipa det också för att ta bort eventuellt överskott av epoxi.

Steg 10: Limma upp (del 3)

Nu när vi har våra främre och bakre brädor kan vi limma dem på vår bas (0,25 "X 5,5" X 44 ").

1. Använd ett tunt trälim för att limma framskivan mot basens framkant (0,25 "X 5,5" X 44 ").
2. Använd ett tunt trälim för att limma bakplattan mot basens bakkant (0,25 "X 5,5" X 44 ").
3. Använd klämmor för att klämma fast de två brädorna på plats.

Steg 11: LED -bar

1. Skär ledremsan i sektioner om 3 pixlar (bild 1).
2. Lödde ihop remsorna med hjälp av projekttråden för att rada upp dem i mitten av varje sektion av polykarbonat (bild 2)
3. Varm lim den långa remsan till den andra delen av.5 "X 3/4" X 44 "trä
4. Borra ett 3/16 hål i en av ändlocken cirka 1 in i stycket (foto 5).
5. Skjut den flätade tråden genom hålet, varmlimmade den på plats och lödde trådarna till respektive kuddar (svart till GND, röd till 5V, gul till DI) detta kan också ses i det elektriska stegkopplingsschemat.
6. Lägg en tunn limpärla på botten av ledstången och kläm fast den till botten så att den var ungefär en halv tum från frontpanelen för att avlägsna lysdioderna (bild 6).
7. Borra pilothål i båda ändkåporna i bakstycket och ledstången och försänk sedan hålen och sätt in 1-tums gipsskruvar för att hålla ändarna på (bild 5).

Steg 12: Konfigurera Arduino -programvaran

ESP8266 -chipet är allmänt tillgängligt och har en låg kostnad. De har funktioner för att vara värd för webbserver, göra förfrågningar till webbservrar och många andra saker som gör att du kan ansluta ditt Arduino -projekt till internet. För att programmera ESP8266 måste du först ha Arduino IDE installerat från Arduino -webbplatsen.

1. Öppna Arduino IDE.
2. Gå till Inställningar som finns under filfliken högst upp i fönstret (bild 1).
3. Gå ner till "Ytterligare Boards Manager -webbadresser:" och sätt in den här länken "https://arduino.esp8266.com/stable/package_esp8266com_index.json" (bild 2).
4. Klicka på OK
5. Gå till verktygsmenyn och gå till styrelsen och sedan till Boards Manager … (Bild 3).
6. Sök efter "ESP", det andra alternativet som ska visas ska vara "esp8266 av ESP8266 Community", ändra versionen till version 2.5.0 och klicka på installera. (Bild 4)
7. Klicka på stäng när det är klart.
8. Gå tillbaka till verktygsmenyn, gå ombord, välj NodeMCU 1.0 (ESP-12E Module) (Bild 5)
9. På verktygsmenyn får alla alternativ att se ut som bild 6.
10. Ladda ner filerna som är bifogade till detta steg för biblioteket för automatisk anslutning och enkel lista.
11. Tillbaka i Arduino IDE, gå till Sketch -menyn, Inkludera bibliotek, klicka på Lägg till. ZIP -bibliotek … och navigera sedan till filen AutoConnect.zip som du just laddade ner.
12. Upprepa steg 11, men välj SimpleList.zip istället för AutoConnect.zip. (Bild 7)
13. Gå till Inkludera bibliotek på fliken Skiss och klicka på Hantera bibliotek … (bild 8).
14. Sök efter PageBuilder och installera den (bild 9).
15. Sök efter ArduinoJson ändra versionen till version 5.13.5 och installera den (bild 10).
16. Sök efter Neopixel, välj det tredje alternativet och installera det (bild 11).

Steg 13: Programmering

Nu när Arduino IDE är konfigurerat kan vi starta programmeringen.

1. Ladda ner projektkoden som bifogas detta steg.
2. Öppna filen i Arduino IDE.
3. Anslut ESP8266 till din dator med en mikro -USB -kabel
4. Högst upp i filen ser du "String STEAM_KEY =" XXXXXXXXXXXXXXXX "; // Din ångnyckel från Steam API." du måste ersätta "XXXXXXXXXXXXXXXX" med ångnyckeln som du kan hämta från den här länken om du inte har en domän att ange bara ange "127.0.0.1" som domän.
5. Vid denna tidpunkt, om du har gjort några ändringar i designen, till exempel att du har lagt till mer eller mindre lysdioder, kan du ändra några av inställningarna i koden längst upp, det finns kommentarer där för att hjälpa dig med dessa ändringar.
6. Gå till Verktyg, gå sedan till port och välj det enda tillgängliga alternativet (om det finns mer än ett alternativ koppla ur esp8266 och öppna verktygsmenyn igen och gå till port och se vad som försvann, anslut sedan den igen och se vad som kom tillbaka och välj den) (Bild 1).
7. När du väl valt porten kan du klicka på uppladdningsknappen längst upp till vänster (bild 2).
8. När det är klart att ladda upp bör du se Arduino -uppstarten (lysdioderna kommer att ha en studsande lysdiod som är blå vänta tills den blir lila om du inte ser några lampor på dig har gjort något fel i stegen) vid den tidpunkten vet du att allt fungerar som det ska.
9. Koppla ur esp8266 från mikro -USB -kabeln och anslut 5V -strömförsörjningen till likströmskontakten på baksidan och kontrollera att lysdioderna och dimmern fungerar.

Steg 14: Sätta på toppen

Vid denna tidpunkt har du ett val av sätt att montera locket, till sist satte vi på det med 3/4 gipsskruvar som vi borrade pilothål och försänkte dem. Det är också möjligt att limma fast det med trälim på framstången och epoxi på de bakre avstånden i polykarbonat.

Vi fläckade före detta steg men detta borde ha gjorts före färgning.

Steg 15: Färgning

Vi valde att färga vår hylla med ebenholtsfläck och applicera polyuretan för att ge hyllan skydd. Om du väljer att färga eller måla hyllan måste du först klippa målartejp för att täcka polykarbonatet på den främre stången så att du inte täcker det. Förutom det fanns det inga speciella steg för färgning utan att följa stegen på burken.

Steg 16: Inställning

1. Anslut hyllan där du vill lämna den.
2. Gå till din telefon eller vilken dator som helst med wifi.
3. Sök efter en wifi-signal som heter Steam-Status-Hub (Foto 1) och anslut till den.
4. När du har anslutit din enhet meddelar du att wifi vill att du loggar in för att få internet, men det här är verkligen vår metod för att konfigurera projektet (Foto 2).
5. När du klickar på popup -fönstret som säger att du måste logga in ser du något liknande bild 3.
6. Klicka på de tre raderna i det övre högra hörnet.
7. Klicka på Steam -ID och ange steam 64 -id: n för den vän som du vill visa. Se till att du trycker på skicka -knappen när du har angett alla id: er. Observera att det första id: t visas närmast esp8266 i ledningar och sedan det andra etc (SteamID64s kan hittas från denna länk).
8. Klicka på de tre raderna i det övre högra hörnet.
9. Klicka på Lägg till nytt AP och ange din wifi -information och klicka på Apply.
10. Efter att du klickat på ansökan kommer du tillbaka till din wifi -skärm och din ånglänkade hylla ska visa dina vänners status efter en minut.

Steg 17: Funktioner

Nu finns det många funktioner som jag inte gick över i denna instruktion, till exempel återställningsknappen som jag kommer att lista här.

• Om återställningsknappen hålls intryckt i 5 sekunder kommer den att ta bort gamla wifi -data och startas om med ett AP som det gjorde under installationen.
• Lysdioderna har flera statuslägen för att visa eventuella fel, till exempel lyser lysdioderna lila när den inte kan ansluta till wifi och du måste återställa den, lysdioderna pulserar cyan om det finns problem med att hämta informationen för id som angavs, lyser lysdioderna gult om det var ett problem med nätverket eller om Steam API -nyckeln som angavs är dålig.

Lysdioderna har flera färger för att representera en persons ångstatus

• Röd = upptagen.
• Gul = Borta.
• Grönt = I spelet.
• Blå = Online.
• Orange = Snoozing.
• Cyan = Vill handla.
• Lila = Vill spela.

Steg 18: Slutsats

Steam -länkade hyllan kommer att fortsätta vara en daglig användning av min bror. Under hela det här projektet har jag lärt mig så mycket mer än vad jag visste om Arduino och träbearbetning och jag kommer att fortsätta använda denna nya kunskap om mina nästa projekt. När jag tittade tillbaka på det jag skapade insåg jag att en del av designen kunde ha ändrats och jag försökte så gott jag kunde förklara vad vi skulle ha gjort om vi gjorde det. Under de närmaste veckorna kommer jag fortfarande att försöka arbeta med koden för detta projekt och hålla den uppdaterad. Meddela mig om du har några frågor eller problem om detta instruerbara så ska jag göra mitt bästa för att hjälpa dig.