Animasi Bitmap pada Tampilan OLED SSD1331 (SPI) Dengan Visuino: 8 Langkah

2024 Pengarang: John Day | [email protected]. Terakhir diubah: 2024-01-30 09:53

Dalam tutorial ini kita akan menampilkan dan memindahkan gambar bitmap dalam bentuk animasi sederhana pada SSD1331 OLED Display (SPI) dengan Visuino.

Tonton videonya.

Langkah 1: Apa yang Anda Butuhkan

• Arduino UNO (atau Arduino lainnya)
• Layar OLED SSD1331 (SPI)
• Papan tempat memotong roti
• Kabel jumper
• Program Visuino: Unduh Visuino

Langkah 2: Sirkuit

• Hubungkan pin Tampilan[CS] ke pin digital Arduino[7]
• Hubungkan pin Tampilan[DC] ke pin digital Arduino[8]
• Hubungkan pin Tampilan[RES] ke pin digital Arduino[9]
• Hubungkan pin Tampilan[SDA] ke pin digital Arduino[11]
• Hubungkan pin Tampilan[SCL] ke pin digital Arduino[13]
• Hubungkan pin Tampilan[VCC] ke pin positif Arduino[+5V]
• Hubungkan pin Tampilan[GND] ke pin ground Arduino[GND]

Langkah 3: Mulai Visuino, dan Pilih Jenis Papan Arduino UNO

Untuk mulai memprogram Arduino, Anda harus menginstal Arduino IDE dari sini:

Perlu diketahui bahwa ada beberapa bug kritis di Arduino IDE 1.6.6. Pastikan Anda menginstal 1.6.7 atau lebih tinggi, jika tidak, Instruksi ini tidak akan berfungsi! Jika Anda belum selesai, ikuti langkah-langkah dalam Instruksi ini untuk mengatur Arduino IDE untuk memprogram Arduino UNO! Visuino: https://www.visuino.eu juga perlu diinstal. Jalankan Visuino seperti pada gambar pertama Klik tombol "Tools" pada komponen Arduino (Gambar 1) di Visuino Ketika muncul dialog, pilih "Arduino UNO" seperti pada Gambar 2

Langkah 4: Dalam Komponen ADD Visuino

• Tambahkan komponen "SSD1331 OLED Display (SPI)"
• Tambahkan 2X "Sine Integer Generator"

Langkah 5: Dalam Komponen Set Visuino

• Pilih "SineIntegerGenerator1" dan di jendela properti atur Amplitude:20, Frequency (Hz):0.1, Offset: 20
• Pilih "SineIntegerGenerator2" dan di jendela properti atur Amplitude:10, Frequency (Hz):0.1, Offset: 10
• Klik dua kali pada "DisplayOLED1" dan di jendela elemen seret "Draw Bitmap" ke sisi kiri, di sisi kiri lalu pilih "Draw Bitmap1" dan di jendela properti pilih bidang "Bitmap" dan klik pada 3 titik. klik "Editor Bitmap" pada tombol "Muat" dan muat bitmap (Anda dapat mengunduh bitmap uji terlampir di sini)
• Di "Editor Bitmap" klik tombol "Muat" dan muat bitmap (Anda dapat mengunduh bitmap uji terlampir di sini)

• Untuk menganimasikan gerakan Bitmap, kita perlu mengontrol properti X dan Y. Untuk melakukan itu kita akan menambahkan pin ke mereka: Di Object Inspector pilih properti "X"Klik tombol "Pin" di depan properti, Dari daftar Drop Down pilih "Integer SinkPin" Lakukan hal yang sama untuk tombol "Y " property Tutup dialog "Elements" Anda akan melihat pin "X", dan "Y" baru ditambahkan ke elemen "Elements. Draw Bitmap1"

Langkah 6: Dalam Komponen Visuino Connect

• Hubungkan pin "SineIntegerGenerator1"[Out] ke "DisplayOLED1">"Draw Bitmap1" pin[X]
• Hubungkan pin "SineIntegerGenerator2" [Out] ke "DisplayOLED1">"Draw Bitmap1" pin[Clock]
• Hubungkan pin "SineIntegerGenerator2" [Out] ke "DisplayOLED1">pin "Draw Bitmap1"[Y]
• Hubungkan pin "DisplayOLED1" [Reset] ke pin digital Arduino[9]
• Hubungkan pin "DisplayOLED1" [Perintah Data] ke pin digital Arduino[9]
• Hubungkan pin "DisplayOLED1" [Out SPI] ke pin Arduino [SPI In]
• Hubungkan pin "DisplayOLED1" [Pilihan Chip] ke pin digital Arduino[7]

Langkah 7: Hasilkan, Kompilasi, dan Unggah Kode Arduino

Di Visuino, di bagian bawah klik pada Tab "Build", pastikan port yang benar dipilih, lalu klik tombol "Compile/Build and Upload".

Langkah 8: Mainkan

Jika Anda menyalakan modul Arduino UNO, dan layar OLED, Anda akan melihat Bitmap bergerak di sekitar Layar OLED seperti yang terlihat di Video.

Selamat! Anda telah menyelesaikan proyek Anda dengan Visuino. Juga terlampir adalah proyek Visuino, yang saya buat untuk Instruksi ini, Anda dapat mengunduhnya di sini dan membukanya di Visuino: