ESP8266ベースのLEDマトリックスモジュールを使ってデジタルサイネージ

オフィスのリフォームに伴って、入り口の表札をESP8266ベースのLEDモジュールを使ったデジタルサイネージに置き換えました。本記事はその紹介です。

弊社では空いてる時間を使って少しずつオフィスリフォームを自分たちで進めています。先日入り口周りを整理したのですが、取り付けてあった表札をメイカーズフェアで購入したLEDマトリックスモジュールに置き換えたのでその紹介をしたいと思います。

プログラミング

購入したモジュールはハンブルソフト社が提供するHSES-LMC1と64×32のRGBLEDマトリックスです。HSES-LMC1はESP8266を搭載したモジュールでArduino IDEベースで開発することができます。また、PCからのプログラムの書き込みには別途USBシリアルアダプタが必要となります。

LEDの制御を行うには、Arduino IDEにESP8266用の環境構築に加えて、いくつかのライブラリをインストールします。必要なライブラリは下記の4つです。

ライブラリ用のディレクトリにリポジトリをクローンします。例えばmacOSを使用している場合、下記の方法でインストールします。

cd /Users/<your user name>/Documents/Arduino/libraries
git clone https://github.com/h-nari/Humblesoft_LedMat.git
git clone https://github.com/h-nari/Fontx.git
git clone https://github.com/h-nari/Humblesoft_GFX.git
git clone https://github.com/adafruit/Adafruit-GFX-Library.git

Arduino IDEを立ち上げ、左上のメニューから[ファイル] -> [スケッチの例] -> [カスタムライブラリのスケッチ例]に下図のようにサンプルが確認できればインストール成功です。

sample_sketch

308 XSHELL INC.と表示するだけのシンプルなスケッチを作成します。

#include <Adafruit_GFX.h>
#include <Humblesoft_GFX.h>
#include <Humblesoft_LedMat.h>

uint8_t imgBuf[1024*4];

void setup() {
  Serial.begin(115200);
  while (!Serial) {}

  LedMat.begin(LMMT64x32s16);
  LedMat.setImgBuf(imgBuf, sizeof(imgBuf));

  LedMat.clear();
  LedMat.setBright(12);
  LedMat.setTextColor("#D8013D");
  LedMat.setCursor(5, 3);
  LedMat.print("308");
  LedMat.setCursor(5, 12);
  LedMat.print("XSHELL");
  LedMat.setCursor(5, 21);
  LedMat.print("INC.");
  LedMat.display();
}

void loop() {}

カバーの用意

LEDマトリックスモジュールには保護カバーを取り付けます。アクリル板からレーザー加工機でパーツを切り出し、簡単に組み立て可能なカバーを作成しました。

IMG_0117-e 2

左奥にあるものがLEDマトリックスモジュール。中心にアクリル板のパーツが11点。それとネオジム磁石、スペーサー、ネジそれぞれ6点ずつを使って組み立てます。

entrance_display_fig-01

簡単な組み立て図がこちら。

今回これを設置する場所が鉄製のドアなので、ネオジム磁石を取りつけることでドアへの取り付け・取り外しを簡単にしました。図のように組み立てたのち、側面にカッティングシートを貼り付けカバーは完成です。

成果物・今後の展開

実際に取り付けて見たのがこちら。

IMG_0132 のコピー

今回は表札がわりに簡単なテキスト表示のみを行いましたが、ESPのWifiモジュールによる天気予報やSNSなどのAPIを使ったデジタルサイネージを作成、Raspberry Piとの連携についても次回以降紹介する予定ですので、ぜひ@xshell_incをフォローしてください。

 

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中