Ảnh động bitmap trên Màn hình OLED SSD1331 (SPI) Với Visuino: 8 bước

2024 Tác giả: John Day | [email protected]. Sửa đổi lần cuối: 2024-01-30 13:30

Trong hướng dẫn này, chúng tôi sẽ hiển thị và di chuyển xung quanh hình ảnh bitmap ở dạng hoạt ảnh đơn giản trên Màn hình OLED SSD1331 (SPI) với Visuino.

Xem video.

Bước 1: Những gì bạn sẽ cần

• Arduino UNO (hoặc bất kỳ Arduino nào khác)
• Màn hình OLED SSD1331 (SPI)
• Breadboard
• Dây nhảy
• Chương trình Visuino: Tải xuống Visuino

Bước 2: Mạch

• Kết nối chân Display [CS] với chân kỹ thuật số Arduino [7]
• Kết nối chân Display [DC] với chân kỹ thuật số Arduino [8]
• Kết nối chân hiển thị [RES] với chân kỹ thuật số Arduino [9]
• Kết nối chân Display [SDA] với chân kỹ thuật số Arduino [11]
• Kết nối chân Display [SCL] với chân kỹ thuật số Arduino [13]
• Kết nối chân hiển thị [VCC] với chân dương Arduino [+ 5V]
• Kết nối chân Display [GND] với chân nối đất [GND] của Arduino

Bước 3: Khởi động Visuino và chọn loại bảng Arduino UNO

Để bắt đầu lập trình Arduino, bạn cần phải cài đặt Arduino IDE từ đây:

Xin lưu ý rằng có một số lỗi nghiêm trọng trong Arduino IDE 1.6.6. Đảm bảo rằng bạn cài đặt phiên bản 1.6.7 trở lên, nếu không, bản có thể hướng dẫn này sẽ không hoạt động! Nếu bạn chưa thực hiện, hãy làm theo các bước trong Tài liệu hướng dẫn này để thiết lập Arduino IDE để lập trình Arduino UNO! Visuino: https://www.visuino.eu cũng cần được cài đặt. Khởi động Visuino như trong hình đầu tiên Nhấp vào nút "Công cụ" trên thành phần Arduino (Hình 1) trong Visuino Khi hộp thoại xuất hiện, chọn "Arduino UNO" như hiển thị trên Hình 2

Bước 4: Trong Visuino ADD Components

• Thêm thành phần "Màn hình OLED SSD1331 (SPI)"
• Thêm 2X "Trình tạo số nguyên hình sin"

Bước 5: Trong Visuino Set Components

• Chọn "SineIntegerGenerator1" và trong cửa sổ thuộc tính đặt Biên độ: 20, Tần số (Hz): 0,1, Chênh lệch: 20
• Chọn "SineIntegerGenerator2" và trong cửa sổ thuộc tính đặt Biên độ: 10, Tần số (Hz): 0,1, Chênh lệch: 10
• Nhấp đúp vào "DisplayOLED1" và trong cửa sổ phần tử kéo "Draw Bitmap" sang bên trái, ở phía bên trái, sau đó chọn "Draw Bitmap1" và trong cửa sổ thuộc tính, chọn trường "Bitmap" và nhấp vào 3 dấu chấm. "Trình chỉnh sửa bitmap" nhấp vào nút "Tải" và tải bitmap (Bạn có thể tải xuống bitmap thử nghiệm đính kèm tại đây)
• Trong "Bitmap Editor", nhấp vào nút "Load" và tải bitmap (Bạn có thể tải xuống bitmap thử nghiệm đính kèm tại đây)

• Để tạo hoạt ảnh cho chuyển động Bitmap, chúng ta cần kiểm soát các thuộc tính X và Y. Để làm điều đó, chúng tôi sẽ thêm ghim vào chúng: Trong Object Inspector, chọn thuộc tính "X" Nhấp vào nút "Pin" ở phía trước thuộc tính, Từ danh sách thả xuống, chọn "Integer SinkPin" Làm tương tự cho "Y thuộc tính "Đóng hộp thoại" Elements "Bạn sẽ thấy các chân" X "và" Y "mới được thêm vào phần tử" Elements. Draw Bitmap1"

Bước 6: Trong các thành phần kết nối Visuino

• Kết nối chân "SineIntegerGenerator1" [Out] với "DisplayOLED1"> chân "Vẽ Bitmap1" [X]
• Kết nối chân "SineIntegerGenerator2" [Out] với "DisplayOLED1"> chân "Vẽ Bitmap1" [Đồng hồ]
• Kết nối chân "SineIntegerGenerator2" [Out] với "DisplayOLED1"> chân "Vẽ Bitmap1" [Y]
• Kết nối chân "DisplayOLED1" [Đặt lại] với chân kỹ thuật số Arduino [9]
• Kết nối chân "DisplayOLED1" [Lệnh dữ liệu] với chân kỹ thuật số Arduino [9]
• Kết nối chân "DisplayOLED1" [Đầu ra SPI] với chân Arduino [Đầu vào SPI]
• Kết nối chân "DisplayOLED1" [Chọn chip] với chân kỹ thuật số Arduino [7]

Bước 7: Tạo, biên dịch và tải lên mã Arduino

Trong Visuino, ở dưới cùng nhấp vào Tab "Xây dựng", đảm bảo rằng cổng chính xác được chọn, sau đó nhấp vào nút "Biên dịch / Xây dựng và Tải lên".

Bước 8: Chơi

Nếu bạn cấp nguồn cho mô-đun Arduino UNO và màn hình OLED, bạn sẽ thấy Bitmap di chuyển xung quanh Màn hình OLED như được thấy trên Video.

Xin chúc mừng! Bạn đã hoàn thành dự án của mình với Visuino. Cũng đính kèm là dự án Visuino, mà tôi đã tạo cho Có thể hướng dẫn này, bạn có thể tải xuống tại đây và mở nó trong Visuino: