スライダーに合わせて光るLEDの数を変える
コンテンツ
今回やること
Webページ上のスライダーの位置に合わせて、テープLED上の点灯するLEDの数が変わるようにします。
用意するもの
- WS2812を使用したテープLEDやリングLED
- obniz Board
- モバイルバッテリーなど
- スマートフォン or PC
組み立て方
WS2812のパーツライブラリを参考に、図のようにテープLEDをobniz Boardに接続します。
| obniz | WS2812搭載テープLED |
|---|---|
| 0 | GND |
| 1 | DIN |
| 2 | VCC |
プログラム
スライダーを作るには、HTMLでinput要素のrange型を使います。
<input id="slider" type="range" value="0" min="0" max="8" step="1" />
max=”8″の部分は、お手持ちのテープLEDのLED数に応じて書き換えてください。
code.jsの4行目 const NUM_OF_LEDS = 8; の部分も同様に書き換えてください。
