8x8 Ressam: 6 Adım

2024 Yazar: John Day | [email protected]. Son düzenleme: 2024-01-30 13:16

8x8 LED modülünde grafik oluşturmak için basit bir araç.

beyler - ben kötüyüm Hayır - konu simgeler çizmeye geldiğinde gerçekten çok kötü. Özellikle bir WEMOS D1 için şu küçük WEMOS Matrix Ekranları gibi 8x8 ızgara üzerinde çizim simgeleri. Bunun da ötesinde, satırları saymayı ve bunları ikili bir temsile dönüştürmeyi emerim.

Ben de hile yaptım ve 8x8 ressam denen bu küçük şeyi yarattım.

Adım 1: Bu Nedir?

ESP8266, matris ekranının 8x8 ızgarasını temsil eden bir web sayfasına ev sahipliği yapar - bu noktalardan birine tıklayın ve kırmızı/açılır, tekrar tıklayın ve kapanır/siyah olur. Ekranınız da aynı şeyi yapar, böylece gerçek donanım üzerinde gerçek zamanlı olarak sanat eserinizi kontrol edebilirsiniz. Hala bunun üzerine bir şeyler çizmekte berbatım, ama şimdi ne zaman berbat olduğumu çok erken biliyorum:)

Izgaranın sağ tarafında (ekranınızda) bir bayt dizisi (progmem'de depolanır) biçiminde kopyala ve yapıştır için hazır ikili gösterimi bulacaksınız - sadece onu alın ve kodunuza yapıştırın. Dizi adını uyarlamaktan çekinmeyin ve eğer progmem sizin için işe yaramazsa: bu 8 bayttır - bu nedenle muhtemelen belleğinize aşırı yüklenmeyecektir;)

Adım 2: Neye İhtiyacınız Var?

Bu, bir WEMOS D1 düşünülerek tasarlanmıştır, bu nedenle D1'e ve bir LOLIN Matrix LED kalkanına ihtiyacınız vardır:D1:https://www.aliexpress.com/item/32651747570.html

Matris LED Kalkanı:https://www.aliexpress.com/item/33046133551.html

- bunlar bağlı kuruluş bağlantıları değil - eşyalarımı buradan alıyorum. Başka bir yerden satın almaktan çekinmeyin.

3. Adım: Yazılım?

Projeyi buradan indirin:

Proje iki dosya halinde gelir - biri taslak, ikincisi ESP'nizin göndereceği web sayfasını içerir.

Bilinmeyen bir ZIP'i indirmek konusunda rahat değilseniz: işte ana taslak:

…ve web sayfası:

ZIP'i kullanmazsanız: her iki dosya da bir klasöre gider. Web Sayfası-Bölümü "index_html.h" adlı bir dosyada olmalıdır - klasör adı INO'nunkiyle aynı olduğu sürece çizim herhangi bir şey olarak adlandırılabilir. evet arduino…

Adım 4: Kitaplıklar?

Elbette. Derlemek için şu kütüphanelerin kurulu olması gerekir:

Wifi Yöneticisi

..ve LED matrisi için kitaplık: https://github.com/thomasfredericks/wemos_matrix_…..wich sizden Adafruit GFX kitaplığını kurmanızı isteyecektir.

Her iki (üçü de?) kitaplık, eski güzel Kitaplık Yöneticisi aracılığıyla edinilebilir.

Adım 5: Peki - Bu Şeyi Nasıl Çalıştıracağız?

Kodu yükledikten sonra, LED Ekranınız küçük bir animasyon yapar ve size Wifi'nize bağlanmak istediğini söyler. Fone'unuzu alın, WLAN'larınızı açın - adında yeni bir WLAN arayın

8x8 ressam YAPILANDIRMA

- yeni WLAN'a bağlanın - o WIFI'a bağlanmak isteyip istemediğinizi sormalıdır (üzgünüm, almanca fone burada - ingilizce mesajın ne yazdığından emin değilim) - buna dokunun. Böyle bir mesaj görüntülenmezse: bir tarayıcı açın (ESP'nin WiFi'sine bağlı olan telefonunuzda) ve "https://1.2.3.4" adresine gidin.

Beyaz ekran, büyük mavi düğmeler? Bu Wifi Yöneticisi.

"Wifi Yapılandır"a dokunun, wifi'nizi seçin ve şifrenizi yazın. Kaydet'e basın - animasyon durmalıdır (matriks kararır); ESP artık wifi'nize bağlı.

Seçtiğiniz bir tarayıcı açın ve şu adresi kullanın:

8x8ressam

- işte bu: şimdi ana arayüzü görmelisiniz - mutlu simge oluşturma !!

6. Adım: Notlar

Sadece ikon çizmeyi değil, yorum yapmayı da beceremiyorum. Normalde anlamlı değişken adlarına giderim - bu nedenle çizimi takip etmek o kadar zor olmamalı.

Evet, fonksiyonlarımı seviyorum - taslağı okumanın en kolay yolu hepsini daraltmak ve ayrı fonksiyonları kontrol etmektir.

Hata ayıklama için kodda bazı Serial.print ifadeleri bıraktım - seri konsolu çalışırken kontrol etmek iyi bir fikir olabilir:)

Web sayfası tek bir uzun dizgede saklanır - cehennem ve lanet - Dizeler! Nasıl yapabilirdim? Pekala, bunun için alanım var, hiç değiştirmiyorum (Cehennemden Küreseller) - bu yüzden gerçekten umurumda değil. Yaparsanız: devam edin, daha iyi hale getirin. Programlamanın güzelliği budur.

Web sayfası JavaScript'te hemen hemen her şeyi yapar - bunun için üzgünüm; bulabildiğim en kompakt çözüm buydu. ESP ve tarayıcı arasındaki iletişim webSockets ile çok daha iyi yapılabilir - ancak yazarken aklımdaki şey GET-Strings yapmaktı - unutmayın: çalışan bir sisteme asla dokunmayın:)

Web sayfası Firefox kullanılarak oluşturuldu - tembel beni, chrome/edge/opera/whateverYouUse'u test etmedim. Bir şey bozulursa.. Firefox'u deneyin.

2020 by Detlef Amend. Özgür Yazılım - onunla eğlenin!!