GoogleStreetViewを足踏みで仮想散歩するPGM

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活用に役立つ情報

Canvas とピクセル操作 - 開発者ガイド | MDN

[JavaScript] 関数から複数値を返す | コピペで使える JavaScript逆引きリファレンス

CSS floatを初心者向けに図で解説　抑えるべき注意点…｜Udemy メディア

サンプルスクリーンショット

参考画像
画像の変化を検出する領域は以下のようになっています

githubURL:https://github.com/NanjoMiyako/cameraTest

サンプルページURL:https://nanjomiyako.github.io/cameraTest/