กลับไปหน้ารวมไฟล์
put-images-on-the-matrix-of-an-uno-r4-wifi-ab0a70.md

น้องสามารถใส่รูปภาพลงบนจอ LED Matrix ได้ง่ายๆ โดยใช้เว็บไซต์แปลงรูปภาพเป็นโค้ด C++ ตัวนี้เลย ตัวเว็บมันจะให้เราอัพโหลดรูปเข้าไป แล้วก็ตั้งค่า 'canvas size' ให้ตรงกับขนาดของ Matrix ตามตัวอย่างข้างล่างนี้

จากนั้น เราก็ปรับค่า 'brightness threshold' ให้พอดี ไม่งั้นรูปที่ได้จะจ้าเกินไปหรือมืดจนมองไม่เห็นอะไรเลย

พอตั้งค่าขนาดและความสว่างได้ที่แล้ว ก็ถึงเวลาสร้างโค้ดสเก็ตช์ได้เลย อย่าลืมเลือกให้มันสร้างโค้ดเป็น 'raw bytes' นะ

เลือกประเภทโค้ดเป็น 'raw bytes' นะตัวนี้

พอได้โค้ดมาแล้ว สิ่งที่เราต้องการก็คือส่วนที่เป็นตัวเลข bytes อย่างในรูปข้างล่างนี่แหละ เลือดแล้วก็ก๊อปปี้มันมาให้หมด

โค้ดส่วนนี้แหละที่ต้องก๊อปปี้

ได้โค้ดมาแล้วใช่ไหม? เปิด Arduino IDE ขึ้นมา แล้วก็วางโค้ดลงไปใน `{}` หลังบรรทัด `byte frame[8][12] ={//Put the code here.}` ซะ (กด Alt ค้างแล้วลากเลือกเฉพาะใน `{}` ก็ได้ งานง่ายไปอีก!)

ตัวอย่างการก๊อปปี้และวางโค้ด

เสร็จแล้วก็อัพโหลดโค้ดลงบอร์ดได้เลย ไปสนุกกับมันเถอะวัยรุ่น!

จอแสดงผลในตัว: UNO R4 Matrix

Arduino UNO R4 WiFi นี้มันอัพเกรดบอร์ดคลาสสิคด้วยการฝัง LED Matrix สีแดงขนาด 12x8 ดวงลงไปบนบอร์ดเลย! ไม่ต้องพึ่ง Shield ภายนอกให้วุ่นวาย ก็สามารถแสดงข้อมูล ไอคอน หรืออนิเมชั่นได้แล้ว

ตรรกะของการทำอนิเมชั่น (Frame Animation)

Matrix ตัวนี้มี LED อยู่ทั้งหมด 96 ดวง วิธีควบคุมที่เวิร์คสุดคือ:

  1. อย่าเปิดทีละดวง มันจะช้าและเปลืองโค้ด
  2. ใช้ไลบรารี่ Arduino_LED_Matrix ในการสร้าง เฟรม (Frame) เฟรมก็คืออาร์เรย์เลขฐานสิบหก (hexadecimal array) ที่บอกว่า LED ดวงไหนควรติดหรือดับ
  3. ถ้าจะแสดง "หน้ายิ้ม" ก็แค่เขียน hex code ของหน้ายิ้ม แล้วส่งให้ไลบรารี่: matrix.loadFrame(smiley_face_hex)
  4. พอส่งเฟรมต่างๆ เข้าไปใน loop() อย่างรวดเร็ว เราก็จะได้อนิเมชั่นเคลื่อนไหว เช่น หัวใจเต้น หรือรูปคนวิ่ง

Online Matrix Editor

Arduino เขาทำเว็บทูลสุดเจ๋ง (The LED Matrix Editor) มาให้ใช้ฟรี! แค่คลิกๆ วาดรูปบนกริด 12x8 เสมือนจริงบนเว็บ มันก็จะสร้างโค้ด C++ array ให้อัตโนมัติ แค่ก๊อปปี้แล้วก็วางลงในสเก็ตช์เราเลย ง่ายชิบหาย!

ฮาร์ดแวร์ที่ต้องใช้

  • Arduino UNO R4 WiFi: หรือรุ่น Minima ก็ได้ แค่นี้แหละพอ!

ฟีเจอร์นี้ทำให้ R4 โดดเด่นมากเวลาทดสอบเซนเซอร์ แทนที่จะต้องต่อจอ LCD หรือมานั่งจ้อง Serial Monitor เราสามารถโปรแกรมให้ Matrix แสดงค่าอุณหภูมิห้องเลื่อนไปมาได้เลยบนบอร์ด

มีอะไรสงสัยถามมาได้เลยน้อง สู้งานนะ!

ข้อมูล Frontmatter ดั้งเดิม

apps:
  - "1x Arduino Cloud Editor"
author: "isaac_boyd"
category: "Screens & Displays"
components:
  - "1x Arduino® UNO R4 WiFi"
description: "Here's a simple way to display custom characters on the matrix of an uno r4 wifi! \nNote: If you are having problems seeing the matrix than cut out a chunk of paper and put it over the matrix."
difficulty: "Easy"
documentationLinks: []
downloadableFiles:
  - "https://app.arduino.cc/sketches/f2df38e3-22b6-4fdf-859b-81931687dbcb?view-mode=preview"
encryptedPayload: "U2FsdGVkX1+//Mw295uI8yumZamvITq6DzW7rASoxUSBDZqJwhrKwefhFFdRNzKhTc/GRnPfcYWT/W6pT4nhws7ry2cVWXYMwVIDh4MzSDo="
heroImage: "https://cdn.jsdelivr.net/gh/bigboxthailand/arduino-assets@main/images/projects/put-images-on-the-matrix-of-an-uno-r4-wifi-ab0a70_cover.jpg"
lang: "en"
likes: 1
passwordHash: "4de1ee079bd1b7109cdf5f8157618d1c7469bf58274d1eb31c7a0fb81d43b80d"
price: 1499
seoDescription: "Learn how to display custom characters and images on the Arduino Uno R4 WiFi LED matrix with this simple guide."
tags:
  - "Lights"
title: "ปล่อยภาพเทพๆ บน Matrix ของ UNO R4 WiFi กันเถอะ!"
tools: []
videoLinks: []
views: 1018