Glow Play マニュアル

English Page

Glow Play の使い方

対応デバイス

以下のデバイスとブラウザに対応します

  • Windows PCの Google Chromeブラウザ
  • Mac OSの Google Chromeブラウザ
  • Android の Google Chromeブラウザ
  • Chrome Book の Google Chromeブラウザ
  • Linux の Google Chrome ブラウザ(ChromeでBluetoothが使えるように設定が必要)

注)iPhoneとiPadでは使えません
iPadとiPhoneをお使いの方は別途専用アプリをお使いください

動作確認デバイス

  • Android Phone Google Pixel 6 pro
  • Android Phone moto G power 5G
  • Mac Book Pro
  • Windows
  • MX Linux
  • Android Tablet ALLDOCUBE iPlay 60 Mini
  • Android Tablet ALLDOCUBE iPlay 60 Mini Pro
  • Lenovo Chromebook Flex 3i

Webアプリへのアクセス

Google Chromeブラウザを立ち上げ以下のURLにアクセスします。
ブックマークしておくと便利です

タブレットまたはPCでの使用を推奨しますがスマホでも使用できます。
スマホで使用する場合は画面が小さいので横位置で使用することをおすすめします。

https://www.gadgetlabo.net/glowplay

Glow Playとは

  • Glow PlayはGlow Rデバイスを練習以外の目的で自由に光らせることができる Webアプリです
  • 様々な催しやアイキャッチャーにお使いいただけます
  • 32000色の色の中からお好きな色で発光できます
  • 65000個までのGlow Rデバイスが制御できます
  • 発光パターンを決める20ステップまでのプログラムを作成できます
  • 登録したデバイスの情報や作成したプログラムは保存できます

アンドロイドデバイスをお使いの方へ

スマホの場合は画面が小さいので横位置で使用することをお勧めします。

アンドロイドのスマートフォンやタブレットをお使いの方はWebアプリをブラウザで開いた状態でブラウザ右上の3点マークをクリックして表示されるプルダウンメニューから「ホーム画面に追加」をクリックしてください。

ホーム画面に Glow Rabbitのアイコンが表示されますので次回からはこのアイコンをタップするだけで通常のアプリケーションのように使えます。

トップページの説明

  1. 英語・日本語の切り替え
  2. マニュアルページ
  3. スキャンボタン
  4. 切断ボタン
  5. 接続状態
  6. 各ブロックへのジャンプ
  7. トップページに戻る
  8. 機能メニュー
    通常は図のようにたたまれています。
    この部分をクリックすると機能が表示されます。
    もう一度クリックするとたたまれます。
  9. ステータス表示

基本的な使い方

Glow Cデバイスへの接続

  • Glow C デバイスの電源を入れます
  • スキャンボタンをクリックします
  • Bluetooth機能へのアクセス確認が表示されますのでアクセスを許可してください。
    (初回アクセス時のみ)
  • 周辺にあるGlow Cデバイスが表示されます
  • 接続したい Glow C デバイスを選択しペア設定ボタンをクリックします
  • 接続が成功するとボタン下にConnectedと表示されます。
  • 使い終わったら「切断」ボタンをクリックするかブラウザをリロードするかブラウザを閉じると通信は切断されます

Glow R デバイスの登録

  • Glow R を設置し、点灯したい順番で背面の液晶部分をクリックします
  • すべての Glow R を登録し終えたらデバイスデータの保存のボタンをクリックするとあとから再利用できて便利です

LEDのテスト

  • LEDテスト点灯を開き、1をクリックするとカラーピッカーが開きますので色を指定します。
  • 2の点灯パターンを以下の4種類の中から選択します。
    • 1秒間点灯
    • 2秒間点灯
    • 1秒間ゆっくり点灯
    • 2秒間ゆっくり点灯
  • 3のLED点灯ですべてのGlow RのLEDが指定された色とパターンで点灯します

プログラム

  1. 作成したプログラムをスタートします
  2. 動作しているプログラムをストップします
    プログラムはストップするまでループで実行されます
  3. 1行に1ステップのプログラムを書きます
    同じ行のデバイスは5つまで同じ条件で光ります。5つ以上を同じ条件で光らせたい場合は次の行の待ち時間を0にして同じ条件でプログラムすればほぼ同時に光ります
    (注意:ひとつずつに信号を送るため若干時間的なズレが生じます)

発光色の指定

  • 色のアイコンをクリックするとカラーピッカーが開きます(OSによってカラーピッカーのデザインは違います)
  • 光らせたい色を選択します

点灯パターンの指定

  • 点灯パターンをクリックするとプルダウンメニューが開きます
  • 1秒点灯、2秒点灯、1秒間をかけてゆっくり点灯、2秒間をかけてゆっくり点灯の4種類から選択します

待ち時間とデバイス番号の指定

  1. ステップを実行するまでの待ち時間を指定します。単位はmSec(1/1000秒)、1秒を指定する場合は1000と入力してください。次のステップで同じデバイスを光らせる場合は点灯している時間を考慮してください。点灯中はコマンドを受け付けません。
    逆に別のデバイスであれば待ち時間0に設定して同時に光らせることができます
  2. デバイスの番号を指定します
    同じ行であれば同じ条件で同時に点灯します
    点灯中はコマンドを受け付けませんので同じデバイス番号を同じ行に書かないでください

デバイス番号に0を指定するとその右側は無視されます(横矢印)
また行の先頭に0を指定するとそれ以後のステップは無視されます(縦矢印)

その他の機能の詳細説明

デバイスデータの保存

  • データの保存
    Glow C を接続後、Glow Rの背面ボタンを押して登録するのですがそのGlow Rのデバイス情報を保存します

データの読み込み

  • ファイルの選択
    デバイスデータの保存で保存した Glow Rのデバイス情報を読み込みます。これによって同じデバイスを使う場合、登録しないですぐに使うことができます

デバイスの番号セット

  • ナンバリング
    データの読み込みで読み込んだデバイス番号をGlow Rの背面液晶に表示しさらにテスト点灯します。
    デバイスの編集後にこのデバイスの番号セットを行うことで正しく設定されたかの確認ができます

デバイスの編集

  • デバイスの編集
    登録されたデバイスをデバイス番号で削除、追加、入れ替えができます
    ただしく設定されたかどうかはデバイスの番号セットで確認できます

プログラムデータの保存と読み込み

  • プログラムデータの保存
    作成した点灯プログラムを保存します
  • プログラムデータの読み込み
    保存した点灯プログラムを読み込みます

外部トリガー

Glow Rabbitのプログラムのスタート・ストップを外部から自由にコントロールできる機能です。
センターデバイス(M5StickC Plus2)のI2C用コネクターに接続してGPIOを制御するだけで様々な入力に応じてプログラムをスタート・ストップすることができます

注意)センターデバイスのファームウェアは Ver.2.21以上が必要です

接続

センターデバイス(M5StickC Plus2)のI2C接続コネクターにM5StickC Plus2のようなI2C接続コネクターを持った外部のデバイスを接続します。

接続にはGrove用ケーブルを使用します
SeeedStudio Grove

M5Stick社のAtomS3 Liteを接続した状態です。
他にも無改造でGrove用ケーブルで接続できるデバイスは、M5StickS3、AtomS3R、Atom Lite、Atom Matrixなどがあります
M5Stack

制御方法

センターデバイスの制御方法はシンプルです。
センターデバイスのI2C接続コネクターに書かれているG32とG33を制御するだけです。
G32とG33は内部でプルアップされていますので、それぞれをGNDに接続することでプログラムをスタート・ストップすることができます。

  • G32 –> GND : Start
  • G33 –> GND : Stop

GNDに接続すると動詞にスタート・ストップしますがエッジを検出しているだけですのでGNDへの接続はすぐに解除してください。

サンプルコード

M5StickC Plue2を使った場合のサンプルコードを示します

ロジックはアクティブLowになっています。
(外部スイッチで制御するときにスイッチでGNDに接続するだけで使えるようにしています)

#include "M5StickCPlus2.h"

const int StartPin = 32; // 32番ピンを出力に設定
const int StopPin = 33; // 33番ピンを出力に設定

void setup() {
    auto cfg = M5.config();
    StickCP2.begin(cfg);
    StickCP2.Display.setRotation(0);
    StickCP2.Display.setTextSize(2);
    StickCP2.Display.setTextColor(GREEN);
    StickCP2.Display.println("Glow Cont");

    pinMode(StartPin, OUTPUT); // ピンを出力モードに設定
    pinMode(StopPin, OUTPUT); // ピンを出力モードに設定
    digitalWrite(StartPin, HIGH);
    digitalWrite(StopPin, HIGH);
}

void loop() {
    StickCP2.update();
    if (StickCP2.BtnA.wasPressed()) {
        digitalWrite(StartPin, LOW);
        StickCP2.Display.println("Start");
    }
    if (StickCP2.BtnA.wasReleased()) {
        digitalWrite(StartPin, HIGH);
    }
    if (StickCP2.BtnB.wasPressed()) {
        digitalWrite(StopPin, LOW);
        StickCP2.Display.println("Stop");
    }
    if (StickCP2.BtnB.wasReleased()) {
        digitalWrite(StopPin, HIGH);
    }
}

加速度センサーと組み合わせたり、様々なセンサーと同期するプログラムを自由に作成することができます

使用例

具体的な活用例を以下に示します

  • ドアが開くと光り始める
  • 人感センサーを使って人が近づくと光り始める
  • 音センサーを使って盛り上がった時に光り始める
  • ハロウィンやクリスマスの飾り付け
  • 決められた時間に光り始める
  • 遠隔地からのリモート点灯
  • 天気や気温により光り始める
  • Webの情報によって光り始める
  • 車の急ブレーキなどに反応して光り始める
  • スターターの合図により光り始める
  • 光りセンサーを使って暗くなると光り始める