Steam Linked Display Plank - Ajarnpa

2024 Auteur: John Day | [email protected]. Laatst gewijzigd: 2024-01-30 11:17

Terug verhaal

Mijn broer heeft Funko POP-figuren die zijn personages vertegenwoordigen die zijn vrienden het vaakst spelen in videogames. We dachten dat het cool zou zijn als ze een vitrine hadden met LED's erin om hun status op Steam weer te geven. Dus met mijn eerdere ervaring met Arduino, Steam API en houtbewerking, zei ik dat ik waarschijnlijk iets zou kunnen bedenken.

Voor iedereen die niet weet wat Steam is, Steam is een digitaal distributieplatform ontwikkeld door Valve Corporation voor het kopen en spelen van videogames met een ingebouwd communicatiesysteem. Steam heeft ook de mogelijkheid om gebruikers in staat te stellen te zien wat anderen aan het spelen zijn, of de persoon op zijn computer zit, afwezig is, in het spel, enz., het laat je zelfs met hem spelen als je dat wilt.

Eigenschappen / Ontwerp

Toen we eenmaal hadden besloten dat we dit project gingen maken, ging ik zitten en begon enkele functies op te schrijven waarvan ik wist dat dit nodig zou zijn.

• Draadloze wifi-installatie/login zoals een Chromecast.
• Dimmer/aan-uit schakelaar.
• Onschadelijke LED's.
• Status LED-modi.
• Geen onderhoud na installatie en opbouw.
• POP-figuren moeten op/in zitten.
• Mag geen machtshonger hebben.

Nadat ik had besloten wat het project moest omvatten, begonnen mijn broer en ik de ontwerpen door te nemen totdat we hadden wat we nu hebben.

Een belangrijke opmerking

Het oorspronkelijke ontwerp was een doos met meerdere niveaus. Toen we de twee basissen eenmaal hadden gebouwd, dachten we echter dat het er beter uit zou zien als één lange plank in plaats van een doos met meerdere niveaus. Ik ga mijn best doen om uit te leggen hoe we het zouden hebben gebouwd als we met het nieuwe ontwerp waren begonnen, dus als je op sommige foto's ziet dat we stukjes van iets andere grootte hebben, is dit de reden.

Stap 1: Materialen

Elektronica

• NodeMCU V1.0 ESP8266 (Link)
• USB 2.0 A-Male naar Micro B-kabel (voor programmering)
• 22 Gauge siliconendraad 10ft (link)
• 1/8 inch uitbreidbare gevlochten sleeving 10ft (link)
• Paneelmontage DC-aansluiting (link)
• 5V 2 Amp DC-voeding (link)
• Projectbox (Link)
• Potentiometer (Link)
• Soldeer (vrijwel elk elektrisch soldeer zal werken)
• 22 AWG projectdraad (Link)
• LED-strip (link)

Project Wood (Home Depot zie foto's)

• 1 eiken.25 "X 1.5" X 48"
• 1 eiken.5" X 1.5" X 48"
• 2 eiken.25 "X 5.5" X 48"
• 1 Polycarbonaat plaat 8" X 10"

Merk op dat een.5 "X 5.5" X 48"-bord op de foto's wordt getoond, maar niet in het project wordt gebruikt.

samenkomst

• 2 Buizen tweecomponenten epoxy (Home Depot)
• Houtlijm (Home Depot)
• Magneten.315 "Dia X.118" Thk (Home Depot) (optioneel)
• Ebbenhouten vlek (Home Depot) (optioneel)
• Spray polyurethaan (indien gekleurd)
• schilders tape

Stap 2: Gereedschap

Dit zijn de tools die we hebben gebruikt

• Tafelzaag
• Radiale armzaag
• Klemmen
• Bandschuurmachine
• Lintzaag
• Heet lijmpistool
• Schaar
• Soldeerbout
• Draadstripper
• Boormachine
• Kolomboormachine
• Schuurpapier
• Rolmaat
• Bestand

Hoewel we deze tools hebben gebruikt, betekent dit niet dat je deze exacte tools moet gebruiken. Het zou alleen stap voor stap helpen als u het project direct wilt repliceren. De lintzaag kan bijvoorbeeld worden vervangen door een decoupeerzaag, een figuurzaag, een handzaag, enz.

Stap 3: De projectbox bouwen

1. Boor eerst een gat in de projectdoos vanaf welke kant je ook de voorkant wilt zijn, dit is voor de dimpotentiometer. Dit gat hebben we aan de kleine kant precies in het midden geboord. Als u de potentiometer gebruikt die in de onderdelenlijst wordt vermeld, was de beste boor die we hiervoor gebruikten 17/64 (Afbeelding 1).
2. Ten tweede, boor een gat aan de achterkant voor de draden die naar de plank gaan, als we vanaf de voorkant naar de doos kijken, hebben we dit gat linksachter geplaatst, we ontdekten dat een 3/16-boor hiervoor het beste werkte, maar het was een strakke pasvorm.
3. Boor vervolgens een gat in de achterkant voor onze dc power jack, deze plaatsen we aan de achterkant rechts. Als u de stroomaansluiting in de onderdelenlijst gebruikt, was de beste boor hiervoor een 5/16. (Afbeelding 2)
4. Boor daarna een gat in de achterkant voor de resetknop (deze exacte knop staat niet in de lijst omdat we hem uit onze Arduino-doos hebben gehaald) deze hebben we direct naast de stroomaansluiting geplaatst.
5. Voordat we de projectdoos in elkaar zetten, hebben we het lipje op de potentiometer weggevijld, omdat we de potentiometer strak genoeg kunnen vastdraaien zodat we hem niet echt nodig hebben.
6. Plaats ten slotte alle onderdelen in hun respectievelijke gaten en draai ze vast. (Afbeelding 3)

Stap 4: Elektrisch

Tijdens het elektrisch maken is het misschien het beste om gewoon het diagram te volgen (Afbeelding 4).

1. Knip de gevlochten kous af tot 9 '8'. Als je niet de hele lengte nodig hebt of als je meer van de draad nodig hebt, knip dan de sleeving slechts 4 inch minder dan de lengte van de draad (hierdoor kunnen we de draad aan de uiteinden laten hangen om in de projectdoos te solderen en in de kast).
2. Houd de 3 strengen 22 AWG-draad in je hand zodat ze een soort driehoek vormen en wikkel ze met isolatietape.
3. Voer de 3 strengen van 22 AWG-draad door de gevlochten kous (het uiteinde van de elektrische tape eerst) en laat ongeveer 2 inch draad aan elk uiteinde achter. Dit kan moeilijk zijn, maar we moesten de draad de hele weg heen en weer bewegen. (Foto 1)
4. Voer de draad in het draadgat op de projectdoos zodat de gevlochten kous iets in de projectdoos zit en lijm vervolgens de draden rond het gat om te voorkomen dat ze eruit worden getrokken. (Afbeelding 2)
5. Strip het uiteinde van de rode draad tot ongeveer 1/4 inch en soldeer het vervolgens aan het kortere been van de gelijkstroomaansluiting.

6. Strip het uiteinde van de zwarte draad tot ongeveer 1/4 inch en soldeer het vervolgens aan het langere been van de gelijkstroomaansluiting.

7. Plaats de ESP8266 in de projectdoos (te gebruiken voor afstand).
8. Strip het uiteinde van de witte draad tot ongeveer 1/4 inch en soldeer het vervolgens aan de D4-pin op de ESP8266
9. Knip 2 stukken rode en zwarte projectdraad af om van de stroomaansluiting naar de Vin-pin en de GND-pin te reiken.
10. Soldeer beide zoals we deden met de andere twee rode en zwarte draden aan de stroomaansluiting en soldeer vervolgens de zwarte aan de GND-pin en de rode aan de Vin-pin.
11. Knip 3 stukken rode, zwarte en gele projectdraad af om van de ESP8266 naar de potentiometer te reiken.
12. Stripelk uiteinde van de 3 draden tot ongeveer 1/4 inch.
13. Soldeer die drie stukken draad zoals weergegeven in het diagram aan de potentiometer met de zwarte aangesloten op een GND-pin, de rode op 3,3 V-pin en de gele op de A0pin
14. Snijd nog 2 stukken zwart en geel.
15. Strip elk uiteinde van de 2 draden tot ongeveer 1/4 inch.
16. Soldeer ze aan afzonderlijke poten op de resetknop en vervolgens de zwarte draad aan de GND-pin en de gele draad aan de D3-pin.

Met dat alles zou het alles moeten zijn op de elektrische tekening die op de foto's wordt getoond, behalve de LED's, omdat deze nog niet zijn gesneden of gesoldeerd.

Stap 5: Het hout zagen

1. Snijd het eiken.5 "X 1.5" X 48" bord in de lengte doormidden zodat er twee stukken zijn van ongeveer.5" X.75" X 48".
2. Knip de twee helften van stap 1 af, zodat ze 0,5 "X 0,75" X 44" zijn. Deze zullen dienen als de achterkant en een led-ondersteuning in de plank.
3. Snijd het bord van 0,25 "X 1,5" X 48" in de lengte doormidden, zodat er twee stukken zijn van ongeveer 0,25 "X 0,75" X 48".
4. Knip de twee helften van stap 3 af zodat ze 0,25 "X 0,75" X 44" zijn. Deze zullen dienen als de voorkant die een polycarbonaatplaat zal sandwichen.
5. Knip de twee 0,25 "X 5,5" X 48" platen bij tot 0,25 "X 5,5" X 44" (bewaar het schroot). Deze zullen dienen als de boven- en onderkant van de plank.
6. Haal het schroot uit stap 5 (het schroot moet ongeveer 0,25 "X 5,5" X 4") zijn. Snijd twee stukken van 0,25" X 5,5" X 1 1/8" van het schroot. Deze twee stukken zijn de eindkappen voor de plank.

Stap 6: Polycarbonaat snijden

1. Snijd het polycarbonaat van 8 "X 10" tot 5.5 "X 10"
2. Snijd het polycarbonaat in 8 stroken van 5,5 "X 3/4".

We hebben het polycarbonaat op een lintzaag gesneden, maar dit kan met een decoupeerzaag of zelfs een tafelzaag.

Stap 7: Lijm omhoog (deel 1)

Voor het verlijmen hebben we elk van onze polycarbonaat strips op de bandschuurmachine geschuurd om ze een mat transparante afwerking te geven. Dit kan ook alleen met schuurpapier. Na het snijden en schuren van alle polycarbonaat stukken kunnen we de voorkant van de plank vastlijmen. Als je geen bandschuurmachine hebt, wil je misschien voorzichtig zijn met dit onderdeel om geen epoxy op de voorkant te krijgen en de transparante matte afwerking te verpesten.

1. Lay-out een van de.25 "X.75" X 44" stukken.
2. Leg elk van de polycarbonaatstrips erop om ervoor te zorgen dat ze allemaal passen voordat u gaat lijmen.
3. Meng een grote partij epoxy (dit wordt gebruikt op de bovenkant van het ene bord en op de onderkant van het andere, zorg ervoor dat je genoeg maakt).
4. Breng epoxy aan op de bovenkant van het bord van 0,25 "X 0,75" X 44".
5. Leg de 8 polycarbonaat strips op het bord.
6. Breng epoxy aan op de polycarbonaat strips.
7. Leg het andere.25 "X.75" X 44" bord erop en sandwich met veel klemmen.

Stap 8: Lijm omhoog (deel 2)

Terwijl we wachten tot de voorkant is uitgehard, lijmen we de achterkant. De achterkant zal bestaan uit het stuk van 0,5 "X 3/4" X 44 "inch met enkele afstandhouders van polycarbonaat die als ventilatie zullen dienen.

1. Snijd overgebleven polycarbonaat in 8 stroken van ongeveer 3/4 "X 3".
2. Meng een plas epoxy van gemiddelde grootte.
3. Gebruik epoxy om de 8 polycarbonaatstrips op de 3/4 "brede kant van een van de.5" X 3/4" X 44" platen te lijmen, gelijkmatig verdeeld over de lengte. Het bord zal nu 593 "X 3/4" X 44" zijn.
4. Klem de polycarbonaat strips aan het hout totdat de epoxy droogt.

Stap 9: Schuren

Nadat de voorplaat (het polycarbonaat ingeklemd tussen hout) klaar is met uitharden (zie epoxycontainer voor tijd), schuur beide zijden zodat er een glad en epoxyvrij oppervlak is. Nadat de achterkant is uitgehard, kunnen we die ook schuren om overtollige epoxy te verwijderen.

Stap 10: Lijm omhoog (deel 3)

Nu we onze voor- en achterplaten hebben, kunnen we ze op onze basis lijmen (.25 "X 5.5" X 44").

1. Gebruik een dunne kraal houtlijm om het voorbord tegen de voorkant van de basis te lijmen (.25 "X 5.5" X 44").
2. Gebruik een dunne kraal houtlijm om de achterplaat tegen de achterrand van de basis te lijmen (.25 "X 5.5" X 44").
3. Gebruik klemmen om de twee planken op hun plaats te klemmen.

Stap 11: LED-balk

1. Snijd de ledstrip in secties van 3 pixels (Afbeelding 1).
2. De strips aan elkaar gesoldeerd met behulp van de projectdraad om ze in het midden van elke sectie van polycarbonaat uit te lijnen (afbeelding 2)
3. Heet lijm de lange strook aan het tweede stuk van.5 "X 3/4" X 44" hout
4. Boor een gat van 3/16 in een van de eindkappen ongeveer 1 inch in het stuk (foto 5).
5. Duw de gevlochten draad door het gat, lijm hem warm op zijn plaats en soldeer de draden aan de respectieve pads (zwart naar GND, rood naar 5V, geel naar DI). Dit is ook te zien in het elektrische stappenschema.
6. Breng een dunne lijmrul aan op de onderkant van de led-balk en klem deze naar beneden zodat deze ongeveer 2,5 cm van het voorbord verwijderd was om de leds onschadelijk te maken (afbeelding 6).
7. Boor geleidegaten in beide eindkappen in de achterplaat en de led-balk, verzink vervolgens de gaten en plaats 1-inch gipsplaatschroeven om de uiteinden vast te houden (Afbeelding 5).

Stap 12: De Arduino-software instellen

De ESP8266-chip is overal verkrijgbaar en heeft een lage prijs, ze hebben functies om webservers te hosten, verzoeken aan webservers te doen en vele andere dingen waarmee u uw Arduino-project met internet kunt verbinden. Om de ESP8266 te kunnen programmeren, moet je eerst de Arduino IDE hebben geïnstalleerd vanaf de Arduino-website.

1. Open de Arduino-IDE.
2. Ga naar Voorkeuren die te vinden zijn onder het tabblad Bestand bovenaan het venster (Afbeelding 1).
3. Ga naar "Additional Boards Manager URL's:" en voeg deze link "https://arduino.esp8266.com/stable/package_esp8266com_index.json" in (Afbeelding 2).
4. Klik OK
5. Ga naar het menu Tools en ga naar board en vervolgens naar Boards Manager… (Afbeelding 3).
6. Zoek naar "ESP" de tweede optie die zou moeten verschijnen zou "esp8266 by ESP8266 Community" moeten zijn, verander de versie naar versie 2.5.0 en klik op installeren. (Afbeelding 4)
7. Als de installatie is voltooid, klikt u op sluiten.
8. Ga terug naar het menu Tools, ga naar board, selecteer NodeMCU 1.0 (ESP-12E Module) (Afbeelding 5)
9. Laat in het menu Extra alle opties eruitzien als Afbeelding 6.
10. Download de bestanden die bij deze stap zijn gevoegd voor de bibliotheek voor automatisch verbinden en simplelist.
11. Terug in de Arduino IDE, ga naar Sketch-menu, Include Library, klik op Add. ZIP Library…, en navigeer vervolgens naar het AutoConnect.zip-bestand dat je zojuist hebt gedownload.
12. Herhaal stap 11, maar selecteer SimpleList.zip in plaats van AutoConnect.zip. (Afbeelding 7)
13. Ga naar Bibliotheek opnemen in het tabblad Schets en klik op Bibliotheken beheren… (Afbeelding 8).
14. Zoek naar PageBuilder en installeer het (Afbeelding 9).
15. Zoek naar ArduinoJson verander de versie naar versie 5.13.5 en installeer het (Afbeelding 10).
16. Zoek naar Neopixel, selecteer de 3e optie en installeer deze (Afbeelding 11).

Stap 13: Programmeren

Nu de Arduino IDE is ingesteld kunnen we beginnen met programmeren.

1. Download de projectcode die bij deze stap hoort.
2. Open het bestand in de Arduino IDE.
3. Sluit de ESP8266 aan op uw computer met behulp van een micro-USB-kabel
4. Bovenaan het bestand ziet u "String STEAM_KEY = "XXXXXXXXXXXXXXXX"; // Uw steam-sleutel van de steam API." je moet "XXXXXXXXXXXXXXXX" vervangen door de steam-sleutel die je via deze link kunt ophalen als je geen domein hebt om in te voeren, voer gewoon "127.0.0.1" in als het domein.
5. Als u op dit moment wijzigingen in het ontwerp heeft aangebracht, zoals het toevoegen van meer of minder LED's, kunt u enkele instellingen in de code bovenaan wijzigen. Er zijn opmerkingen om u te helpen met die wijzigingen.
6. Ga naar Tools, ga dan naar port en selecteer de enige beschikbare optie (als er meer dan één optie is, ontkoppel dan de esp8266 en open het menu Tools en ga naar port en kijk wat er is verdwenen, sluit het dan weer aan en kijk wat er terugkwam en selecteer die) (Afbeelding 1).
7. Nadat u de poort hebt geselecteerd, kunt u linksboven op de uploadknop klikken (Afbeelding 2).
8. Als het klaar is met uploaden, zou je het opstarten van de Arduino moeten zien (de LED's hebben een stuiterende led die blauw is, wacht tot het paars wordt als je geen lampjes ziet als je iets verkeerd hebt gedaan in de stappen) op dat moment weet je het dat alles naar behoren werkt.
9. Koppel de esp8266 los van de micro-USB-kabel en steek de 5v-voeding in de dc-aansluiting aan de achterkant en controleer of de LED's en de dimmer werken.

Stap 14: De bovenkant erop zetten

Op dit punt heb je de keuze uit verschillende manieren waarop je het deksel wilt monteren, uiteindelijk zetten we het vast met 3/4 gipsplaatschroeven waarin we geleidegaten hebben geboord en verzonken. Het is ook mogelijk om het vast te lijmen met houtlijm op de voorbalk en epoxy op de achterste polycarbonaat afstandhouders.

We hebben vóór deze stap gekleurd, maar dit had vóór het kleuren moeten worden gedaan.

Stap 15: kleuring

We kozen ervoor om onze plank te beitsen met ebbenhoutbeits en polyurethaan aan te brengen om de plank te beschermen. Als je ervoor kiest om je plank te beitsen of te schilderen, moet je eerst schilderstape afsnijden om het polycarbonaat op de voorbalk te bedekken, zodat je het niet bedekt. Verder waren er geen speciale stappen om te kleuren, maar om de stappen op het blik te volgen.

Stap 16: Instellen

1. Sluit de plank aan op de plek waar u hem wilt laten staan.
2. Ga naar je telefoon of een computer met wifi-mogelijkheid.
3. Zoek naar een wifi-signaal met de naam Steam-Status-Hub (foto 1) en maak er verbinding mee.
4. Eenmaal verbonden, laat uw apparaat u weten dat de wifi wil dat u zich aanmeldt om internet te krijgen, maar dit is echt onze methode om het project op te zetten (foto 2).
5. Wanneer u op de pop-up klikt die zegt dat u zich moet aanmelden, ziet u zoiets als Afbeelding 3.
6. Klik op de drie lijnen in de rechterbovenhoek.
7. Klik op Steam ID's en voer de steam 64-ID's in van de vriend die je wilt laten zien. Zorg ervoor dat je op de verzendknop drukt nadat je alle ID's hebt ingevoerd. Merk op dat de eerste id het dichtst bij de esp8266 in bedrading zal verschijnen en dan de tweede enz. (SteamID64s kan worden gevonden via deze link).
8. Klik op de drie lijnen in de rechterbovenhoek.
9. Klik op Nieuwe AP toevoegen en voer uw wifi-gegevens in en klik op toepassen.
10. Nadat je op Toepassen hebt geklikt, keer je terug naar je wifi-scherm en zou je Steam-gekoppelde plank na een minuut de status van je vrienden moeten tonen.

Stap 17: Functies

Nu zijn er veel functies die ik niet heb besproken in deze Instructables, zoals de reset-knop die ik hier ga opsommen.

• Als de resetknop 5 seconden wordt ingedrukt, worden oude wifi-gegevens verwijderd en wordt het opnieuw opgestart met een AP zoals tijdens de installatie.
• De LED's hebben meerdere statusmodi om eventuele fouten weer te geven, de LED's zullen bijvoorbeeld paars pulseren wanneer er geen verbinding kan worden gemaakt met wifi en u moet deze opnieuw instellen, de LED's zullen cyaan pulseren als er een probleem is met het ophalen van de informatie voor de id die is ingevoerd, zullen de LED's geel knipperen als er een probleem was met het netwerk of als de ingevoerde Steam API-sleutel slecht is.

De LED's hebben meerdere kleuren om de stoomstatus van een persoon weer te geven

• Rood = bezet.
• Geel = Weg.
• Groen = In het spel.
• Blauw = Online.
• Oranje = Snoozen.
• Cyaan = Op zoek naar handel.
• Paars = Op zoek om te spelen.

Stap 18: Conclusie

De Steam-gekoppelde plank blijft een dagelijks gebruik van mijn broer. Tijdens dit hele project heb ik zoveel meer geleerd dan wat ik wist over Arduino en houtbewerking en ik zal deze nieuwe kennis blijven gebruiken bij mijn volgende projecten. Terugkijkend op wat ik heb gemaakt, realiseerde ik me dat een deel van het ontwerp had kunnen worden veranderd en ik deed mijn best om uit te leggen wat we zouden hebben gedaan als we het zouden doen. De komende weken zal ik nog steeds aan de code voor dit project werken en deze up-to-date houden. Laat het me weten als je vragen of problemen hebt over deze instructable en ik zal mijn best doen om je te helpen.