Pintor 8x8: 6 etapas

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

Uma ferramenta simples para criar gráficos em um módulo LED 8x8.

Gente - estou mal. Não - muito, muito ruim quando se trata de desenhar ícones. Especialmente desenhando ícones em uma grade 8x8, como aqueles pequenos visores matriciais WEMOS para um WEMOS D1. Além disso, sou péssimo em contar linhas e transformá-las em uma representação binária.

Então eu trapaceei - e criei uma coisinha chamada 8x8 painter.

Etapa 1: o que é isso?

O ESP8266 hospeda uma página da web que representa a grade 8x8 do display de matriz - clique em um desses pontos e ele fica vermelho / liga, clique novamente e desliga / preto. Seu monitor faz a mesma coisa, então você pode verificar sua arte em tempo real em hardware real. Eu ainda sou péssimo em desenhar qualquer coisa nisso, mas agora eu sei bem cedo quando sou péssimo:)

No lado direito da grade (na tela), você encontrará a representação binária pronta para copiar e colar na forma de uma matriz de bytes (armazenada no programa) - basta agarrá-la e colá-la em seu código. Sinta-se à vontade para adaptar o nome do array, e se o progmem não funcionar para você: são 8 bytes - então provavelmente não sobrecarregará sua memória;)

Etapa 2: O que você precisa?

Ele foi projetado com um WEMOS D1 em mente, então você precisa do D1 e um escudo de LED LOLIN Matrix: D1:

Matrix LED Shield:

- estes não são links afiliados - é apenas onde eu obtenho minhas coisas. Sinta-se à vontade para comprar em qualquer outro lugar.

Etapa 3: Software?

Baixe o projeto aqui:

O projeto vem em dois arquivos - um é o esboço e o segundo contém a página da Web que o seu ESP enviará.

Se você não se sentir confortável para baixar algum ZIP desconhecido: aqui está o esboço principal:

… E a página da web:

Se você não usar o ZIP: os dois arquivos irão para uma pasta. A Webpage-Part deve estar em um arquivo chamado "index_html.h" - o esboço pode ser chamado de qualquer coisa, desde que o nome da pasta seja igual ao do INO. Sim, Arduino …

Etapa 4: Bibliotecas?

Certo. Para compilar, você precisa ter estas bibliotecas instaladas:

Wifi Manager

..ea biblioteca para a matriz de LED: https://github.com/thomasfredericks/wemos_matrix_…..wich solicitará que você instale a biblioteca Adafruit GFX.

Ambas (as três?) Bibliotecas podem ser obtidas através do bom e velho Library Manager.

Etapa 5: Então, como fazemos com que isso funcione?

Depois de enviar o código, seu display LED faz uma pequena animação - informando que ele deseja se conectar ao seu Wifi. Então pegue seu fone, abra sua WLAN - procure uma nova WLAN chamada

8x8painter CONFIG

- conecte-se à nova WLAN - seu fone deve perguntar, se você deseja se conectar a esse WIFI (desculpe, fone alemão aqui - não tenho certeza do que diz a mensagem em inglês) - toque nisso. Se essa mensagem não aparecer: abra um navegador (no seu fone que está conectado ao WiFi do ESP) e vá para "https://1.2.3.4".

Tela branca, grandes botões azuis? Esse é o Wifi Manager.

Toque em "Configurar Wifi", selecione seu wi-fi e digite sua senha. Clique em salvar - a animação deve parar (a matriz fica preta); o ESP agora está conectado ao seu wi-fi.

Abra um navegador de sua escolha e use este endereço:

8x8painter

- é isso: agora você deve ver a interface principal - feliz construção de ícones !!

Etapa 6: Notas

Não só sou péssimo em desenhar ícones - também sou péssimo em comentar. Eu normalmente escolho nomes de variáveis expressivos - então o esboço não deve ser tão difícil de seguir.

Sim, adoro minhas funções - a maneira mais fácil de ler o esboço é recolher tudo e verificar as funções separadas.

Deixei algumas instruções Serial.print no código para depuração - verificar o console serial durante a execução pode ser uma boa ideia:)

A página da Web é armazenada em uma longa string - inferno e maldição - Strings! Como eu poderia? Bem, eu tenho espaço para isso, eu não mudo nada (Globals From Hell) - então eu realmente não me importo. Se você fizer isso: vá em frente, torne-o melhor. Essa é a beleza da programação.

A página da Web faz praticamente tudo em JavaScript - desculpe por isso; foi a solução mais compacta que consegui propor. A comunicação entre o ESP e o navegador poderia ser feita muito melhor com webSockets - mas fazer GET-Strings era a única coisa na minha mente enquanto escrevia - lembre-se: nunca toque em um sistema em execução:)

A página da Web foi construída usando Firefox - preguiçoso, eu não testei chrome / edge / opera / qualquer que seja o seu uso. Se algo quebrar.. experimente o Firefox.

2020 por Detlef Amend. Software Livre - divirta-se com ele !!