Steam -linket displayhylde: 18 trin (med billeder)

2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:28

Tilbage historie

Min bror har Funko POP -figurer, der repræsenterer hans karakterer, som hans venner oftest spiller i videospil. Vi troede, at det ville være fedt, hvis de havde en montre, der ville have lysdioder i den for at repræsentere deres status på Steam. Så med min tidligere erfaring med Arduino, Steam API og træbearbejdning sagde jeg, at jeg nok kunne finde ud af noget.

For alle, der ikke ved, hvad Steam er, er Steam en digital distributionsplatform udviklet af Valve Corporation til køb og spil af videospil med et indbygget kommunikationssystem. Steam har også mulighed for at give brugerne mulighed for at se, hvad andre spiller, hvis personen er på deres computer, væk, i spil osv., Lader det dig endda lege med dem, hvis du vælger det.

Funktioner / Design

Da vi besluttede, at vi skulle lave dette projekt, satte jeg mig ned og begyndte at skrive nogle funktioner, som jeg vidste, at dette skulle have.

• Trådløs Wi-Fi-opsætning/login som en Chromecast.
• Dimmer / tænd / sluk-kontakt.
• Defused LEDs.
• Status LED -tilstande.
• Nul vedligeholdelse efter installation og opbygning.
• POP -figurer skal sidde på/ind.
• Må ikke være strømhungrende.

Efter at have besluttet, hvad projektet havde brug for for at inkludere mig, begyndte jeg og min bror at gå over designs, indtil vi fik, hvad vi har nu.

En vigtig bemærkning

Det originale design var en æske med flere niveauer. Men da vi havde bygget de to baser, troede vi, at det ville se bedre ud som en lang hylde i stedet for en kasse med flere niveauer. Jeg vil prøve mit bedste for at forklare, hvordan vi ville have bygget det, hvis vi var startet med det nye design, så hvis du på nogle af billederne bemærker, at vi har lidt forskellige størrelser, er det årsagen.

Trin 1: Materialer

Elektronik

• NodeMCU V1.0 ESP8266 (link)
• USB 2.0 A-han til mikro B-kabel (til programmering)
• 22 gauge silikontråd 10ft (link)
• 1/8 tommer udvidelig flettet ærme 10 fod (link)
• Panelmonteret DC -stik (link)
• 5V 2 Amp DC strømforsyning (link)
• Projektboks (link)
• Potentiometer (link)
• Loddemaskine (stort set ethvert elektrisk loddemetal virker)
• 22 AWG -projektledning (link)
• LED Strip (Link)

Project Wood (Home Depot Se billeder)

• 1 eg. 25 "X 1,5" X 48"
• 1 eg. 5 "X 1,5" X 48"
• 2 eg. 25 "X 5,5" X 48"
• 1 Polycarbonatark 8 "X 10"

Bemærk, at et.5 "X 5.5" X 48 "bord er vist på billederne, men bruges ikke i projektet.

montage

• 2 rør af todelt epoxy (Home Depot)
• Trælim (Home Depot)
• Magneter.315 "Dia X.118" Thk (Home Depot) (valgfrit)
• Ebony bejdse (Home Depot) (valgfrit)
• Spray polyurethan (hvis farvet)
• Malere tape

Trin 2: Værktøjer

Dette er de værktøjer, vi brugte

• Bordsav
• Radialarmsav
• Klemmer
• Båndsliber
• Båndsav
• Varm limpistol
• Saks
• Loddekolbe
• Wire stripper
• El -boremaskine
• Boremaskine
• Sandpapir
• Målebånd
• Fil

Selvom vi brugte disse værktøjer, betyder det ikke, at du skal bruge disse nøjagtige værktøjer. Det ville kun hjælpe trin for trin, hvis du ønsker at replikere projektet direkte. For eksempel kan båndsaven erstattes af et stiksav, en rullesav, en håndsav osv.

Trin 3: Opbygning af projektboksen

1. Først skal du bore et hul i projektboksen fra den side, du gerne vil være foran, dette vil være til dæmpningspotentiometret. Vi borede dette hul på den lille side lige i midten. Hvis du bruger potentiometeret, der er anført i delelisten, var den bedste boremaskine, vi fandt til dette, 17/64 (billede 1).
2. For det andet, bor et hul i ryggen for de ledninger, der skal hen til hylden, når vi kiggede på boksen forfra, satte vi dette hul bagpå til venstre, vi fandt ud af, at 3/16 bor fungerede bedst til dette, men det var en stram pasform.
3. Bor derefter et hul i ryggen til vores jævnstrømsstik, vi sætter dette på højre side bagpå. Hvis du bruger strømstikket i delelisten, var den bedste boremaskine til dette en 5/16. (Billede 2)
4. Efter det skal du bore et hul i ryggen for nulstillingsknappen (denne nøjagtige knap er ikke angivet, fordi vi fik den ud af vores Arduino -boks), vi lagde dette lige ved siden af strømstikket.
5. Inden vi samlede projektboksen, slog vi fanen på potentiometeret af, da vi kan stramme potentiometeret tæt nok, så vi faktisk ikke har brug for det.
6. Slut til sidst alle delene i deres respektive huller og stram dem. (Billede 3)

Trin 4: Elektrisk

Mens du laver det elektriske, er det måske bedst bare at følge diagrammet (billede 4).

1. Klip den flettede ærme til 9 '8'. Hvis du ikke har brug for hele længden, eller hvis du har brug for mere af tråden, skal du kun skære ærmerne 4 tommer mindre end trådens længde (dette giver os mulighed for at få ledningen til at hænge enderne ud til lodning inde i projektboksen og i hylden).
2. Hold de 3 tråde på 22 AWG -ledningen i din hånd, så de danner en slags trekant og pak dem ind med elektrisk tape.
3. Før de 3 tråde på 22 AWG -ledninger gennem den flettede ærme (elektrisk tape -ende først), så der er ca. 2 tommer ledning i hver ende, det kan være svært, men vi var nødt til at skubbe tråden hele vejen. (Billede 1)
4. Før ledningen ind i trådhullet på projektboksen, så den flettede ærme er lidt inde i projektboksen, og lim derefter trådene rundt om hullet for at forhindre dem i at blive trukket ud. (Billede 2)
5. Strip enden af den røde ledning til ca. en 1/4 in og lod den derefter til det kortere ben på DC -stikket.

6. Strip enden af den sorte ledning til ca. en 1/4 in og lod den derefter til det længere ben af jævnstrømsstikket.

7. Placer ESP8266 inde i projektboksen (skal bruges til afstand).
8. Strip enden af den hvide ledning til ca. en 1/4 in og lod den derefter til D4 -stiften på ESP8266
9. Skær 2 stykker rød og sort projekturtråd for at nå fra strømstikket til Vin -stiften og GND -stiften.
10. Lodde begge dem, som vi gjorde med de to andre røde og sorte ledninger til strømstikket, og lod derefter den sorte til GND -stiften og den røde til Vin -stiften.
11. Klip 3 stykker rød, sort og gul projekturtråd for at nå fra ESP8266 til potentiometeret.
12. Strib enden af de 3 ledninger til ca. 1/4 in.
13. Lod de tre ledninger som vist i diagrammet til potentiometeret med den sorte tilsluttet en GND -pin, den røde til 3,3V pin og den gule til A0pin
14. Skær yderligere 2 stykker sort og gul.
15. Strip hver ende af de 2 ledninger til ca. 1/4 in.
16. Lod dem til separate ben på nulstillingsknappen, derefter den sorte ledning til GND -stiften og den gule ledning til D3 -stiften.

Med alt dette burde det være alt på den elektriske tegning, der er vist på billederne, undtagen for lysdioderne, da dem ikke er blevet skåret eller loddet endnu.

Trin 5: Skæring af træet

1. Skær Oak, 5 "X 1,5" X 48 "tavlen i halve på langs, så der er to stykker, der er ca. 0,5" X, 75 "X 48".
2. Trim de to halvdele fra trin 1, så de er 0,5 "X, 75" X 44 ". Disse fungerer som bagsiden og en led -støtte inde i hylden.
3. Skær 0,25 "X 1,5" X 48 "pladen i halve på langs, så der er to stykker, der er ca. 0,25" X, 75 "X 48".
4. Trim de to halvdele fra trin 3, så de er 0,25 "X, 75" X 44 ". Disse vil fungere som fronten, der vil sandwich et polycarbonatark.
5. Trim de to.25 "X 5.5" X 48 "boards til.25" X 5.5 "X 44" (gem skrot). Disse fungerer som toppen og bunden af hylden.
6. Hent skrot fra trin 5 (skrotet skal være ca. 0,25 "X 5,5" X 4 "). Skær to stykker 0,25" X 5,5 "X 1 1/8" fra skrot. Disse to stykker vil være endehætterne til hylden.

Trin 6: Skæring af polycarbonat

1. Skær polycarbonatet ned fra 8 "X 10" til 5.5 "X 10"
2. Skær polycarbonatet i 8 strimler, der er 5,5 "X 3/4".

Vi skærer polycarbonatet på en båndsav, men dette kan gøres med et stiksav eller endda en bordsav.

Trin 7: Lim op (del 1)

Inden limning slibede vi hver af vores polycarbonatstrimler på båndsliberen for at give dem en mat gennemsigtig finish, dette kan også gøres bare med sandpapir. Efter at have skåret og slebet alle polycarbonatstykker kan vi lime fronten på hylden op. Hvis du ikke har en båndsliber, vil du måske være forsigtig med denne del for ikke at få epoxy på forsiden og ødelægge den gennemsigtige matte finish.

1. Layout en af .25 "X.75" X 44 "stykker.
2. Læg hver af polycarbonatstrimlerne ovenpå for at sikre, at de alle passer inden limning.
3. Bland en stor portion epoxy (dette bruges på toppen af det ene bræt og i bunden af det andet, sørg for at lave nok).
4. Påfør epoxy på toppen af 0,25 "X, 75" X 44 "bord.
5. Læg de 8 polycarbonatstrimler ned oven på brættet.
6. Påfør epoxy oven på polycarbonatstrimlerne.
7. Læg det andet.25 "X.75" X 44 "bord ovenpå og sandwich med mange klemmer.

Trin 8: Lim op (del 2)

Mens vi venter på, at fronten hærder, limer vi bagsiden op. Bagsiden består af.5 "X 3/4" X 44 "tommer stykke med nogle polycarbonat afstandsstykker, som vil fungere som en udluftning.

1. Skær resterende polycarbonat i 8 strimler ca. 3/4 "X 3".
2. Bland en moderat størrelse pøl af epoxy.
3. Brug epoxy til at lime de 8 polycarbonatstrimler til den 3/4 "brede side af et af de.5" X 3/4 "X 44" plader, jævnt fordelt langs længden. Brættet bliver nu 593 "X 3/4" X 44 ".
4. Spænd polycarbonatstrimlerne til træet, indtil epoxyen tørrer.

Trin 9: Slibning

Efter at forpladen (polycarbonatet klemt mellem træ) er færdig med at hærde (se epoxybeholder for tid), slib begge sider, så der er en glat og epoxyfri overflade. Når ryggen er færdighærdet, kan vi så også slibe det for at fjerne overskydende epoxy.

Trin 10: Lim op (del 3)

Nu hvor vi har vores for- og bagplader, kan vi lime dem til vores bund (0,25 "X 5,5" X 44 ").

1. Brug en tynd perlelim til at lime frontpladen mod bundens forkant (.25 "X 5.5" X 44 ").
2. Brug en tynd perlelim til at lime bagpladen mod bundens bagkant (.25 "X 5.5" X 44 ").
3. Brug klemmer til at spænde de to brædder på plads.

Trin 11: LED -bjælke

1. Skær ledstrimlen i sektioner på 3 pixels (billede 1).
2. Loddet strimlerne sammen ved hjælp af projektkablet til at stille dem op i midten af hver sektion af polycarbonat (billede 2)
3. Varm lim den lange strimmel til det andet stykke.5 "X 3/4" X 44 "træ
4. Bor et 3/16 hul i en af endehætterne ca. 1 ind i stykket (foto 5).
5. Skub den flettede ledning gennem hullet, varmlimet den på plads og loddet ledningerne til de respektive puder (sort til GND, rød til 5V, gul til DI). Dette kan også ses i det elektriske trinledningsdiagram.
6. Læg en tynd perle lim på bunden af LED -stangen og klem den ned til bunden, så den var omkring en halv tomme væk fra frontpladen for at hjælpe med at afbøde LED'erne (billede 6).
7. Bor pilothuller i begge endehætter i bagpladen og ledstangen, så forsænk hullerne, og sæt 1-tommer gipsskruer i for at holde enderne på (billede 5).

Trin 12: Opsætning af Arduino -softwaren

ESP8266 -chippen er bredt tilgængelig og har en lav pris, de har funktioner til at være vært for webservere, foretage anmodninger til webservere og mange andre ting, der giver dig mulighed for at forbinde dit Arduino -projekt til internettet. For at programmere ESP8266 skal du først have Arduino IDE installeret fra Arduino -webstedet.

1. Åbn Arduino IDE.
2. Gå til Indstillinger, der findes under fanen fil øverst i vinduet (billede 1).
3. Gå ned til "Yderligere Boards Manager -webadresser:" og indsæt dette link "https://arduino.esp8266.com/stable/package_esp8266com_index.json" (billede 2).
4. Klik på OK
5. Gå til værktøjsmenuen, gå til board og derefter til Boards Manager … (Billede 3).
6. Søg efter "ESP", den anden mulighed, der skulle dukke op, bør være "esp8266 af ESP8266 Community", skift versionen til version 2.5.0 og klik på installer. (Billede 4)
7. Når det er installeret, skal du klikke på Luk.
8. Gå tilbage til værktøjsmenuen, gå til board, vælg NodeMCU 1.0 (ESP-12E Module) (Billede 5)
9. I værktøjsmenuen skal alle indstillinger ligne billede 6.
10. Download de filer, der er vedhæftet til dette trin til biblioteket til automatisk forbindelse og forenklet liste.
11. Tilbage i Arduino IDE, gå til Skitsemenuen, Inkluder bibliotek, klik på Tilføj. ZIP -bibliotek …, og naviger derefter til den AutoConnect.zip -fil, du lige har downloadet.
12. Gentag trin 11, men vælg SimpleList.zip i stedet for AutoConnect.zip. (Billede 7)
13. Gå til Inkluder bibliotek inde i fanen Skitse, og klik på Administrer biblioteker … (billede 8).
14. Søg efter PageBuilder og installer det (billede 9).
15. Søg efter ArduinoJson ændre versionen til version 5.13.5 og installere den (billede 10).
16. Søg efter Neopixel, vælg den tredje mulighed, og installer den (billede 11).

Trin 13: Programmering

Nu hvor Arduino IDE er konfigureret, kan vi starte programmeringen.

1. Download projektkoden, der er knyttet til dette trin.
2. Åbn filen i Arduino IDE.
3. Tilslut ESP8266 til din computer ved hjælp af et mikro -USB -kabel
4. Øverst i filen vil du se "String STEAM_KEY =" XXXXXXXXXXXXXXX "; // Din dampnøgle fra damp -API'et." du skal udskifte "XXXXXXXXXXXXXXXX" med dampnøglen, som du kan hente fra dette link, hvis du ikke har et domæne at indtaste, skal du bare indtaste "127.0.0.1" som domænet.
5. På dette tidspunkt, hvis du har foretaget ændringer i designet, f.eks. Hvis du har tilføjet mere eller mindre lysdioder, kan du ændre nogle af indstillingerne i koden øverst, der er kommentarer der for at hjælpe dig med disse ændringer.
6. Gå til Værktøjer, gå derefter til port og vælg den eneste tilgængelige mulighed (hvis der er mere end én mulighed, skal du tage esp8266 ud af stikkontakten og åbne værktøjsmenuen og gå til port og se, hvad der forsvandt, og derefter tilslutte den igen og se, hvad der kom tilbage og vælg den) (Billede 1).
7. Når du har valgt porten, kan du klikke på uploadknappen øverst til venstre (billede 2).
8. Når det er overført, skal du se Arduino -opstart (lysdioderne vil have en afvisende lysdiode, der er blå, vent, indtil den bliver lilla, hvis du ikke kan se nogen lys, du har gjort noget forkert i trinene) på det tidspunkt ved du at alt fungerer korrekt.
9. Tag esp8266 ud af mikro -USB -kablet, og tilslut 5v strømforsyningen til DC -stikket på bagsiden, og kontroller, om lysdioderne og lysdæmperen fungerer.

Trin 14: Sæt toppen på

På dette tidspunkt har du et valg af måder, du vil montere låget på, i sidste ende satte vi det på med 3/4 gipsskruer, som vi borede pilothuller og forsænkede dem. Det er også muligt at lime det fast med trælim på frontstangen og epoxy på de bageste polycarbonatafstandsstykker.

Vi farvede før dette trin, men dette skulle have været gjort før farvning.

Trin 15: Farvning

Vi valgte at plette vores hylde med ibenholtfarvning og anvende polyurethan for at give hylden beskyttelse. Hvis du vælger at plette eller male din hylde, skal du først klippe malertape for at dække polycarbonatet på frontstangen, så du ikke dækker det over. Bortset fra det var der ingen særlige trin til farvning, men at følge trinene på dåsen.

Trin 16: Opsætning

1. Tilslut hylden, hvor du gerne vil efterlade den.
2. Gå til din telefon eller en hvilken som helst computer med wifi -funktion.
3. Søg efter et wifi-signal, der hedder Steam-Status-Hub (Foto 1), og opret forbindelse til det.
4. Når din enhed er tilsluttet, vil du vide, at wifi vil have dig til at logge ind for at få internet, men dette er virkelig vores metode til at oprette projektet (Foto 2).
5. Når du klikker på pop op, der siger, at du skal logge ind, vil du se noget som billede 3.
6. Klik på de tre linjer i øverste højre hjørne.
7. Klik på Steam -id'er, og indtast Steam 64 -id'erne for den ven, du vil have vist, sørg for at trykke på knappen Send, når du har indtastet alle id'erne. Bemærk, at det første id vil vises tættest på esp8266 i ledninger og derefter det andet osv. (SteamID64'er kan findes fra dette link).
8. Klik på de tre linjer i øverste højre hjørne.
9. Klik på Tilføj nyt AP, og indtast dine wifi -oplysninger, og klik på Anvend.
10. Efter at have klikket på ansøgning bliver du taget tilbage til din wifi -skærm, og din steamlinkede hylde skal vise status for dine venner efter et minut.

Trin 17: Funktioner

Nu er der mange funktioner, som jeg ikke gennemgik i denne instruktion, f.eks. Nulstillingsknappen, som jeg vil liste ud her.

• Hvis nulstillingsknappen holdes inde i 5 sekunder, vil den fjerne gamle wifi -data og genstarte med en AP som den gjorde under opsætningen.
• Lysdioderne har flere statustilstande for at vise eventuelle fejl, for eksempel lyser lysdioderne lilla, når den ikke kan oprette forbindelse til wifi, og du skal nulstille den, lysdioderne pulserer cyan, hvis der er et problem med at hente oplysningerne til id, der blev indtastet, lyser lysdioderne gult, hvis der var et problem med netværket, eller hvis Steam API -nøglen, der blev indtastet, er dårlig.

Lysdioderne har flere farver, der repræsenterer en persons dampstatus

• Rød = Optaget.
• Gul = væk.
• Grøn = I spillet.
• Blå = Online.
• Orange = Snoozing.
• Cyan = Ønsker at handle.
• Lilla = Ønsker at spille.

Trin 18: Konklusion

Steam -linket hylde vil fortsat være en daglig brug af min bror. Over hele dette projekt har jeg lært så meget mere end det, jeg vidste om Arduino og træbearbejdning, og jeg vil blive ved med at bruge denne nye viden til mine næste projekter. Når jeg kiggede tilbage på det, jeg skabte, indså jeg, at noget af designet kunne have været ændret, og jeg forsøgte mit bedste at forklare, hvad vi ville have gjort, hvis vi gjorde det. I løbet af de næste par uger vil jeg stadig søge at arbejde med koden til dette projekt og holde det opdateret. Lad mig vide, hvis du har spørgsmål eller problemer om dette instruerbare, og jeg vil gøre mit bedste for at hjælpe dig.