Pelukis 8x8: 6 Langkah

2024 Pengarang: John Day | [email protected]. Diubah suai terakhir: 2024-01-30 11:06

Alat mudah untuk membuat grafik pada modul LED 8x8.

Guys - Saya teruk. Tidak - sangat, sangat buruk ketika menggambar ikon. Terutama melukis ikon pada grid 8x8, seperti Paparan Matriks WEMOS kecil untuk WEMOS D1. Selain itu, saya menyedari mengira baris dan mengubahnya menjadi representasi binari.

Jadi saya menipu - dan mencipta benda kecil yang disebut pelukis 8x8 ini.

Langkah 1: Apa Itu?

ESP8266 menghoskan halaman web yang mewakili grid 8x8 paparan matriks - klik salah satu titik ini dan ia berubah menjadi merah / hidup, klik lagi dan ia mati / hitam. Paparan anda melakukan perkara yang sama, jadi anda dapat melihat karya seni anda secara realtime pada perkakasan sebenar. Saya masih menyedari melukis apa-apa, tetapi sekarang saya tahu lebih awal ketika saya menghisap:)

Di sebelah kanan grid (di skrin anda) anda akan menemui perwakilan binari siap salin & tampal dalam bentuk tatasusunan bait (disimpan dalam progmem) - hanya ambil dan tampalkannya ke kod anda. Jangan ragu untuk menyesuaikan nama array, dan jika progmem tidak berfungsi untuk anda: itu 8 bait - jadi mungkin tidak akan membebani memori anda;)

Langkah 2: Apa yang Anda Perlu?

Ini direka dengan WEMOS D1, jadi anda memerlukan pelindung LED D1 dan LOLIN Matrix: D1:

Perisai LED Matriks:

- ini bukan pautan afiliasi - di sinilah saya mendapatkan barang saya. Jangan ragu untuk membeli di tempat lain.

Langkah 3: Perisian?

Muat turun projek di sini:

Projek ini terdapat dalam dua fail - satu lakarannya, yang kedua mengandungi laman web yang akan dihantar oleh ESP anda.

Sekiranya anda tidak selesa memuat turun beberapa ZIP yang tidak diketahui: inilah lakaran utama:

… dan laman web:

Sekiranya anda tidak menggunakan ZIP: kedua-dua fail masuk ke dalam satu folder. Bahagian Halaman Web harus ada dalam file bernama "index_html.h" - lakaran boleh disebut apa saja, asalkan nama foldernya sama dengan yang ada di INO. Ya, Arduino …

Langkah 4: Perpustakaan?

Pasti. Untuk menyusun, anda perlu memasang perpustakaan ini:

Pengurus Wifi

..dan perpustakaan untuk matriks LED: https://github.com/thomasfredericks/wemos_matrix_…..wich akan meminta anda memasang perpustakaan Adafruit GFX.

Kedua-dua (ketiga-tiga perpustakaan) boleh didapati melalui Pengurus Perpustakaan lama yang baik.

Langkah 5: Jadi - Bagaimana Kita Mendapatkan Perkara Ini?

Setelah memuat naik kod, Paparan LED anda melakukan sedikit animasi - memberitahu anda, bahawa ia ingin menyambung ke Wifi anda. Oleh itu, ambil fon anda, buka WLAN anda - cari WLAN baru yang bernama

CONFIG 8x8painter

- sambungkan ke WLAN baru - fon anda harus bertanya, jika anda mahu menyambung ke WIFI itu (maaf, telefon bimbit Jerman di sini - tidak pasti apa yang dikatakan oleh mesej bahasa Inggeris) - ketuk. Sekiranya tidak ada mesej seperti itu: buka penyemak imbas (pada telefon bimbit anda yang disambungkan ke WiFi ESP) dan pergi ke "https://1.2.3.4".

Skrin putih, butang biru besar? Itulah Pengurus Wifi.

Ketuk "Konfigurasi Wifi", pilih wifi anda dan taip kata laluan anda. Tekan save - animasi harus berhenti (matriks menjadi hitam); ESP kini disambungkan ke wifi anda.

Buka penyemak imbas pilihan anda dan gunakan alamat ini:

8x8painter

- itu sahaja: anda kini harus melihat antara muka utama - membina ikon gembira !!

Langkah 6: Catatan

Bukan sahaja saya suka melukis ikon - saya juga suka mengulas. Saya biasanya mencari nama pemboleh ubah ekspresif - jadi lakarannya tidak begitu sukar untuk diikuti.

Ya, saya suka fungsi saya - cara termudah untuk membaca lakaran adalah meruntuhkan semua dan memeriksa fungsi yang berasingan.

Saya meninggalkan beberapa penyataan Serial.print dalam kod untuk debug - memeriksa konsol bersiri semasa berjalan mungkin merupakan idea yang baik:)

Halaman Web disimpan dalam satu rentetan panjang - neraka dan celaka - Strings! Bagaimana saya boleh? Saya mempunyai ruang untuk itu, saya sama sekali tidak mengubahnya (Globals From Hell) - jadi saya tidak begitu peduli. Sekiranya anda melakukannya: teruskan, buat lebih baik. Itulah keindahan pengaturcaraan.

Halaman Web melakukan hampir semua perkara dalam JavaScript - maaf untuk itu; ia adalah penyelesaian paling padat yang dapat saya hasilkan. Komunikasi antara ESP dan penyemak imbas dapat dilakukan dengan lebih baik dengan soket web - tetapi melakukan GET-Strings adalah perkara yang ada di fikiran saya semasa menulis - ingat: jangan pernah menyentuh sistem yang sedang berjalan:)

Laman Web dibina menggunakan Firefox - malaslah saya, saya tidak menguji krom / tepi / opera / apa sahaja yang Anda Gunakan. Sekiranya ada yang rosak.. cubalah Firefox.

2020 oleh Detlef Amend. Perisian Percuma - bersenang-senang dengannya !!