DMXcat-E 多機能テストツール以上を 目指す M5Stack+DMX_Base 開発詳細ログ
DMXcat-E 多機能テストツール [CTI_6100]
使用機材 DMX_Base
https://docs.m5stack.com/ja/base/DMX_Base
M5stackを使って安価でLCDモニター付きのDMX多機能テストツールを作りました
https://docs.m5stack.com/ja/core/CoreS3-Lite
概要
M5Stack CoreS3とDMX-BASEを使用したDMXモニター/コントローラのWeb UI操作説明です。
スマートフォンやPCのブラウザからリアルタイムでDMXの監視・制御が可能です。
接続方法
- CoreS3のWiFiアクセスポイントに接続（SSID:
DMX_Monitor_xxx） - ブラウザで
http://192.168.4.1にアクセス
| 要素 | 説明 |
|---|---|
| チャンネル表示グリッド | 60ch分のDMX値をリアルタイム表示（値・バーグラフ） |
| 512バーグラフ | 全512chの値を横一列で俯瞰表示 |
| ページボタン | 001-060 / 061-120 ... / 481-540 の9ページ切替 |
| TX Control | DMX送信テスト用コントローラ |
M5Stack CoreS3 + DMX-BASE WiFi版 Web UI 操作ガイド
概要
M5Stack CoreS3とDMX-BASEを使用したDMXモニター/コントローラのWeb UI操作説明です。
スマートフォンやPCのブラウザからリアルタイムでDMXの監視・制御が可能です。
接続方法
- CoreS3のWiFiアクセスポイントに接続（SSID:
DMX_Monitor_xxx） - ブラウザで
http://192.168.4.1にアクセス
画面構成
| 要素 | 説明 |
|---|---|
| チャンネル表示グリッド | 60ch分のDMX値をリアルタイム表示（値・バーグラフ） |
| 512バーグラフ | 全512chの値を横一列で俯瞰表示 |
| ページボタン | 001-060 / 061-120 ... / 481-540 の9ページ切替 |
| TX Control | DMX送信テスト用コントローラ |
概要
M5Stack CoreS3とDMX-BASEを使用したDMXモニター/コントローラのWeb UI操作説明です。
スマートフォンやPCのブラウザからリアルタイムでDMXの監視・制御が可能です。
接続方法
- CoreS3のWiFiアクセスポイントに接続（SSID:
DMX_Monitor_xxx） - ブラウザで
http://192.168.4.1にアクセス
画面構成
| 要素 | 説明 |
|---|---|
| チャンネル表示グリッド | 60ch分のDMX値をリアルタイム表示（値・バーグラフ） |
| 512バーグラフ | 全512chの値を横一列で俯瞰表示 |
| ページボタン | 001-060 / 061-120 ... / 481-540 の9ページ切替 |
| TX Control | DMX送信テスト用コントローラ |
TX Control パネル
スイッチ類
| スイッチ | 機能 |
|---|---|
| THRU-ON | DMXスルー（入力→出力転送）のON/OFF |
| TEST | TX試験モード。ONでWeb操作のDMX値を出力 |
表示値
| 表示 | 内容 | 色 |
|---|---|---|
| VAL: | 現在の送信値（000-255） | 黄色 |
| CH: | 現在の送信チャンネル（001-512 / ALL） | シアン |
| SP: | フェード速度インデックス（000-019） | オレンジ（AUTO U/D ON時は黄色） |
| TX: xxHz | DMX送信レート | 緑 |
十字キーパッド
[▲] ← 値アップ（VAL+）/ SPアップ（AUTO U/D ON時）
[◀][ALL][▶] ← CH変更 / 中央: 全512ch同時制御
[▼] ← 値ダウン（VAL-）/ SPダウン（AUTO U/D ON時）
| ボタン | 通常モード | AUTO U/D ONモード |
|---|---|---|
| ▲ | VAL値を+5ずつ増加（長押し連続） | フェード速度UP（SP+1） |
| ▼ | VAL値を-5ずつ減少（長押し連続） | フェード速度DOWN（SP-1） |
| ◀ | CHを-1（長押しで加速） | 同左 |
| ▶ | CHを+1（長押しで加速） | 同左 |
| ALL | CH=0に設定（全512ch同時制御） | 同左 |
AUTO U/D 機能
SP:表示の下にある「AUTO U/D」ボタンをONにすると、VALが自動で0→255→0→...とフェードを繰り返します。
- OFF時: ダークグレー背景（▲▼でVAL値変更）
- ON時: 黄色枠・黄色文字（▲▼でSP値変更、自動フェード実行）
速度設定（SP）
| SP値 | 時間 | U/Dモード | チェイスモード(1/512〜1/4) |
|---|---|---|---|
| 000 | 0.25秒 | 点滅 (0⇔255瞬間切替) | カットIN/OUT 0.25秒間隔 |
| 001 | 0.5秒 | 点滅 (0⇔255瞬間切替) | カットIN/OUT 0.5秒間隔 |
| 002 | 0.25秒 | フェード (段階的変化) | カットIN/OUT 0.25秒間隔 |
| 005 | 0.625秒 | フェード | カットIN/OUT 0.625秒間隔 |
| 010 | 1.25秒 | フェード（標準） | カットIN/OUT 1.25秒間隔 |
| 015 | 2.25秒 | フェード（ゆっくり） | カットIN/OUT 2.25秒間隔 |
| 019 | 5.0秒 | フェード（最もゆっくり） | カットIN/OUT 5.0秒間隔 |
ポイント:
- U/D系パターン: SP 0/1は点滅、SP 2以降はフェード
- チェイス系(1/512〜1/4): SP値で切替間隔を制御（常にカットIN/OUT）
プリセットボタン（%/パターン切替）
右側の11個のボタンは、AUTO U/D ON/OFFによって機能が切り替わります：
AUTO U/D OFF時：%プリセットボタン
選択中のCHに固定値を即座に設定：
| ボタン | DMX値 |
|---|---|
| 100% | 255 |
| 90% | 230 |
| 80% | 204 |
| 70% | 179 |
| 60% | 153 |
| 50% | 128 |
| 40% | 102 |
| 30% | 77 |
| 20% | 51 |
| 10% | 26 |
| 0% | 0 |
CH選択による動作:
- CH=0（ALL）: 全512chに同値を設定
- CH=1以上: 選択した1chのみに値を設定
AUTO U/D ON時：テストパターンボタン
同じ11個のボタンがパターン選択ボタンに変わります（起動時はU/D選択状態）：
| ボタン | パターン内容 |
|---|---|
| ALL | 全チャンネル同値（固定値、U/D対象外） |
| EVEN | 偶数チャンネルのみ（2,4,6...）U/Dフェード |
| ODD | 奇数チャンネルのみ（1,3,5...）U/Dフェード |
| 3SEQ | 3ch毎に流れ点滅（1,4,7...→2,5,8...→3,6,9...）255フラッシュ |
| RGB | R→G→B交代フェード（同時点灯なし、255→デクリメント→0→次の色） |
| ALT | 2ch毎に流れ点滅（1,3,5...→2,4,6...）255フラッシュ |
| 1/512 | 1chずつ流れ点滅（カットIN/OUT、SP値で速度変更） |
| 1/50 | 50ch毎に流れ点滅（カットIN/OUT、SP値で速度変更） |
| 1/10 | 10ch毎に流れ点滅（カットIN/OUT、SP値で速度変更） |
| 1/4 | 4ch毎に流れ点滅（カットIN/OUT、SP値で速度変更） |
| U/D | 選択CHのみに自動往復フェード（0→255→0...） |
パターン動作の違い:
- EVEN/ODD: 選択CHに関係なく全512chにテストパターン + U/Dフェード
- 3SEQ/ALT: 選択CHに関係なく全512chに255点滅チェイス（U/D対象外）
- RGB: R→0～255～0→G→0～255～0→B→0～255～0 の循環（同時点灯なし）
- 1/512〜1/4: 選択CHに関係なく全512chにカットIN/OUTチェイス（0.25秒〜5秒）
- U/D: 選択CHのみにU/Dフェード（CH=ALLなら全ch）
- ALL: 固定値出力（U/D対象外）
全チャンネル同時制御（ALL）
中央の「ALL」ボタンを押すと CH=0（ALL表示）になり、全512チャンネルに同じ値を同時出力できます。
- ALLから◀を押すと CH=512 に移動
- ALLから▶を押すと CH=001 に移動
操作のコツ
基本操作
- TESTスイッチON → Web操作でDMX出力開始
- THRU-ON → 入力DMXをそのまま出力（透過モード）
- CH移動中のページ自動切替 → 500ms間隔でスムーズに追従
長押し加速
- ▲▼ボタン: 50ms間隔で連続変化
-
◀▶ボタン:
- 最初: 200ms間隔
- 1秒後: 100ms間隔に加速
- 3秒後: 50ms間隔＋5ステップずつ（最高速）
活用例
1. 調光器の動作確認
TEST ON → CH選択 → ▲▼で値変更 or %ボタンでプリセット
2. 全回路一括フェードテスト
ALL → AUTO U/D ON → SP調整（▲▼） → 自動フェード開始
3. DMXモニタリング
THRU ON + TEST OFF → 受信値をリアルタイム表示
4. 特定CHの確認
◀▶でCH移動 → ページ自動切替で追従 → 値確認
技術仕様
- WebSocket通信: リアルタイム双方向通信
- 更新レート: 約30fps（表示）
- DMX送信レート: 約30Hz
- 対応ブラウザ: Chrome, Safari, Firefox（モダンブラウザ）
トラブルシューティング
| 症状 | 対処法 |
|---|---|
| Web UIが開かない | WiFi接続確認、IP: 192.168.4.1 |
| 値が反映されない | TEST スイッチをONに |
| フェードが速すぎる | SP値を上げる（AUTO U/D ON → ▲） |
| ページが切り替わらない | ブラウザ再読み込み（Ctrl+Shift+R） |
| ボタンが止まらない | 画面外に指を移動させてから離す |
関連記事
変更履歴
2025/12/26
TX操作安定化
- CH ◀▶ボタン長押し: 暴走防止のため
chHeldDownフラグと送信スロットリング追加 - グローバルタッチ/マウス終了検出追加（ボタン外で指を離した場合の対策）
パターン動作変更
- RGB: R→G→B交代フェード（同時点灯なし、255でデクリメント開始）
- 3SEQ: 1/3パターンで28F5フラッシュ動作
- ALT: 1/2パターンで255フラッシュ動作
データ維持
- CH変更時に他チャンネルのデータを維持（memsetクリア削除）
UI改善
- ◀▶ボタン: 1.5倍に拡大（padding 6px 12px, font-size 18px）
- ch表示: 14pxに拡大、「DMX」削除
- groupボタン: 高さ倍増（min-height 28px）
- ボタン下余白: 25px追加
- バッテリー表示: 1.1em（大きく）
Build: 2025/12/26 10:33