Help us understand the problem. What is going on with this article?

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 メディア

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

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

googleStreetSampoSampleGazo2.jpg

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

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

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした