Home / How to Use the Web App

How to Use the Web App

日本語ページ

How to Use the Glow Rabbit Web App

Supported Devices

Supported devices and browsers:

  • Google Chrome browser on Windows PC
  • Google Chrome browser on Mac OS
  • Google Chrome browser for Android
  • Google Chrome browser on Chromebook
  • Google Chrome browser on Linux

Note: Not compatible with iPhone or iPad.
If you are using an iPad or iPhone, please use the dedicated app.

Tested Devices

  • 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

Link to Web App

Launch the Google Chrome browser and access the following URL.
It is convenient to bookmark it.

We recommend using this on a tablet or PC, although it can also be used on a smartphone.
If using a smartphone, we recommend holding the device horizontally due to the smaller screen size.

https://www.gadgetlabo.net/glowweb/indexe.html

System Configuration

  • Glow R is a device installed on tracks or similar structures that illuminates at the appropriate timing in response to commands from Glow C.
  • Glow C is the central device that controls Glow R, communicating with a PC or tablet via Bluetooth.
  • The web app sends settings—such as the illumination timing for Glow R—to Glow C.
  • This manual explains how to use this web application.

A Topic for Android Users

If you are using an Android smartphone or tablet, please open the web app in your browser, tap the three-dot icon located in the top-right corner of the browser window, and select “Add to Home Screen” from the drop-down menu that appears.

The Glow Rabbit icon will then appear on your home screen, allowing you to launch and use the app just like a standard application simply by tapping the icon from now on.

Homepage Description

  1. Switch Language (English/Japanese)
  2. Junp to Manual Page
  3. Scan Button
  4. Disconnect Button
  5. Connection Status
  6. Jump to Section
  7. Return to Top Page
  8. Function Menu
    Normally, this menu is collapsed as shown in the diagram.
    Click this area to display the functions.
    Click again to collapse the menu.
  9. Status Display

Basic Usage

Connecting to the Glow C Device

  • Turn on the Glow C device.
  • Click the Scan button.
  • A prompt requesting access to Bluetooth functionality will appear; please grant access.
  • (This occurs only during the initial access.)
  • Nearby Glow C devices will be displayed.
  • Select the Glow C device you wish to connect to, then click the Pair button.
  • Once the connection is successfully established, “Connected” will appear beneath the button.
  • When you are finished using the device, click the “Disconnect” button, reload your browser, or close the browser to terminate the connection.

Glow R Device Settings

  • Install the Glow R units, then click on the LCD screen located on the back of each unit in the specific order you wish them to light up.
  • Once you have finished registering all of the Glow R units, click the “Save Device Data” button; this allows you to reuse the configuration later, which is very convenient.

LED Test

  • Open “LED Test” click “1” to launch the color picker, and then select a color.
  • Click “2” to select a lighting pattern from the following four options.
    • Lit for 1 second
    • Lit for 2 seconds
    • Slowly lights up for 1 second
    • Slowly lights up for 2 seconds
  • Clicking “All LED ON” (3) causes all of the Glow R’s LEDs to light up in the specified color and pattern.

Runner Settings

  1. Set the color for each runner.
  2. Set the LED lighting pattern for each runner.
  3. Set the lighting interval for each runner.
  4. Set the lap time (one full circuit) for each runner.
  5. Set the number of installed devices.
  6. Use this button to send the settings for each individual runner to Glow C.
  7. Clicking “Calculate” automatically computes and sets the lighting intervals based on the specified number of installed devices (5) and the lap times (4).
  8. Clicking the “All Runners” button sends the settings for all runners to Glow C.
  9. The current status is displayed here.

Start & Stop for Target Runners

  • You can assign runners to one of eight distinct groups.
  • For each group, check the corresponding checkbox (2) next to the names of the runners you wish to include.
  • Only groups with the “ON” checkbox (1) selected are active. To deactivate a group, simply uncheck this box.
  • Use field (3) to set the start delay time. The sequence will begin after the specified duration has elapsed following the pressing of the Start button (6).
  • Field (4)—the “Interval” setting—allows you to specify, in seconds, the delay between the illumination of one device and the next.
  • In field (5), enter the number of the device where the illumination sequence should begin. Typically, the sequence starts from the very first device, so please leave this value set to “1.”
  • Press the Start button (6) to begin the sequence, and the Stop button (7) to halt it.

Detailed Explanation of Other Features

Saving Device Data

  • Saving Device Data
    The device information registered by pressing the rear button on the Glow R—after connecting the Glow C—is saved when you click this button.

Loading Device Data

  • Loading Device Data
    Load the Glow R device information previously saved via the “Save Device Data” function. This allows you to use the same device immediately—without the need for re-registration.

Device Numbering

  • Device Numbering
    The device number retrieved during the data loading process is displayed on the rear LCD screen of the Glow R, followed by a test illumination.
    By performing this device numbering sequence after editing a device, you can verify that the settings have been configured correctly.

Edit Device Number

  • Edit Device Number
    You can delete, add, or swap registered devices using their device numbers.
  • You can verify whether the settings have been configured correctly by checking the “Device Numbering”.

Saving Configuration Data

  • Saving Configuration Data
    It saves all configuration data—specifically, the individual settings defined for each runner within the training menu, as well as the start and stop settings for the designated runners.

Loading Configuration Data

  • Loading Configuration Data
    Loads the saved configuration data and applies it to the settings.

Adjusting a Runner’s Pace

  1. Pace Adjustment Slider
    Adjust the pace for each runner.
    Moving this bar to the left allows you to shorten the light-up interval by up to one second; moving it to the right allows you to lengthen it by up to one second.
    You can adjust this pace setting while running.
  2. The modified value of the illumination interval
    The display shows how much the lighting interval has changed as a result of moving Bar 1.
  3. Pause Switch
    You can pause and resume operations for each individual runner.
    Switching this toggle to OFF will pause the runner.
    Switching it back to ON will resume it.

Lap Time Setting

You can adjust the illumination intervals for each section, depending on whether the course is divided into four or five segments.

This allows for flexible usage scenarios—for instance, dividing a 100m sprint into five 20m segments, or a 400m race into four 100m segments.

In field (1), enter the target split times for each segment. By default, this field is pre-populated with benchmark records for high school male athletes.

Select a runner profile in field (3) and click the “Settings” button in (5); the calculated illumination intervals for the “Glow R” units in each segment will then appear in field (2) and be visualized as a graph in field (8).

Use the Start and Stop buttons in fields (6) and (7) to begin and end the sequence.

The graph in field (8) illustrates the runner’s performance profile: accelerating through the initial segment, maintaining a steady pace through the middle, and experiencing a slight deceleration in the final segment.

When using the optional split-time measurement unit, if you check the box for (4) “Measure Split Times,” pressing the Start button will automatically measure the split times for each section and record them in (1).

Save and Load data

The split times configured for all runners are saved and can be recalled at any time.

However, only data confirmed by pressing the “Set” button for each runner will be saved.

For example, after selecting Runner 1 and setting the split times, be sure to press the “Set” button to confirm the data.

Once confirmed, switch to the next runner, enter their split times in the same manner, and press the “Set” button.

If the “Set” button is not pressed, that runner’s data will not be saved.

Data for both 4-split and 5-split configurations is saved together.

External trigger

This feature allows you to freely control the start and stop functions of the Glow Rabbit program from an external source. By simply connecting to the I2C connector on the center device (M5StickC Plus2) and controlling the GPIO, you can start or stop the program in response to various inputs.

Note: The center device requires firmware version 2.21 or later.

Connection

Connect an external device—one that features an I2C connector similar to that of the M5StickC Plus2—to the I2C connector on the center device (M5StickC Plus2).

Use a Grove cable for the connection.
SeeedStudio Grove

This shows the setup with the M5Stick AtomS3 Lite connected.
Other devices that can be connected using a Grove cable without modification include the M5StickS3, AtomS3R, Atom Lite, and Atom Matrix.
M5Stack

How is it controlled?

Controlling the center device is simple.
You only need to control the G32 and G33 pins located at the center device’s I2C connector.
Since G32 and G33 are internally pulled up, you can start or stop the program by connecting each of them to GND.

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

Connecting to GND triggers the start or stop action, but since the system only detects the signal edge, please disconnect from GND immediately.

Sample source code

Here is sample code for the M5StickC Plus2.

The logic is active-low.
(This allows you to use an external switch simply by connecting it to GND.)

#include "M5StickCPlus2.h"

const int StartPin = 32;
const int StopPin = 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);
    }
}

You can freely create programs that combine the device with an accelerometer or synchronize it with various other sensors.