なんちゃってドライブサポートイルミネーション制作（実装編）

なんちゃってドライブサポートイルミネーションの実装編です😁
光源LEDを前回の弾丸型5mmLEDから、チップ型LED7連に変更して光量アップする事に🤔
実はこのタイプのLEDを試したかったことも有るのですが…😋5V動作なので前回と同じですが、抵抗とパスコンが不要なようなので配線だけで利用可能😁
あと、RGBからGBRになったのが微妙に悩んだところです😂

LEDを変更したので、ケースを考える必要が…😅
当初はペットボトルのキャップにファイバー用の穴を開けて、LEDをキャップに収めてみたものの光量が前回とほぼ同じ結果に😓

いろいろと考えながらガラクタを物色していたらいいモノ発見😁
前車のラゲッジスペースのライトに使っていた100均LEDランプのリフレクターが使えそう🙄

あとは、リフレクターを収めるのに、これまた100均で購入していた、LEDのシリコンケースを使用する事に😁
ただ、光が漏れまくるので100均のアルミシートを被せてみた😅
ただ、このアルミシートは片側が通電するので、ショートしないように裏表を確認してケースに収めてみました😁

で、ファイバーを通してこんな感じの光源LEDケースが完成😁
でも、光が下部を透けて漏れてます😅

今度は、ファームウェアの制作なのですが、Arduino Studioだと、コードの可読性が悪く、開発効率が非常に悪かったのと、後々、HTMLとJavascriptも必要になるので、マイクロソフトのCommunity版Visual Studio Codeを導入して、便利なプラグインを設定する事に😅

左側がArduino Studio 右側がVisual Studio Codeで、コードマップが有るのでスクロールしなくてもジャンプ出来るのが非常に便利です😄

で、一応、ファームウェアとWebアプリのプロトタイプが完成😁

テスト用なので、ＧＰＳから車速が取れないので、ブラウザーから車速が設定できるようにして、動作確認しました😄

一番苦労したのは、ブラウザーでスピードメーター作るところで、まだグラデーションのバグがある😅

興味がありましたら動画にしましたのでご覧頂ければと思います🤗

Webアプリなので、スマートフォンでも、パソコンでも操作可能😁
写真は、Androidスマートフォンでのテスト用画面表示です🙄
デザインはこれから改良😅

M5Stackでは、jQueryやjQueryUI,D3などのライブラリを使用可能なように、SDカードに配置して、Wifiアクセスポイント兼Webサーバーを動かし、GPSの速度情報でLEDの発光パターンを制御しています😁

速度情報では、加速、減速、等速、停止、閾値の条件で発光パターンと配色を変化させています😁