電子機器 / ディスプレイ

LEDマトリックスエディター(8×8および16×16バイト配列ジェネレーター)

クリックして8×8、8×16、または16×16のLEDドットマトリックスに画像や文字を描き、Arduinoやその他のマイクロコントローラーのコードに貼り付けられる行の値の配列を16進数または2進数で取得できます。

LEDマトリックスエディター(8×8および16×16バイト配列ジェネレーター): マトリックスの各行が1つの数値になります。左端のドットが最上位ビットで、.##..##.のように点灯する行は0x66です。配列では、8ドットの行にuint8_t、16ドットの行にuint16_tを使用します。16進数、2進数、または10進数の既存の配列を貼り付けると、元の表示が再現され、変更できます。 サーバーへのファイルアップロードは一切なく、100%ブラウザ内でローカル実行します。

実行回数
ブラウザ内で
コスト
無料 · 登録不要
提供状況
すぐに使えます
LEDマトリックスエディターローカル処理

完全にブラウザ内で実行します

コード

const uint8_t image[8] = {
  0x00,
  0x66,
  0xFF,
  0xFF,
  0x7E,
  0x3C,
  0x18,
  0x00
};
コードから読み込み

ドットをクリックまたはドラッグして描画します。各行は1つの数値になり、左端のドットが最上位ビットになります。これは、ほとんどのMAX7219およびLEDマトリックスライブラリが行単位の表示で想定する順序です。マトリックスに画像が左右反転または回転して表示される場合は、コードで順序を反転するか、描画を回転してください。

マトリックスを使う

MAX7219モジュール用の一般的なLedControlライブラリでは、for (int row = 0; row < 8; row++) lc.setRow(0, row, image[row]);のようなループで画像を表示できます。

代わりにテキストLCDで文字を表示するには、LCDカスタム文字ジェネレーターをお使いください。

小さな画像をデザインする

8 × 8では、ハート、矢印、笑顔などのシンプルな輪郭が最も見やすくなります。5 × 7の枠に1列分の空白を加えた数字も適しています。線の太さは1ドットにしてください。

写真をブロック状のピクセルアートに変換するには、ピクセルアート変換をお使いください。

使い方

  1. マトリックスのサイズを選択します。
  2. ドットをクリックまたはドラッグして描画します。必要に応じて、シフト、反転、消去を行います。
  3. コードをコピーするか、既存の配列を読み込んで編集します。

プライバシーと制限事項

すべての処理はブラウザ上で実行されます。

関連ツール

よくある質問

画像が左右反転して表示されるのはなぜですか?

モジュールによって行と列の配線方法が異なります。コードでビットの順序または行の順序を反転するか、ここで画像を左右反転して描画してください。

アニメーションのフレームを作成できますか?

各フレームを描画して配列をコピーし、スケッチ内で順番に再生してください。

MAX7219モジュールで使えますか?

はい。各行の値をMAX7219の桁レジスターのいずれか(1から8)に送信できます。

無料ツール · ブラウザ内で · アカウント不要