2020 NTUEE Light dance

Light dance system for 2020 NTUEE night

Table of contents

• 2020 NTUEE Light dance
  • Table of contents
  • Features
  • System architecture
    • Server
      • setup (only for first time)
      • afterward usage
    • Client
    • Editor
  • Directory structure
    • accessories
    • asset
    • client
    • data
    • editor
    • hardware
    • server
    • test
  • References

Features

• Programs for hardward control
• Light dance control center
• Online sheet light editor
• Sheet light simulator

System architecture

Server

Control dancers via a Wi-Fi router.

setup (only for first time)

1. if boards_config.json exists, delete it.
2. build server

$ npm i
$ npm run build

the program will automatically generate new boards_config.json 3. on RPi, (make sure we use new generated boards_config.json)

$ cd client/clientApp
$ sudo node client.js

1. on ESP8266, just open it
2. on your laptop(server), go to http://localhost:8080
3. toggle control+alt/option+c to show the CommandCenter panel
4. make sure edit board configuration is enabled
5. at the right side of the panel is the boards not registered
6. there you should see your rpi, click add board
7. after adjusting boards' id pattern , remember to click Save
8. disable edit board configuration
9. you can now send command to your boards!!

afterward usage

$ npm start

2. on your laptop(server), go to http://localhost:8080
3. the rest is the same(RPi, ESP8266)

Client

Each dancer is a client device. Receive commands from the server.

Editor

usage for develop front-end:

$ npm run editor:dev

usage for editor

1. install node
2. install packages

$ npm install

3. install webpack globally

npm install webpack -g

4. build

usage for develop front-end:

npm run editor:dev

5. run

npm start
# editor will run at localhost:8080

adding new LED pictures

1. ADD the picture to asset/LED/LED_CHEST or LED_L_SHOE or LED_R_SHOE
2. Go data/load.json, add new LED name to valid "Texture":

"Texture": {
  "LED_CHEST": ["bl_chest", "chest1", "chest2"],
  "LED_R_SHOE": ["bl_shoe", "r_shoe1", "r_shoe2"],
  "LED_L_SHOE": ["bl_shoe", "l_shoe1", "l_shoe2"]
}
// for example

usage for editor

1. install node
2. install packages

$ npm install

3. install webpack globally

npm install webpack -g

4. build

npm run editor:dev

5. run

npm start
# editor will run at localhost:8080

adding new LED pictures

1. ADD the picture to asset/LED/LED_CHEST or LED_L_SHOE or LED_R_SHOE
2. Go data/load.json, add new LED name to valid "Texture":

"Texture": {
  "LED_CHEST": ["bl_chest", "chest1", "chest2"],
  "LED_R_SHOE": ["bl_shoe", "r_shoe1", "r_shoe2"],
  "LED_L_SHOE": ["bl_shoe", "l_shoe1", "l_shoe2"]
}
// for example

Directory structure

NTUEE_light_dance
├── accessories
├── asset
│   ├── BlackPart
│   ├── LED
│   └── Part
│
├── client
│   ├── Arduino
│   ├── clientApp
│   └── clientSocket
│
├── data
├── editor
│   ├── css
│   ├── html
│   └── js
│
├── hardware
├── music
├── server
└── test

accessories

For 道具

asset

client

Client program including RPi and Arduino

data

editor

Online dancing parameter editor and simulator

hardware

Hardware design
Controllers, circuits etc.

server

Server program for dancers control

test

For Testing Everything

References

• 2019 NTUEE light dance
• Youtube playlist of light dance