Steam -koblet displayhylle: 18 trinn (med bilder)

2024 Forfatter: John Day | [email protected]. Sist endret: 2024-01-30 11:23

Tilbake historie

Min bror har Funko POP -figurer som representerer karakterene hans som vennene hans oftest spiller i videospill. Vi trodde at det ville være kult hvis de hadde et vitrineskap som ville ha lysdioder i det for å representere statusen deres på Steam. Så med min tidligere erfaring med Arduino, Steam API og trebearbeiding, sa jeg at jeg sannsynligvis kunne finne ut noe.

For alle som ikke vet hva Steam er, er Steam en digital distribusjonsplattform utviklet av Valve Corporation for kjøp og spill av videospill med et innebygd kommunikasjonssystem. Steam har også muligheten til å tillate brukere å se hva andre spiller, hvis personen er på datamaskinen, borte, i spillet osv., Kan du til og med spille med dem hvis du ønsker det.

Funksjoner / Design

Når vi bestemte oss for at vi skulle lage dette prosjektet, satte jeg meg ned og begynte å skrive ut noen funksjoner som jeg visste at dette måtte ha.

• Trådløst Wi-Fi-oppsett/pålogging som en Chromecast.
• Dimmer / av / på-bryter.
• Defused LEDs.
• Status LED -moduser.
• Null vedlikehold etter oppsett og bygging.
• POP -figurer må sitte på/inn.
• Må ikke være strømsulten.

Etter å ha bestemt hva prosjektet trengte for å inkludere meg og min bror begynte jeg å gå over design til vi fikk det vi har nå.

En viktig merknad

Det originale designet var en eske med flere nivåer. Når vi hadde bygget de to basene trodde vi imidlertid at det ville se bedre ut som en lang hylle i stedet for en eske med flere nivåer. Jeg skal prøve mitt beste for å forklare hvordan vi ville ha bygd det hvis vi hadde begynt med det nye designet, så hvis du merker på noen av bildene at vi har litt forskjellige størrelser, er dette grunnen.

Trinn 1: Materialer

Elektronikk

• NodeMCU V1.0 ESP8266 (lenke)
• USB 2.0 A-hann til mikro B-kabel (for programmering)
• 22 Gauge Silicone Wire 10ft (Link)
• 1/8 tommer utvidbar flettet erme 10 fot (lenke)
• Panelmontert DC -kontakt (lenke)
• 5V 2 Amp DC strømforsyning (lenke)
• Prosjektboks (lenke)
• Potensiometer (lenke)
• Lodding (omtrent alt elektrisk lodd vil fungere)
• 22 AWG -prosjektledning (lenke)
• LED Strip (lenke)

Project Wood (Home Depot Se bilder)

• 1 eik. 25 "X 1,5" X 48"
• 1 eik. 5 "X 1.5" X 48"
• 2 eik. 25 "X 5.5" X 48"
• 1 ark av polykarbonat 8 "X 10"

Vær oppmerksom på at et.5 "X 5.5" X 48 "-kort er vist på bildene, men det brukes ikke i prosjektet.

montering

• 2 rør av todelt epoxy (Home Depot)
• Tre lim (Home Depot)
• Magneter.315 "Dia X.118" Thk (Home Depot) (valgfritt)
• Ebony flekk (Home Depot) (valgfritt)
• Spray polyuretan (hvis farget)
• Malere tape

Trinn 2: Verktøy

Dette er verktøyene vi brukte

• Bordsag
• Radialarmsag
• Klemmer
• Båndsliper
• Båndsag
• Varm limpistol
• Saks
• Loddejern
• Wire stripper
• Bormaskin
• Drill presse
• Sandpapir
• Målebånd
• Fil

Selv om vi brukte disse verktøyene, betyr det ikke at du må bruke disse nøyaktige verktøyene. Det ville bare hjelpe trinn for trinn hvis du ønsker å kopiere prosjektet direkte. For eksempel kan båndsagen erstattes av et stikksag, en rullesag, en håndsag osv.

Trinn 3: Bygg prosjektboksen

1. Først bor du et hull i prosjektboksen fra hvilken side du vil være foran, dette vil være for dimmingspotensiometeret. Vi boret dette hullet på den lille siden midt på midten. Hvis du bruker potensiometeret som er oppført i delelisten, var den beste boren vi fant å bruke til dette 17/64 (Bilde 1).
2. For det andre, bor et hull på baksiden for ledningene som skal gå til hyllen. Når vi så på boksen forfra satte vi dette hullet bak til venstre, vi fant at 3/16 drill fungerte best for dette, men det var en tett passform.
3. Deretter borer vi et hull i ryggen for vår likestrømkontakt, vi legger dette på høyre side bak. Hvis du bruker strømkontakten i delelisten, var den beste boren for dette en 5/16. (Bilde 2)
4. Etter det borer du et hull på baksiden for tilbakestillingsknappen (denne nøyaktige knappen er ikke oppført fordi vi fikk den ut av Arduino -boksen), og vi satte denne rett ved siden av strømkontakten.
5. Før vi monterte prosjektboksen, slettet vi fliken på potensiometeret, ettersom vi kan stramme potensiometeret tett nok til at vi faktisk ikke trenger det.
6. Til slutt legger du alle delene i de respektive hullene og strammer dem. (Bilde 3)

Trinn 4: Elektrisk

Mens du gjør det elektriske kan det være best å bare følge diagrammet (Bilde 4).

1. Klipp flettet ermet til 9 '8'. Hvis du ikke trenger hele lengden, eller hvis du trenger mer av ledningen, må du bare kutte ermene 4 tommer mindre enn ledningens lengde (dette gjør at vi kan få ledningen til å henge ut endene for å lodde inne i prosjektboksen og i hyllen).
2. Hold de 3 trådene på 22 AWG -ledningen i hånden slik at de danner en slags trekant og pakk dem inn med elektrisk tape.
3. Før de 3 trådene på 22 AWG -ledningen gjennom den flettede ermet (slutten av den elektriske båndet) og la igjen 2 tommer ledning i hver ende, dette kan være vanskelig, men vi måtte kutte ledningen hele veien. (Bilde 1)
4. Før ledningen inn i trådhullet på prosjektboksen, så flettet ermet er litt inne i prosjektboksen, og lim deretter trådene rundt hullet for å forhindre at de trekkes ut. (Bilde 2)
5. Strip enden av den røde ledningen til omtrent 1/4 i og lodd den til det kortere benet på likestrømkontakten.

6. Strip enden av den svarte ledningen til omtrent 1/4 i og lodd den til det lengre benet på likestrømkontakten.

7. Plasser ESP8266 inne i prosjektboksen (skal brukes til mellomrom).
8. Strip enden av den hvite ledningen til omtrent 1/4 i og lodd den til D4 -pinnen på ESP8266
9. Klipp 2 stykker rød og svart prosjektledning for å nå fra strømkontakten til Vin -pinnen og GND -pinnen.
10. Lodd begge disse som vi gjorde med de to andre røde og svarte ledningene til strømkontakten, og lodd deretter den svarte til GND -pinnen og den røde til Vin -pinnen.
11. Klipp 3 stykker rød, svart og gul prosjektledning for å nå fra ESP8266 til potensiometeret.
12. Stripeach enden av de 3 ledningene til ca 1/4 in.
13. Lodd de tre trådbitene som vist i diagrammet til potensiometeret med den svarte koblet til en GND -pinne, den røde til 3,3V -pinnen og den gule til A0 -pinnen
14. Skjær ytterligere to stykker svart og gult.
15. Strip hver ende av de 2 ledningene til ca 1/4 tommer.
16. Lodd dem til separate ben på tilbakestillingsknappen, deretter den svarte ledningen til GND -pinnen og den gule ledningen til D3 -pinnen.

Med alt dette bør det være alt på den elektriske tegningen som vises på bildene, bortsett fra lysdiodene, siden de ikke er kuttet eller loddet ennå.

Trinn 5: Klipping av treverket

1. Skjær Oak, 5 "X 1,5" X 48 "tavle i to på langs slik at det er to stykker som er omtrent 0,5" X, 75 "X 48".
2. Trim de to halvdelene fra trinn 1 slik at de er 0,5 "X, 75" X 44 ". Disse vil fungere som baksiden og en ledet støtte inne i hyllen.
3. Skjær 0,25 "X 1,5" X 48 "tavlen i to på langs slik at det er to stykker som er omtrent 0,25" X, 75 "X 48".
4. Trim de to halvdelene fra trinn 3 slik at de er 0,25 "X, 75" X 44 ". Disse vil fungere som fronten som vil smelte et polykarbonatark.
5. Trim de to.25 "X 5.5" X 48 "-platene til.25" X 5.5 "X 44" (lagre skrap). Disse vil fungere som toppen og bunnen av hyllen.
6. Fjern skrap fra trinn 5 (skrotet skal være omtrent 0,25 "X 5,5" X 4 "). Klipp to stykker 0,25" X 5,5 "X 1 1/8" fra skrotet. Disse to delene vil være endehettene til hyllen.

Trinn 6: Skjæring av polykarbonat

1. Klipp polykarbonatet ned fra 8 "X 10" til 5.5 "X 10"
2. Skjær polykarbonatet i 8 strimler som er 5,5 "X 3/4".

Vi kutter polykarbonatet på en båndsag, men dette kan gjøres med en stikksag eller til og med en bordsag.

Trinn 7: Lim opp (del 1)

Før limingen slipte vi hver av polykarbonatstrimlene på beltemaskinen for å gi dem en matt gjennomsiktig finish. Dette kan også gjøres bare med sandpapir. Etter å ha klippet og slipet alle polykarbonatbitene kan vi lime opp forsiden av hyllen. Hvis du ikke har en beltemaskin, vil du kanskje være forsiktig med denne delen for ikke å få epoxy på forsiden og ødelegge den gjennomsiktige, matte finishen.

1. Legg opp en av de.25 "X.75" X 44 "bitene.
2. Legg hver av polykarbonatstrimlene på toppen for å sikre at de alle passer før liming.
3. Bland en stor mengde epoxy (dette vil bli brukt på toppen av det ene brettet og på bunnen av det andre, sørg for å lage nok).
4. Påfør epoxy på toppen av 0,25 "X, 75" X 44 "bordet.
5. Legg de 8 polykarbonatlistene ned på toppen av brettet.
6. Påfør epoxy på toppen av polykarbonatstrimlene.
7. Legg det andre.25 "X.75" X 44 "bordet på toppen og smørbrød med mange klemmer.

Trinn 8: Lim opp (del 2)

Mens vi venter på at fronten skal kurere, limer vi baksiden. Baksiden vil bestå av.5 "X 3/4" X 44 "tommers stykke med noen avstandsstykker i polykarbonat som vil fungere som en ventil.

1. Skjær til overs polykarbonat i 8 strimler ca 3/4 "X 3".
2. Bland en middelmådig dam av epoxy.
3. Bruk epoksy til å lime de 8 polykarbonatlistene til den 3/4 "brede siden av et av de 5" X 3/4 "X 44" brettene, jevnt fordelt langs lengden. Brettet vil nå være 593 "X 3/4" X 44 ".
4. Fest polykarbonatlistene til treet til epoksyet tørker.

Trinn 9: Sliping

Etter at frontplaten (polykarbonatet klemt mellom tre) er ferdig herdet (se epoksybeholder for tid), puss begge sider slik at det blir en glatt og epoksyfri overflate. Etter at ryggen er ferdig herdet, kan vi også slipe det for å fjerne overflødig epoksy.

Trinn 10: Lim opp (del 3)

Nå som vi har bordene foran og bak, kan vi lime dem til basen vår (0,25 "X 5,5" X 44 ").

1. Bruk et tynt perlelim for å lime frontplaten mot forkanten av basen (0,25 "X 5,5" X 44 ").
2. Bruk et tynt perlelim for å lime bakplaten mot bakkant av basen (0,25 "X 5,5" X 44 ").
3. Bruk klemmer for å klemme de to brettene på plass.

Trinn 11: LED -stolpe

1. Skjær led -stripen i seksjoner på 3 piksler (Bilde 1).
2. Loddet strimlene sammen ved hjelp av prosjektledningen for å stille dem opp i midten av hver del av polykarbonat (Bilde 2)
3. Varm lim den lange stripen til det andre stykket.5 "X 3/4" X 44 "tre
4. Bor et 3/16 hull i en av endehettene ca 1 inn i stykket (foto 5).
5. Skyv den flettede ledningen gjennom hullet, varmlimt den på plass og loddet ledningene til de respektive putene (svart til GND, rød til 5V, gul til DI). Dette kan også sees i det elektriske trinnledningsdiagrammet.
6. Legg en tynn limperle på bunnen av ledestangen og klem den ned til bunnen slik at den var omtrent en halv tomme unna frontplaten for å hjelpe til med å gjøre LED -lampene usikre (Bilde 6).
7. Bor pilothull i begge endehettene i bakplaten og ledestangen, og forsink deretter hullene og sett inn 1-tommers gipsskruer for å holde endene på (Bilde 5).

Trinn 12: Konfigurere Arduino -programvaren

ESP8266 -brikken er allment tilgjengelig og har en lav kostnad. De har funksjoner for å være vert for webservere, forespørsler til webservere og mange andre ting som lar deg koble Arduino -prosjektet til internett. For å programmere ESP8266 må du først ha Arduino IDE installert fra Arduino -nettstedet.

1. Åpne Arduino IDE.
2. Gå til Innstillinger som du finner under filfanen øverst i vinduet (Bilde 1).
3. Gå ned til "Ekstra Boards Manager -URLer:" og sett inn denne lenken "https://arduino.esp8266.com/stable/package_esp8266com_index.json" (Bilde 2).
4. Klikk OK
5. Gå til verktøymenyen, gå til brett og deretter til Boards Manager … (Bilde 3).
6. Søk etter "ESP", det andre alternativet som skal dukke opp bør være "esp8266 av ESP8266 Community", endre versjonen til versjon 2.5.0 og klikk på installer. (Bilde 4)
7. Når det er installert, klikker du Lukk.
8. Gå tilbake til verktøymenyen, gå til brettet, velg NodeMCU 1.0 (ESP-12E Module) (Bilde 5)
9. Få alle alternativene til å se ut som bilde 6 i verktøymenyen.
10. Last ned filene som er vedlagt dette trinnet for biblioteket for automatisk tilkobling og enkelhet.
11. Tilbake i Arduino IDE, gå til Sketch -menyen, Inkluder bibliotek, klikk på Legg til. ZIP -bibliotek …, og naviger deretter til AutoConnect.zip -filen du nettopp lastet ned.
12. Gjenta trinn 11, men velg SimpleList.zip i stedet for AutoConnect.zip. (Bilde 7)
13. Gå til Inkluder bibliotek inne i Skisse -fanen og klikk på Administrer biblioteker … (Bilde 8).
14. Søk etter PageBuilder og installer den (Bilde 9).
15. Søk etter ArduinoJson, endre versjonen til versjon 5.13.5 og installer den (Bilde 10).
16. Søk etter Neopixel, velg det tredje alternativet og installer det (Bilde 11).

Trinn 13: Programmering

Nå som Arduino IDE er satt opp kan vi starte programmeringen.

1. Last ned prosjektkoden som er vedlagt dette trinnet.
2. Åpne filen i Arduino IDE.
3. Koble ESP8266 til datamaskinen med en mikro -USB -kabel
4. Øverst i filen vil du se "String STEAM_KEY =" XXXXXXXXXXXXXXXX "; // Steam -nøkkelen din fra steam API." du må erstatte "XXXXXXXXXXXXXXXX" med dampnøkkelen du kan hente fra denne lenken hvis du ikke har et domene å skrive inn, bare skriv "127.0.0.1" som domenet.
5. På dette tidspunktet, hvis du har gjort noen endringer i designet, for eksempel at du har lagt til flere eller færre lysdioder, kan du endre noen av innstillingene i koden øverst, det er kommentarer der for å hjelpe deg med disse endringene.
6. Gå til Verktøy, deretter til port og velg det eneste tilgjengelige alternativet (hvis det er mer enn ett alternativ, koble fra esp8266 og åpne verktøymenyen og gå til port og se hva som forsvant, plugg den deretter inn igjen og se hva som kom tilbake og velg den) (Bilde 1).
7. Når du har valgt porten, kan du klikke på opplastingsknappen øverst til venstre (Bilde 2).
8. Når du er ferdig med å laste opp, bør du se Arduino -oppstarten (lysdiodene vil ha en hoppende LED som er blå, vent til den blir lilla hvis du ikke ser noen lys, du har gjort noe galt i trinnene) på det tidspunktet vet du at alt fungerer som det skal.
9. Koble esp8266 fra mikro -USB -kabelen, og koble 5v -strømforsyningen til DC -kontakten på baksiden, og kontroller at lysdiodene og dimmeren fungerer.

Trinn 14: Sette på toppen

På dette tidspunktet har du et utvalg måter du vil montere lokket på. Til slutt satte vi det på med 3/4 gipsskruer som vi boret pilothull og forsenket dem. Det er også mulig å lime den på med trelim på frontstangen og epoxy på de bakre polykarbonatavstandsstykkene.

Vi flekker før dette trinnet, men dette burde ha blitt gjort før farging.

Trinn 15: Farging

Vi valgte å flekke hyllen vår med ibenholtbeis og påføre polyuretan for å gi hyllen beskyttelse. Hvis du velger å beise eller male hyllen din, må du først kutte malertape for å dekke polykarbonatet på forsiden slik at du ikke dekker det til. Annet enn det var det ingen spesielle trinn for farging, men å følge trinnene på boksen.

Trinn 16: Oppsett

1. Koble til hyllen der du vil la den stå.
2. Gå til telefonen eller hvilken som helst datamaskin med wifi -funksjon.
3. Søk etter et wifi-signal som heter Steam-Status-Hub (Bilde 1) og koble til det.
4. Når enheten er tilkoblet, vil du fortelle deg at wifi vil at du skal logge på for å få internett, men dette er virkelig vår metode for å sette opp prosjektet (Foto 2).
5. Når du klikker på popup -vinduet som sier at du må logge deg på, vil du se noe som bilde 3.
6. Klikk på de tre linjene i øvre høyre hjørne.
7. Klikk på Steam -ID -er og angi steam -64 -ID -ene til vennen du vil ha vist. Trykk på send -knappen etter at du har angitt alle ID -ene. Vær oppmerksom på at den første id -en vil vises nærmest esp8266 i ledninger og deretter den andre osv. (SteamID64 -er finner du fra denne lenken).
8. Klikk på de tre linjene i øvre høyre hjørne.
9. Klikk på Legg til nytt AP, skriv inn wifi -informasjonen og klikk på Apply.
10. Etter at du har klikket på søknad, blir du tatt tilbake til wifi -skjermen, og din steamlinkede hylle skal vise statusen til vennene dine etter et minutt.

Trinn 17: Funksjoner

Nå er det mange funksjoner som jeg ikke gikk over i denne instruksen, for eksempel tilbakestillingsknappen som jeg skal liste opp her.

• Hvis tilbakestillingsknappen holdes inne i 5 sekunder, fjerner den gamle wifi -data og starter på nytt med en AP som den gjorde under oppsettet.
• Lysdiodene har flere statusmoduser for å vise eventuelle feil, for eksempel vil lysdiodene pulse lilla når den ikke kan koble til wifi, og du må tilbakestille den. Lysdiodene vil pulsere cyan hvis det er et problem å hente informasjonen for ID som ble angitt, vil lysdiodene blinke gult hvis det var et problem med nettverket eller hvis Steam API -nøkkelen som ble angitt er dårlig.

Lysdiodene har flere farger for å representere en persons dampstatus

• Rød = Opptatt.
• Gul = Bort.
• Grønt = I spillet.
• Blå = Online.
• Oransje = Snoozing.
• Cyan = Ønsker å handle.
• Lilla = Ønsker å spille.

Trinn 18: Konklusjon

Steam -koblet hylle vil fortsette å være en daglig bruk av broren min. Gjennom hele dette prosjektet har jeg lært så mye mer enn det jeg visste om Arduino og trebearbeiding, og jeg vil fortsette å bruke denne nye kunnskapen i mine neste prosjekter. Når jeg så tilbake på det jeg skapte, innså jeg at noe av designet kunne ha blitt endret, og jeg prøvde mitt beste å forklare hva vi ville ha gjort hvis vi gjorde det. I løpet av de neste ukene vil jeg fortsatt se etter å jobbe med koden for dette prosjektet og holde den oppdatert. Vennligst gi meg beskjed hvis du har spørsmål eller problemer om dette instruerbare, så skal jeg prøve mitt beste for å hjelpe deg.