クリックして指定した矩形領域の通過回数を計測するPGM(PassedCountMeasurement)

クリックして指定した矩形領域の通過回数を計測するJavaScriptPGMを作りました。
これでバスケットゴールの通過回数を自動で記録するようなプログラムも作れると思います。

githubURL:https://github.com/NanjoMiyako/PassCount-Measurement サンプルページURL:https://nanjomiyako.github.io/PassCount-Measurement/

サンプルスクリーンショット ![screenshot.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/412430/21105fb3-f76a-509d-008e-c21afb6d827a.jpeg)

使い方ページ内のTest1ボタンをクリックしてから矩形領域1,矩形領域2を登録して通過回数を自動測定します。矩形領域の指定は左上の点、右上の点をそれぞれクリックしたあとに指定ボタンをクリックしてから、それぞれの点を固定し、それぞれ現在の矩形範囲を登録ボタンで登録します。登録した矩形領域1の差分が一定以上→登録した矩形領域2の差分が一定以上の状態が発生するたびに通過回数を1増やします

難しかったところ単純に矩形領域1の差分を取った後に矩形領域2の差分が一定以上になったときにカウントをとるとカウントの重複が発生するため、一度カウントを取った後、カウントを1秒間停止する処理をいれています。