DiaryExceptionスマートフォン用の表示で見るDiaryExceptionこの広告は、90日以上更新していないブログに表示しています。touchで描いた絵を表示させるシステムを作ってみた。touchのSafari上に表示したWebページのタッチイベントを読むことで絵を描く。イベントは通常のWebブラウザのマウスイベントだと"mousedown"/"mouseup"/"mousemove"だが、iOSのSafariは"touchstart"/"touchend"/"touchmove"となる。タッチイベントは同時に複数点で発生する事(マルチタッチ)が考慮されており、どのイベントを採用するか決定する必要がある。今回は、シングルタッチによるイベントとし、最初に発生したイベントのみを扱う。タッチイベントが発生した点をプロットしていけば、絵になるという考えだ。タッチイベントが発生した点の集合:点データはWebSocketを通してWebSocketサーバに送る。次に、Arduinoに接続したGLCDを制御するプログラムを書いた。シリアルポートから点データを受け取り、それをGLCD上にプロットする。libraryを用いている。Shieldを使ってもう少しネットワーク機器っぽくしてみたかったが、GLCDが使用するArduinoピンが多いので諦めた。Megaっぽいものがあればどうにかなるかもしれない。touchのSafari上に表示したWebページから送られてくる点データを、Arduinoのシリアルポートに転送するWebSocketサーバをPython/Tornadoで書いた。Arduinoとの通信にはpySerialを用いている。解説文を含めた実演動画を作成して公開した。絵心があれば何か描けるのだろうが、デモにしてはインパクトの弱い(しかも汚い)手書き文字の描画にした。用のDockerfileを作ったリセットピンをIOピンとして使うESP8266であれこれする本を書いた月別アーカイブはてなブログをはじめよう!LaclefYoshiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。