ArduinoとEthernetShield2を使ってスマホブラウザにオーディオメーターをストリーミング表示させ、JavaScriptのCanvas要素を使って残像効果を出すとアナログメーターっぽいことができました。Server-Sent Events使ってます。
Canvas で残像効果を出して、アナログメーターっぽい表示(ArduinoからAndroidへServer-Sent Events使用)
投稿日:2015/7/17
投稿日:2015/7/17
ArduinoとEthernetShield2を使ってスマホブラウザにオーディオメーターをストリーミング表示させ、JavaScriptのCanvas要素を使って残像効果を出すとアナログメーターっぽいことができました。Server-Sent Events使ってます。
投稿日:2015/7/15
ArduinoとEthernetShieldを使ってServer-Sent Eventでストリーミング通信のスマホブラウザオーディオレベルメーターを横方向スクロールさせると、データロガー的にオモシロイ表示になりました。
投稿日:2015/7/11
Arduinoのアナログ入力の電圧値をServer-Sent Eventsを使ってスマートフォンのブラウザにデータを送り、JavaScriptのCanvas要素を使うととてもキレイなグラフィック表示ができます。けっこうリアルタイムで追従してくれます。
投稿日:2015/7/10
ArduinoとEthernetShieldを使ってアナログ入力の電圧値をスマホブラウザ(iOS,Android)にリアルタイムストリーミングデータ表示させることができました。JavaScriptのServer-Sent EventsをArduinoで使うことに初めて成功しました。スマホアプリは一切使ってません。