點矩陣顯示器如何顯示資訊和圖形?一次說明並提供範例!

圖說:將展躍光電的LOGO和英文利用點矩陣標準品 3Φ LED THT 5×7 Square Dot Matrix Display | 1.2″ Matrix Height (OPD-M35760(1)LA)來顯示

點矩陣顯示器可以顯示哪些資訊?

        日常生活中的電梯,車廂,或是廣告跑馬燈上,使用單色或多色的點矩陣顯示器來顯示樓層資訊,車站目前位置,和廣告資訊是非常常見的應用,但點矩陣顯示器沒有辦法顯示每個字和圖形的所有細節,因此必須透過簡化過後的像素化圖形,阿拉伯數字,大小寫英文和繁體中文呈現,點矩陣顯示器顯示資訊最常見的有以下三種,

  • 像素化圖形
  • 阿拉伯數字/大小寫英文
  • 繁體中文

        文章將會分別介紹上述三種類型,並以OPD-M35760(1)LA 的方形3Φ 5×7 點矩陣顯示器來顯示阿拉伯數字,大小寫英文和繁體中文製作範例。

利用點矩陣顯示器顯示像素化的圖形

  若需要使用點矩陣顯示器用於顯示像素化圖形,通常有兩種方式。         

把高解析度的圖形像素化之後,再以點矩陣顯示

  我們使用the Pixel Art這個網路工具,來表達高解析度的圖形,像素化之後會失去細節的特性,以下圖的展躍光電LOGO為例,可以看到若你使用更多點數的點距陣顯示器,可以還原的細節就更多,若產品應用需要顯示非常細節的圖案,就必須選擇多點數的點矩陣才能較為完整呈現。

圖說:利用the Pixel Art,並使用兩種缩放值 (像素大小)0.15和0.05來像素化展躍光電的LOGO

用固定個數的點矩陣顯示來顯示簡單圖形

  這是先確定要使用多少點數,在點矩陣上面,描出想要表現的圖案,再利用足夠點數的點矩陣顯示器來顯示,你可以利用像是piskel等線上工具或是像是dotpict這樣的APP來製作出想要的圖形,之後在選用足夠點數的LED點矩陣顯示器來顯示。下圖示利用dotpict在利用32*32的點矩陣所畫出來的展躍光電LOGO作品連結,下圖(A)是最終圖形。實務上的點矩陣因為結構必須在每個發光點之間有所區隔,實際表示上點和點之間的點間距(Pixel pitch,又稱Dot pitch)必定會影響到圖形,若以點矩陣顯示器來顯示上述展躍光電LOGO,外觀上會看起來像是圖(B)所示。

圖說:(A)利用32*32的點矩陣手工繪製的展躍光電LOGO(連結) (B)利用32×32的點矩陣顯示器顯示的展躍光電LOGO

利用點矩陣顯示器顯示資訊

  點矩陣顯示器的除了可以顯示像素化的圖形之外,另一個用途就來顯示大小寫英文和阿拉伯數字等資訊,生活上可找到相關應用。比如說:以2020東京奧運閉幕式所寫的『ARIGATO』為例,方形點矩陣顯示器以5*7的格式來顯示大寫英文字。下面會以展躍光電點矩陣顯示器標準品3Φ 5×7 方形點矩陣顯示器(OPD-M35760(1)LA)為基礎,去顯示常見的資訊:大寫英文字母,小寫英文字母,阿拉伯數字。

TOKYO 2020 Closing ceremony Twitter Post Form Olympic Twitter account

利用點矩陣顯示器顯示大寫英文字母和小寫英文字母

  最常被使用來顯示英文字母的格式,是利用5×7 的點矩陣來顯示一個大寫字母,參考網路上所提供的 5×7 dot matrix font 字型範例,下圖製作了展躍光電英文名稱(OPTO PLUS)的5×7點矩陣示意圖,其他常使用格式有還有5×9,7×5,3×5,4×6。

圖說:用5×7 的OPD-M35760(1)LA 來顯示展躍光電的英文名稱”OPTO PLUS”

使用5×7點矩陣顯示器來顯示大寫英文字母

  下圖是利用展躍光電的3Φ 5×7 方形點矩陣顯示器(的ㄈ來顯示所有的大寫英文字母的示意圖。除了下圖之外,還可以參考PDF版本/PNG版本下載

圖說:利用OPD-M35760(1)LA 來顯示大寫英文A-Z的示意圖

使用5×7點矩陣顯示器來顯示小寫英文字母

  下圖是利用展躍光電的3Φ 5×7 方形點矩陣顯示器(OPD-M35760(1)LA) 來顯示所有的小寫英文字母的示意圖。除了下圖之外,還可以參考PDF版本/PNG版本下載

圖說:利用OPD-M35760(1)LA 來顯示小寫英文a-z的示意圖

使用5×7點矩陣顯示器來顯示阿拉伯數字

  下圖是利用展躍光電的3Φ 5×7 方形點矩陣顯示器(OPD-M35760(1)LA) 來顯示所有的阿拉伯數字的示意圖。除了下圖之外,還可以參考PDF版本/PNG版本下載

圖說:利用OPD-M35760(1)LA 來顯示0-9的阿拉伯數字示意圖

利用點矩陣顯示器顯示繁體中文

  參考這篇文章justfont 所寫的《講古時間:中文點陣字型》,我們可以知道,最小可以顯示大部分中文字的點矩陣是16*16,除此之外還有24*24,32*32,64*64,128*128等字型,更多的點,可以顯示更完整的中文字細節,下圖上方以16*16的點來顯示「展躍」兩個字利用16×16的方格點矩陣手工繪製的中文,可以藉由上圖和下圖的對照,來了解用點矩陣顯示的細節差異。

圖說:以16*16的方點來顯示「展躍」兩個字,和「展躍」這兩個字放在16*16的方格點上的示意圖

  除此之外,justfont 所寫的《講古時間:中文點陣字型》內也有一張圖形用來比對,用16*16 / 24*24 / 36*36 來顯示相同一段字型的文字的細節差異,若需要在點矩陣顯示器上顯示中文,可參考華康Bitmap 字型,或是免費的點陣圖字體制作工具Bitmap Font Generator

This image has an empty alt attribute; its file name is Ncrg417.png
圖說:利用不同三種不同的點矩陣(16*16,24*24,36*36)來顯示楷書,隸書,和仿宋體(原圖轉自 justfont《講古時間:中文點陣字型》 )

結論

  點矩陣顯示器相對LCD 螢幕來說成本低廉許多,在很多預算不高,但又需要顯示簡單資訊的應用上常被使用,本文介紹了如何使用點矩陣顯示器來顯示像素化資訊,大寫英文字母,小寫英文字母和阿拉伯數字,產品設計者可根據需求來選擇適合的方式使用,若需要使用標準品的點矩陣顯示器,或是要將點矩陣顯示器整合其他種類的LED顯示器, 可以利用聯絡表單,或是寄信至[email protected],讓10+年經驗的展躍光電協助你的產品設計,為你的應用,設計最適合的LED顯示器。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *