NefryBTLT_Graph

Transcript

1. いろいろなグラフを描いてみる 2018.10.09 Nefry User Meetup! vol.3 ディスプレイ活用LT
2. 自己紹介 黒田　哲平 パチンコの商品企画部に所属。 業務でArduinoやUnityを使っています。 家族にこれあって便利だねーと思ってもらえるようなものを作りたいと 思いつつ、普段は家事に追われる日々・・・
3. 今回紹介したいこと ディスプレイに表示するのは文字だけじゃなく、グラフもどうでしょうか？ くっきり見えるので、ちょっとしたデバッグでは有効かもしれません！
4. NefryBT向け小型ディスプレイの仕様 ディスプレイのサイズ： 128×64ドット　左上が原点(0,0) 点・直線・四角形などの描画の関数は揃っているので、組み合わせれば グラフは出来上がります。 [引用元] @m2wasabiさん Nefryのディスプレイを使おう https://qiita.com/m2wasabi/items/257469f0f9853b164c6e NefryDisplay.setPixel(X, Y) 点を描画します。 NefryDisplay.drawLine(X0, Y0, X1, Y1) 直線を描画します。 NefryDisplay.drawRect(X, Y, WIDTH, HEIGHT) 四角形を描画します。 NefryDisplay.fillRect(X, Y, WIDTH, HEIGHT) 四角形を塗りつぶします。 NefryDisplay.drawCircle(X, Y, RADIUS) 円形を描画します。 NefryDisplay.fillCircle(X, Y, RADIUS) 円形を塗りつぶします。 NefryDisplay.drawHorizontalLine(X, Y, LENGTH) 画面に水平に線を描画します。 NefryDisplay.drawVerticalLine(X, Y, LENGTH) 画面に垂直に線を描画します。
5. グラフ　その１　折れ線グラフ ・３つのデータを同時に表示　今回は sinθ・cosθ・音センサー ・一定区間内の最大値に平行線を引いている ・頂点を「丸」「四角」「何もなし」にすることで、見やすさを変更 ・Nefry付属のボタンを押すと描画を一時停止　※他のグラフも同様
6. グラフ　その２　棒グラフ(横方向) ・３つのデータを同時に表示 ・一定区間内の最大値をプロット
7. グラフ　その３　棒グラフ(縦方向) ・３つのデータを同時に表示 ・一定区間内の最大値をプロット
8. グラフ　その４　円グラフ ・３つのデータを同時に表示
9. グラフ　その５　リサージュ図形 ・加速度センサーの2軸の値をグラフの縦横方向にプロットすることで、センサーの軌跡を描画 　※グラフの設定が上手くいっていないのでキレイに出ていません・・・ ・ロボットの足の動きやコントローラーの動きを見た目で判断することが出来る
10. おまけ　時計 ・円グラフを応用してみました
11. まとめ ・例えばAmbientのような外部にデータを送信してグラフを表示する方法もありますが、 　デバッグであればディスプレイでも十分使えるのではないかと思います。 ・難点としましてはグラフの描画にあまり負荷をかけますと、他の処理に影響が出てしまいます。 　適度な使用をおすすめします。 ・ソースを公開していますので、参考にしてみてください。 　https://github.com/NearMugi/NefrySample/tree/master/DispGraph_LT 　以上となります。 　ご清聴ありがとうございました。