Prateleira de exibição vinculada ao Steam: 18 etapas (com imagens)

2024 Autor: John Day | [email protected]. Última modificação: 2024-01-30 11:37

História

Meu irmão tem figuras Funko POP que representam seus personagens que seus amigos jogam com mais frequência em videogames. Achamos que seria legal se eles tivessem uma vitrine com LEDs para representar seu status no Steam. Então, com minha experiência anterior com Arduino, Steam API e marcenaria, eu disse que provavelmente poderia descobrir algo.

Para quem não sabe o que é Steam, Steam é uma plataforma de distribuição digital desenvolvida pela Valve Corporation para comprar e jogar videogames com sistema de comunicação embutido. O Steam também tem a capacidade de permitir que os usuários vejam o que os outros estão jogando, se a pessoa está em seu computador, ausente, no jogo, etc, e até permite que você jogue com eles, se assim desejar.

Características / Design

Assim que decidimos que íamos fazer este projeto, sentei-me e comecei a escrever algumas características que sabia que seria necessário.

• Configuração / login de Wi-Fi sem fio como um Chromecast.
• Interruptor Dimmer / liga-desliga.
• LEDs apagados.
• Modos de LED de status.
• Manutenção zero após configuração e construção.
• As estatuetas de POP devem sentar-se sobre / dentro.
• Não deve ter fome de poder.

Depois de decidir o que o projeto precisava incluir, eu e meu irmão começamos a revisar os projetos até conseguirmos o que temos agora.

Uma Nota Importante

O desenho original era uma caixa com vários níveis. No entanto, uma vez que construímos as duas bases, pensamos que ficaria melhor como uma prateleira longa em vez de uma caixa com vários níveis. Vou tentar o meu melhor para explicar como o teríamos construído se tivéssemos começado com o novo design, então se você notar em algumas das fotos que temos peças de tamanhos ligeiramente diferentes, esse é o motivo.

Etapa 1: Materiais

Eletrônicos

• NodeMCU V1.0 ESP8266 (Link)
• Cabo USB 2.0 A-Macho para Micro B (para programação)
• Fio de silicone de calibre 22 de 10 pés (elo)
• Manga trançada expansível de 1/8 polegada (10 pés) (Link)
• Conector DC de montagem em painel (link)
• Fonte de alimentação 5 V 2 Amp DC (Link)
• Caixa de Projeto (Link)
• Potenciômetro (link)
• Solda (praticamente qualquer solda elétrica funcionará)
• Cabo de projeto 22 AWG (Link)
• Faixa LED (Link)

Projeto Madeira (Home Depot Ver Fotos)

• 1 Carvalho 0,25 "X 1,5" X 48"
• 1 Carvalho 0,5 "X 1,5" X 48"
• 2 Carvalho 0,25 "X 5,5" X 48"
• 1 folha de policarbonato 8 "x 10"

Observe que uma placa de 0,5 "X 5,5" X 48 "é mostrada nas fotos, mas não é usada no projeto.

conjunto

• 2 tubos de epóxi de duas partes (Home Depot)
• Cola para madeira (Home Depot)
• Ímãs 0,315 "Diâmetro X 0,118" Thk (Home Depot) (Opcional)
• Mancha de ébano (Home Depot) (opcional)
• Poliuretano em spray (se manchado)
• Fita de pintor

Etapa 2: Ferramentas

Essas são as ferramentas que usamos

• Serra de mesa
• Serra de braço radial
• Grampos
• Lixadeira de cinto
• Serra de fita
• Pistola de cola quente
• Tesoura
• Ferro de solda
• Descascador de fios
• Furadeira
• Furadeira
• Lixa
• Fita métrica
• Arquivo

Embora tenhamos usado essas ferramentas, isso não significa que você tenha que usar essas ferramentas exatas. Isso só ajudaria passo a passo se você estiver procurando replicar diretamente o projeto. Por exemplo, a serra de fita pode ser substituída por um quebra-cabeças, uma serra em espiral, uma serra manual, etc.

Etapa 3: Construindo a Caixa do Projeto

1. Primeiro, faça um furo na caixa do projeto de qualquer lado que você gostaria que fosse a frente, isso será para o potenciômetro de dimerização. Fizemos esse buraco no lado pequeno bem no meio. Se você estiver usando o potenciômetro listado na lista de peças, a melhor broca que encontramos para isso foi 17/64 (Figura 1).
2. Em segundo lugar, faça um orifício na parte de trás para os fios que irão para a prateleira, ao olhar a caixa de frente colocamos este orifício na parte traseira esquerda, descobrimos que a broca 3/16 funcionou melhor para isso, mas foi um ajuste apertado.
3. Em seguida, faça um furo na parte de trás para nossa tomada de energia CC, e colocamos isso no lado direito traseiro. Se você estiver usando o conector de força na lista de peças, a melhor furadeira para isso é uma 5/16. (Figura 2)
4. Depois disso, faça um furo na parte de trás para o botão de reset (esse botão exato não está listado porque o tiramos de nossa caixa do Arduino) e o colocamos ao lado da tomada de força.
5. Antes de montar a caixa do projeto, eliminamos a guia do potenciômetro, pois podemos apertar o potenciômetro o suficiente para não precisarmos dele.
6. Por fim, coloque todas as peças em seus respectivos orifícios e aperte-as. (Figura 3)

Etapa 4: elétrica

Ao fazer a parte elétrica, pode ser melhor apenas seguir o diagrama (Figura 4).

1. Corte a manga trançada para 9 '8'. Se você não precisar de todo o comprimento ou se precisar de mais do fio, corte apenas a manga 4 polegadas a menos que o comprimento do fio (isso nos permitirá ter o fio pendurado nas pontas para soldar dentro da caixa do projeto e na prateleira).
2. Segure os 3 fios de fio 22 AWG em sua mão de forma que formem uma espécie de triângulo e envolva-os com fita isolante.
3. Passe os 3 fios de fio 22 AWG pela manga trançada (a extremidade da fita isolante primeiro), deixando cerca de 2 polegadas de fio em cada extremidade, isso pode ser difícil, mas tivemos que deslizar o fio todo o caminho. (Imagem 1)
4. Alimente o arame no orifício do arame na caixa do projeto de forma que a manga trançada fique ligeiramente dentro da caixa do projeto, em seguida, cole os arames ao redor do orifício para evitar que sejam puxados. (Figura 2)
5. Retire a ponta do fio vermelho até cerca de 1/4 de polegada e solde-o na perna mais curta do conector de alimentação CC.
6. Retire a ponta do fio preto até cerca de 1/4 de polegada e solde-o na perna mais longa do conector de alimentação CC.
7. Coloque o ESP8266 dentro da caixa do projeto (para ser usado para espaçamento).
8. Desencape a extremidade do fio branco até cerca de 1/4 de polegada e, em seguida, solde-o ao pino D4 no ESP8266
9. Corte 2 pedaços de fio de projeto vermelho e preto para ir do conector de força ao pino Vin e ao pino GND.
10. Solde ambos como fizemos com os outros dois fios vermelho e preto no conector de força e então solde o preto no pino GND e o vermelho no pino Vin.
11. Corte 3 pedaços de fio de projeto vermelho, preto e amarelo para ir do ESP8266 ao potenciômetro.
12. Desencaixe cada extremidade dos 3 fios em cerca de 1/4 pol.
13. Solde esses três pedaços de fio como mostrado no diagrama para o potenciômetro com o preto conectado a um pino GND, o vermelho para o pino de 3,3 V e o amarelo para o pino A0
14. Corte mais 2 pedaços de preto e amarelo.
15. Desencape cada extremidade dos 2 fios até cerca de 1/4 pol.
16. Solde-os para separar as pernas no botão de reset e, em seguida, o fio preto para o pino GND e o fio amarelo para o pino D3.

Com tudo isso, deveria estar tudo no desenho elétrico mostrado nas fotos menos os LEDs que ainda não foram cortados ou soldados.

Etapa 5: cortando a madeira

1. Corte a placa de Carvalho 0,5 "X 1,5" X 48 "ao meio, no sentido do comprimento, de modo que haja duas peças com cerca de 0,5" X 0,75 "X 48".
2. Apare as duas metades da etapa 1 para que tenham 0,5 "X 0,75" X 44 ". Elas servirão como a parte traseira e um suporte de led dentro da prateleira.
3. Corte a placa de 0,25 "X 1,5" X 48 "ao meio, no sentido do comprimento, de modo que haja duas peças com cerca de 0,25" X 0,75 "X 48".
4. Apare as duas metades da etapa 3 de modo que tenham 0,25 "X 0,75" X 44 ". Elas servirão como a frente, que ensanduichará uma folha de policarbonato.
5. Corte as duas placas de 0,25 "X 5,5" X 48 "para 0,25" X 5,5 "X 44" (salve o refugo). Eles servirão como parte superior e inferior da prateleira.
6. Recupere o refugo da etapa 5 (o refugo deve ter cerca de 0,25 "X 5,5" X 4 "). Corte dois pedaços de 0,25" X 5,5 "X 1 1/8" do refugo. Essas duas peças serão as tampas da prateleira.

Etapa 6: Corte de policarbonato

1. Corte o policarbonato de 8 "X 10" para 5,5 "X 10"
2. Corte o policarbonato em 8 tiras de 5,5 "X 3/4".

Cortamos o policarbonato em uma serra de fita, mas isso pode ser feito com uma serra de vaivém ou mesmo com uma serra de mesa.

Etapa 7: Colar (Parte 1)

Antes de colar, lixamos cada uma de nossas tiras de policarbonato na lixadeira de cinta para dar a elas um acabamento transparente fosco, o que também pode ser feito apenas com uma lixa. Depois de cortar e lixar todas as peças de policarbonato, podemos colar a frente da prateleira. Se você não tiver uma lixadeira de cinta, deve-se ter cuidado com esta parte para não sujar a frente com epóxi e estragar o acabamento fosco transparente.

1. Faça o layout de uma das peças de 0,25 "X 0,75" X 44 ".
2. Coloque cada uma das tiras de policarbonato por cima para se certificar de que todas encaixam antes de colar.
3. Misture um lote grande de epóxi (ele será usado na parte superior de uma placa e na parte inferior da outra, certifique-se de fazer o suficiente).
4. Aplique epóxi na parte superior da placa de 0,25 "X 0,75" X 44 ".
5. Coloque as 8 tiras de policarbonato no topo da placa.
6. Aplique epóxi por cima das tiras de policarbonato.
7. Coloque a outra placa de 0,25 "X 0,75" X 44 "no topo e sanduiche com muitos grampos.

Etapa 8: colar (parte 2)

Enquanto esperamos a cura da frente, vamos colar as costas. A parte traseira consistirá em uma peça de 0,5 "X 3/4" X 44 "com alguns espaçadores de policarbonato que funcionarão como um respiradouro.

1. Corte o policarbonato restante em 8 tiras de cerca de 3/4 "X 3".
2. Misture uma poça de epóxi de tamanho moderado.
3. Use epóxi para colar as 8 tiras de policarbonato no lado de 3/4 "de largura de uma das placas de 0,5" X 3/4 "X 44", uniformemente espaçadas ao longo do comprimento. A placa agora será.593 "X 3/4" X 44 ".
4. Prenda as tiras de policarbonato na madeira até que o epóxi seque.

Etapa 9: Lixar

Depois que a placa frontal (o policarbonato imprensado entre a madeira) terminar de curar (consulte o recipiente de epóxi para obter mais informações), lixe os dois lados para que haja uma superfície lisa e livre de epóxi. Após a cura da parte traseira, podemos lixar também para remover o excesso de epóxi.

Etapa 10: colar (parte 3)

Agora que temos nossas placas frontal e posterior, podemos colá-las em nossa base (0,25 "X 5,5" X 44 ").

1. Use uma cola de madeira fina para colar a placa frontal contra a borda frontal da base (0,25 "X 5,5" X 44 ").
2. Use uma cola de madeira fina para colar a placa traseira contra a borda posterior da base (0,25 "X 5,5" X 44 ").
3. Use grampos para prender as duas placas no lugar.

Etapa 11: Barra de LED

1. Corte a tira de led em seções de 3 pixels (Figura 1).
2. Soldar as tiras juntas usando o arame de projeto para alinhá-las no meio de cada seção de policarbonato (Figura 2)
3. Cole a tira longa com cola quente na segunda peça de madeira de 0,5 "X 3/4" X 44"
4. Faça um furo de 3/16 em uma das tampas de cerca de 1 polegada na peça (Foto 5).
5. Empurre o fio trançado através do orifício, cole-o a quente no lugar e solda os fios às respectivas almofadas (Preto para GND, Vermelho para 5V, Amarelo para DI), isso também pode ser visto no diagrama de fiação elétrica.
6. Coloque uma fina gota de cola na parte inferior da barra de led e prenda-a na parte inferior de forma que fique cerca de 1/2 polegada de distância da placa frontal para ajudar a desativar os LEDs (Figura 6).
7. Faça orifícios piloto em ambas as tampas na placa traseira e na barra de led, em seguida, rebaixe os orifícios e coloque parafusos de drywall de 1 polegada para prender as extremidades (Figura 5).

Etapa 12: Configurando o software Arduino

O chip ESP8266 está amplamente disponível e de baixo custo pois possui recursos para hospedar servidores web, fazer requisições a servidores web e muitas outras coisas que permitirão conectar seu projeto Arduino à internet. Para programar o ESP8266, você deve primeiro ter o IDE do Arduino instalado a partir do site do Arduino.

1. Abra o IDE do Arduino.
2. Vá para Preferências, que pode ser encontrado na guia do arquivo na parte superior da janela (Figura 1).
3. Vá até "URLs adicionais do gerenciador de placas:" e insira este link "https://arduino.esp8266.com/stable/package_esp8266com_index.json" (Figura 2).
4. Clique OK
5. Vá para o menu de ferramentas e vá para Quadro e depois para Gerenciador de Quadros… (Figura 3).
6. Procure por "ESP" a segunda opção que deve aparecer deve ser "esp8266 by ESP8266 Community", altere a versão para a versão 2.5.0 e clique em instalar. (Figura 4)
7. Quando terminar de instalar, clique em fechar.
8. Volte ao menu de ferramentas, vá ao quadro, selecione NodeMCU 1.0 (Módulo ESP-12E) (Figura 5)
9. No menu de ferramentas, faça com que todas as opções se pareçam com a Figura 6.
10. Baixe os arquivos que estão anexados a esta etapa para a biblioteca de conexão automática e lista simples.
11. De volta ao IDE do Arduino, vá para o menu Sketch, Incluir biblioteca, clique em Adicionar biblioteca. ZIP… e navegue até o arquivo AutoConnect.zip que você acabou de baixar.
12. Repita a etapa 11, mas selecione SimpleList.zip em vez de AutoConnect.zip. (Figura 7)
13. Vá para Incluir Biblioteca dentro da guia Esboço e clique em Gerenciar Bibliotecas… (Figura 8).
14. Procure o PageBuilder e instale-o (Figura 9).
15. Pesquise por ArduinoJson, altere a versão para a versão 5.13.5 e instale (Figura 10).
16. Procure o Neopixel, selecione a 3ª opção e instale (Figura 11).

Etapa 13: Programação

Agora que o IDE do Arduino está configurado, podemos iniciar a programação.

1. Baixe o código do projeto anexado a esta etapa.
2. Abra o arquivo no IDE do Arduino.
3. Conecte o ESP8266 ao seu computador usando um cabo Micro USB
4. Na parte superior do arquivo, você verá "String STEAM_KEY =" XXXXXXXXXXXXXXXX "; // Sua chave do Steam da API do Steam." você precisa substituir "XXXXXXXXXXXXXXXX" pela chave Steam que você pode recuperar neste link se você não tiver um domínio para inserir apenas "127.0.0.1" como o domínio.
5. Neste ponto, se você tiver feito alguma alteração no design, como adicionar mais ou menos LEDs, pode alterar algumas das configurações no código na parte superior, existem comentários para ajudá-lo com essas alterações.
6. Vá para Ferramentas, vá para a porta e selecione a única opção disponível (se houver mais de uma opção desconecte o esp8266 e reabra o menu de ferramentas e vá para a porta e veja o que um desapareceu, em seguida, conecte-o novamente e veja o que voltou e selecione aquele) (Figura 1).
7. Depois de selecionar a porta, você pode clicar no botão de upload no canto superior esquerdo (Figura 2).
8. Quando o upload for concluído, você deverá ver a inicialização do Arduino (os LEDs terão um led saltando azul, espere até que fique roxo se você não vir nenhuma luz porque fez algo errado nas etapas) nesse ponto, você sabe que tudo está funcionando corretamente.
9. Desconecte o esp8266 do cabo micro USB e conecte a fonte de alimentação 5v no conector CC na parte traseira e verifique se os LEDs e o dimmer funcionam.

Etapa 14: Colocando a tampa

Neste ponto, você tem uma escolha de maneiras como gostaria de montar a tampa, no final, colocamos com parafusos 3/4 de drywall que perfuramos orifícios piloto e os escareamos. Também é possível colar com cola de madeira na barra frontal e epóxi nas costas espaçadores de policarbonato.

Nós tingimos antes desta etapa, mas isso deveria ter sido feito antes da coloração.

Etapa 15: coloração

Optamos por tingir nossa prateleira com tinta de ébano e aplicar poliuretano para proteger a prateleira. Se você escolher manchar ou pintar sua prateleira, você deve primeiro cortar a fita do pintor para cobrir o policarbonato na barra frontal para não cobri-lo. Fora isso, não havia etapas especiais para a coloração, mas para seguir as etapas na lata.

Etapa 16: Configuração

1. Conecte a estante onde deseja deixá-la.
2. Vá para o seu telefone ou qualquer computador com capacidade wi-fi.
3. Procure um sinal wi-fi chamado Steam-Status-Hub (Foto 1) e conecte-se a ele.
4. Uma vez conectado, seu dispositivo avisará que o wi-fi deseja que você se conecte para obter internet, no entanto, este é realmente o nosso método de configuração do projeto (Foto 2).
5. Ao clicar no pop-up que diz que você deve fazer login, verá algo como a Figura 3.
6. Clique nas três linhas no canto superior direito.
7. Clique nos IDs do Steam e digite os 64 IDs do Steam do amigo que você deseja exibir, certifique-se de clicar no botão enviar após inserir todos os IDs. Observe que o primeiro id aparecerá mais próximo do esp8266 na fiação e, em seguida, o segundo etc (SteamID64s pode ser encontrado neste link).
8. Clique nas três linhas no canto superior direito.
9. Clique em Adicionar novo AP, insira suas informações de wi-fi e clique em aplicar.
10. Depois de clicar em aplicar, você será levado de volta à tela do wi-fi e sua estante vinculada ao Steam deverá mostrar o status de seus amigos após um minuto.

Etapa 17: Recursos

Agora, há muitos recursos que não examinei neste Instructables, como o botão de reinicialização que irei listar aqui.

• Se o botão de reinicialização for mantido pressionado por 5 segundos, ele removerá os dados wi-fi antigos e reiniciará com um AP como fazia durante a configuração.
• Os LEDs têm vários modos de status para exibir quaisquer erros, por exemplo, os LEDs irão pulsar em roxo quando não puder se conectar ao wi-fi e você precisar reiniciá-lo, os LEDs irão pulsar em ciano se houver um problema ao recuperar as informações para o id que foi inserida, os LEDs piscarão em amarelo se houver um problema com a rede ou se a chave API do Steam inserida estiver incorreta.

Os LEDs têm várias cores para representar o status de vapor de uma pessoa

• Vermelho = ocupado.
• Amarelo = ausente.
• Verde = em jogo.
• Azul = online.
• Laranja = adiando.
• Ciano = Procurando trocar.
• Roxo = Procurando jogar.

Etapa 18: Conclusão

A prateleira vinculada ao Steam continuará a ser um uso diário do meu irmão. Ao longo de todo o projeto, aprendi muito mais do que sabia sobre o Arduino e a marcenaria e continuarei a usar esse novo conhecimento em meus próximos projetos. Olhando para trás, para o que criei, percebi que parte do design poderia ter sido alterado e tentei o meu melhor para explicar o que teríamos feito se o fizéssemos. Nas próximas semanas, ainda estarei procurando trabalhar no código para este projeto e mantê-lo atualizado. Por favor, deixe-me saber se você tiver qualquer dúvida ou problema sobre este instrutível e eu tentarei o meu melhor para ajudá-lo.