Kad Perniagaan / Konsol Permainan: Skrin ATtiny85 dan OLED: 5 Langkah (dengan Gambar)

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

Hai semua

Hari ini saya akan menunjukkan kepada anda bagaimana anda boleh membina kad perniagaan / konsol permainan anda sendiri / apa sahaja yang anda bayangkan yang mempunyai paparan OLED I2C dengan lampu latar dan Mikroprosesor ATtiny85. Dalam Instructable ini saya akan memberitahu anda bagaimana PCB yang saya reka sebenarnya berfungsi, bagaimana anda boleh membinanya, dan apa yang boleh anda lakukan dengan fungsi ini. Sekiranya anda sudah mempunyai layar I2C yang disambungkan ke ATtiny85, Instructable ini masih boleh membantu jika anda ingin mendapatkan gambar untuk dipaparkan atau ingin membuat menu, permainan, dan lain-lain.

Anda mungkin tertanya-tanya apakah sebenarnya perkara ini. Ini hanya papan litar bercetak sederhana dengan bateri, skrin, butang, suis hidup / mati, dan unit pemprosesan. Anggap saja sebagai Gameboy kecil, supaya anda dapat memprogram dengan mudah untuk melakukan pelbagai perkara. Maju!

Langkah 1: The Guts

Sekiranya anda belum melakukannya, saya sangat mengesyorkan agar anda membuat akaun di circuits.io. Ini akan membolehkan anda menyesuaikan reka bentuk saya agar sesuai dengan keperluan anda.

Dalam langkah ini saya akan menerangkan bagaimana anda boleh menggunakan salah satu papan litar bercetak (PCB) ini. Saya telah membuat PCB saya di circuits.io, alat dalam talian yang hebat yang boleh anda gunakan untuk membuat skema litar dan PCB. Anda boleh melihat reka bentuknya di sini:

Sekiranya anda berminat untuk mendapatkan PCB, anda boleh memesan seberapa banyak yang anda mahu dari OSH Park menggunakan pautan ini:

Perlu beberapa saat untuk mendapatkan papan (1-3 minggu), tapi percayalah. Ia berbaloi! Anda memerlukan bahagian berikut untuk membina kad pelbagai fungsi anda sendiri:

• Pakej ATtiny85 dalam SOIC-8. Inilah otak projek kami yang mengawal SEGALANYA.
• Skrin OLED I2C 128x64 piksel:
• 2 perintang 22k ohm. Ini adalah perintang tarik untuk butang.
• Pemegang CR2032 Surface-Mount:
• Bateri Sel Duit Syiling CR2032. Bateri kecil ini dapat menghidupkan litar untuk beberapa lama.
• Suis slaid 3-pin. Ini adalah suis kuasa!
• Ketua Wanita. Anda boleh menggunakannya untuk memprogram ATtiny85 semasa berada di litar!
• Butang 6mm:
• Papan litar bercetak (anda boleh memesannya menggunakan pautan di atas

Alat:

• Besi solder (dengan hujung halus)
• Pateri
• Gunting plumbum

Untuk pengaturcaraan ATtiny85:

• 6 wayar pelompat lelaki hingga lelaki
• Satu 10 kapasitor mikro-farad
• Arduino Uno atau beberapa mikrokontroler berasaskan ATmega yang lain

Langkah 2: Pemasangan PCB

Ini sangat mudah. Yang perlu anda lakukan ialah menyolder semua komponen ke tempat masing-masing, seperti yang tertera di papan tulis. Sebilangan skrin OLED ini terdapat dalam ukuran yang berbeza, jadi jika layar anda terlalu besar untuk papan, anda boleh menggantungnya di atas seperti pada gambar di atas, dan membongkokkan kepala ke sisi lain dan menyekatnya ke lubang di mana mereka sepatutnya pergi. Lihat gambar kedua sekiranya anda keliru.

Beberapa petua berguna:

• Titik kecil di ATtiny perlu berorientasi sehingga dekat dengan suis slaid, jika tidak, anda akan mempunyai pin dalam urutan yang salah.
• Orientasi pemegang bateri penting. Bahagian hujung pemegang dengan tambah terukir harus berada di alas bawah (dihalakan ke arah perintang).
• Orientasi suis, butang, header, dan perintang tidak menjadi masalah

Sekiranya anda mempunyai sebarang pertanyaan, sila e-mel kepada saya di info [at] coniferapps.com

Langkah 3: Masa untuk Mendapatkan Pengaturcaraan

Saya menggunakan kombo ATtiny / skrin saya menggunakan Instructable berikut: https://www.instructables.com/id/ATTiny85-connects-to-I2C-OLED-display-Great-Things/. Sebenarnya, saya malah menggunakan perpustakaan yang diubah suai oleh AndyB2 dalam lakaran saya sendiri.

Cara kita memprogram ATtiny adalah melalui Arduino Uno. Instructable berikut menunjukkan cara melakukannya: https://www.instructables.com/id/Program-an-ATtiny-with-Arduino/. Sekiranya anda belum perasan, semua pin yang diperlukan dapat dipecahkan pada PCB dengan nombor pin berlabel di belakang.

Sekiranya anda ingin memulakan dengan contoh asas, muat naik lakaran yang dipautkan di atas ke kad anda. Pastikan suis kuasa dipindahkan ke kanan sebelum anda melakukan ini. Anda tidak mahu mempunyai bateri dan Uno sama ada voltan bekalan pada masa yang sama! Dalam folder itu terdapat sekumpulan fail. Saya akan membincangkannya lebih lanjut pada langkah seterusnya, tetapi kebanyakan fail tajuk di dalamnya terdapat perwakilan heksadesimal gambar bitmap monokromatik. Fail.bmp adalah gambar-gambar ini yang baru saya sebutkan - seperti yang anda lihat, gambar itu hitam putih dan tepat 128x64 piksel. Ini tidak dimuat naik ke pengawal mikro, tetapi saya fikir saya akan memasukkannya untuk rujukan.

Langkah 4: Mengenai Program itu sendiri

Sketsa yang saya muat naik pada langkah sebelumnya adalah contoh asas bagaimana anda boleh melaksanakan menu. Semasa anda mengklik setiap butang kiri dan kanan, ia menukar kaunter dalam program. Fungsi kemudian dipanggil yang mempunyai ATtiny memeriksa keadaan kaunter ini, dan berdasarkan nombor kaunter, ATtiny melukis gambar pilihan menu yang sedang dipilih di layar. Setiap sel-sel yang dipilih adalah gambar tersendiri. Sekiranya butang atas ditekan, ATtiny sekali lagi memeriksa keadaan kaunter untuk menentukan skrin terperinci yang hendak dipaparkan. Semasa skrin terperinci ini dipaparkan, ATtiny sentiasa memeriksa untuk melihat apakah ada butang yang ditekan. Setelah mengesan tekan butang, fungsi yang menarik menu dipanggil lagi dan keadaan menu semasa digambar di skrin, membawa kita kembali ke menu. Kedengarannya agak menakutkan jika anda baru dalam pengaturcaraan, tetapi saya berjanji apabila anda melihat kodnya, akan lebih masuk akal.

Setiap skrin terperinci juga gambarnya sendiri.

Sekiranya anda tidak perasan, pilihan kejutan tidak akan membuat apa-apa. Kita akan sampai ke langkah seterusnya:).

Langkah 5: Menyesuaikan Penciptaan Anda

Sekarang setelah anda melihat apa yang telah saya lakukan, sudah tiba masanya anda menyesuaikan kad dengan maklumat anda sendiri. Perpustakaan yang saya sertakan mempunyai fungsi untuk menarik teks di skrin, tetapi saya sangat mengesyorkan agar anda menggunakan penyelesaian berasaskan gambar yang ketat, kerana cenderung kelihatan JAUH lebih baik. Saya pada awalnya akan membuat penambahan foto ke program dari arahan ini, tetapi cukup lama untuk menjamin arahannya sendiri. Anda boleh melihatnya di sini:

Setelah anda mengetahui cara menambahkan foto, terdapat banyak perkara yang boleh anda buat untuk membuat kad. Anda boleh menggunakan menu dan skrin bantuan saya, dan hanya menambah maklumat hubungan anda sendiri. Anda bahkan boleh membuat permainan kecil untuk pilihan "kejutan". Agak mudah untuk memindahkan sprite 10x10 yang sangat kecil di sekitar skrin menggunakan butang dan periksa sama ada ia bertembung dengan sprite yang lain. Anda boleh membuat klon burung flappy menggunakan konsep yang sama! Sekiranya anda membuat sesuatu, sila hantarkan foto / video / failnya dalam komen!

Hanya satu perkara kecil yang saya lupa sebutkan. Setakat penyimpanan, ATtiny85 tidak mempunyai banyak. Untuk program, kira-kira 8kb. Sketsa saya sekarang dengan 5 gambar dan pustaka paparan OLED menempati sekitar 7 dari 8kb itu. Sebarang permainan yang anda buat mesti sesuai dengan margin yang agak kecil ini, jadi ini akan menjadi cabaran yang menyeronokkan:).

Terima kasih telah mendengarkan saya, dan jika anda mempunyai sebarang pertanyaan, jangan ragu untuk menghantar e-mel kepada saya di info [at] coniferapps.com (ganti [at] dengan @). Tolong pilih saya dalam peraduan Autodesk Circuits! Mudah-mudahan anda akan mempunyai kad perniagaan / permainan anda sendiri untuk dipamerkan!