JavaScriptからカメラを起動し、カメラの画素変化を検知し、その変化率に応じて、前進・右回り・左回りを判定し、それに応じてGoogleStreetViewの画像を変化させるPGMを作成しました。
・散歩の初期位置を設定できるように修正しました. 2020.03.03
以下の手順で使用できます
1. googleApiキー、初期緯度、初期経度をセット
2. カメラを起動
3. 仮想散歩開始ボタンをクリック
4. 再度仮想散歩開始ボタンをクリック
5. 以後足踏みで前進、左腕を一定時間振っていることで左回り、右腕を一定時間振ることで右回りの操作になります。
これで雨の日でも雪の日でも室内で散歩できますねww
参考にしたサイト
MediaDevices.getUserMedia() - Web API | MDN
Street View Service | Maps JavaScript API | Google Developers
GoogleStreetViewが勝手に動く!?GoogleMapAPIを使った自動再生プログラムを作ってみる。 : ビジネスとIT活用に役立つ情報
[JavaScript] 関数から複数値を返す | コピペで使える JavaScript逆引きリファレンス
CSS floatを初心者向けに図で解説 抑えるべき注意点…｜Udemy メディア
サンプルスクリーンショット
参考画像
画像の変化を検出する領域は以下のようになっています
githubURL:https://github.com/NanjoMiyako/cameraTest
サンプルページURL:https://nanjomiyako.github.io/cameraTest/