TTGO-T Display ภาษาไทยก็ได้นะ

Nitigon Onnang
3 min readOct 26, 2019

--

ในบทความนี้จะมาแนะนำการแสดงผลข้อความภาษาไทย กับบอร์ด esp32 TTGO-T Display กันครับ

หากใครยังไม่ได้ติดตั้ง Library ของจอ lcd ให้ไปยัง

ขั้นตอนที่ 1 : ติดตั้งเครื่องมือ

ติดตั้งเครื่องมือที่ชื่อ ESP32 Sketch Data Upload ซึ่งเป็นตัวที่ทำหน้าที่ upload ไฟล์เข้าไปเก็บไว้ใน flash file system(SPIFFS) โดยเข้าไปโหลดได้ที่นี่ครับ

https://github.com/me-no-dev/arduino-esp32fs-plugin/releases/

เลือกไฟล์นี้
กด Save ได้เลยครับ

ทำการแตกไฟล์ที่โหลดมา จะได้ดังภาพด้านล่าง

หลังจาก unzip แล้วจะได้โฟลเดอร์ดังภาพ

คัดลอกโฟล์เดอร์ไปไว้ใน

C:\Users\{computerName}\Documents\Arduino\tools

คัดลอกโฟล์เดอร์มาไว้ที่นี่

ตรวจสอบตำแหน่งของไฟล์จะเป็นตามนี้ครับ

ตำแหนงของไฟล์ที่อยู่ในโฟลเดอร์

ถึงขั้นตอนนี้หากเปิดโปรแกรม Arduino IDE อยู่ก็ให้ปิดแล้วเปิดใหม่ หากยังไม่เปิดก็ทำการเปิดโปรแกรมขึ้นมา

เลือก Tools จะเห็นว่ามี ESP32 Sketch Data Upload ในเมนู

หากติดตั้งถูกต้องจะปรากฎเครื่องมือดังภาพ

ขั้นตอนที่ 2 : ติดตั้งโปรแกรม Processing IDE

ในขั้นตอนนี้ก็จะเป็นการติดตั้งโปรแกรม Processing IDE ซึ่งเราจะใช้ในการเปลี่ยนรูปแบบไฟล์ของฟอนต์ที่จะใช้ให้มีนามสกุล .vlw สามารถเข้าไปโหลดได้ที่นี่

https://www.processing.org/download/

เลือกได้ตามระบบปฎิบัติการที่ใช้

เมื่อโหลดเรียบร้อยแล้วจะได้ไฟล์นามสกุล .zip ออกมาครับ จากนั้นก็ให้ทำการแตกไฟล์ >> เข้าไปยังโฟล์เดอร์ของโปรแกรม >> run โปรแกรมได้เลยครับ ไม่ต้องติดตั้ง

Double click เพื่อเปิดโปรแกรมได้เลยครับ

เมื่อเปิดโปรแกรมขึ้นมาจะเห็นว่าหน้าตา ละม้ายคล้ายคลึงกับ Arduino IDE เลยใช่ไหมครับ เนื่องจากมันพัฒนามาจากต้นทางเดียวกันครับ

หน้าต่างการทำงานของโปรแกรม Processing IDE

อันดับแรกไม่ต้องคิดอะไรมาก Save ก่อนเลยครับ

จากนั้นเลือก Tools >> Create Font ตามภาพครับ

เลือกเครื่องมือในการสร้างฟอนต์

จะปรากฎหน้าต่าง Create Font ขึ้นมา

1. เลือกฟอนต์

2. เปลี่ยนขนาด

3. กด Characters เพื่อเลือกภาษา

4. เปลี่ยนชื่อไฟล์

หมายเหตุ : ขนาดของฟอนต์จะคงที่ไม่สามารถเปลี่ยนได้ หากต้องการได้หลายขนาดก็ต้องสร้างหลาย ๆ ไฟล์ที่มีขนาดต่างกันเอานะครับ

เลือก Specific Unicode หรือจะเลือก All Characters ก็ได้นะครับ

เลือกชุดภาษาที่ต้องการ (Thai กับ Latin)

เรียบร้อยครับ ขั้นตอนการเตรียมการเรื่องฟอนต์ หากไม่มีอะไรผิดพลาด ให้เราไปที่ตำแหน่งที่เราเก็บไฟล์ที่ทำการ Save ไว้ในตอนแรก หากจำไม่ได้ กด

Ctl + k

โฟล์เดอร์ data จะถูกสร้างขึ้นมา
ไฟล์ที่สร้างขึ้นมา

หากต้องการฟอนต์ที่มีขนาดแตกต่ากันออกไปก็ต้องทำไว้หลาย ๆ ขนาด หรือต้องการหลาย ๆ ฟอนต์ก็ได้ครับ

เตรียมไว้หลายขนาดและหลายฟอนต์ก็ได้นะครับ

ขั้นตอนที่ 3 : Upload

เมื่อได้ไฟล์ฟอนต์ที่มีนามสกุล .vlw แล้ว ต่อมาเราก็จะทำการ upload ไฟล์เหล่านี้ไปเก็บไว้ในหน่วยความจำของ eps32 โดยใช้เครื่องมือที่เราติดตั้งในขั้นตอนที่ 1

เปิด >> โปรแกรม Arduino IDE ขึ้นมา

สร้าง >> Sketch ใหม่

Save

กด Ctrl + k เพื่อเปิดโฟล์เดอร์ของ Sketch

คัดลอกโฟลเดอร์ data ที่ได้จากขั้นตอนที่ 2 มาไว้ในโฟลเดอร์ ของ Sketch

โฟลเดอร์ Sketch ของโปรเจกต์เรา

หลังจากคัดลอกไฟล์มาแล้ว

กลับไปที่โปรแกรม Arduino IDE

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

ต่อบอร์ด esp32 กับคอมพิวเตอร์

เลือก Board

เลือก Ports

เลือก Tools >> ESP32 Sketch Data Upload

หากไม่มีอะไรผิดพลาดก็จะปรากฎข้อความ SPIFFS Uploading Image รอจนโหลดเสร็จ

หากไม่มีโฟลเดอร์ data หรือไม่มีไฟล์ในโฟล์เดอร์ data ก็จะปรากฎข้อความ ดังภาพ

ขั้นตอนที่ 4 : ทดสอบ

โหลดโปรแกรมตัวอย่างได้จาก link ด้านล่างครับ

upload ลงบอร์ด

ผลที่ได้

สรุป

  1. สามารถเปลี่ยนฟอนต์ที่แสดงได้ตามที่ต้องการ
  2. ฟอนต์ไม่สามารถเปลี่ยนขนาดในโปรแกรมได้ อยากได้ขนาดไหนต้องสร้างให้ครบ

--

--