Light dance system for 2020 NTUEE night

• 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

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

Control dancers via a Wi-Fi router.

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!!

$ npm start

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

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

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

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

For 道具

Client program including RPi and Arduino

Online dancing parameter editor and simulator

Hardware design
Controllers, circuits etc.

Server program for dancers control

For Testing Everything

• 2019 NTUEE light dance
• Youtube playlist of light dance