ブラウザで音ゲー

Question

ブラウザで音ゲーを実装したいと思ってます。
一番の課題は音ズレかと思います。

今のところ、譜面ノーツ一つ一つに流れるべき時間を指定しています。
そこで、この流れるべき時間になったかどうか、みたいなのはどのようにして処理すればいいのでしょうか？
毎フレームごとにJSで音楽の再生時間を監視すればよいのでしょうか？

他に何か良い方法がありましたらお願いします。

Answer 1

解決しました！
canvas出実装しました

Answer 2

これはある音ゲーの譜面作成ツールです。
これはゲーム側の処理が1/20sec毎なので、プレビュー画面ではインターバルで1/20sec毎に監視しています。
コードは自由に見ていただいて構いませんので、参考にしていただければと思います。

Answer 3

自分も音ゲーを作ったことがないので思いついたロジックを。。。

■単純に上からタッチする○が落ちてくるという仕様の場合
１．曲開始前に、曲の時間に合わせた高さの領域を作成。
（1秒の高さを決めてウィンドウの高さによって補正値を算出して追加する）
２．１で作成した領域にタッチする○を配置。
※リアルタイムで作成すると処理曲とずれそうなので、一括して作成
３．下から上へjsにて曲再生と同時に、時間に対して一定量のスクロールを行う（先頭まで来たら終了）

タッチイベントはタッチする場所に固定でつけて、
タッチしたときにそこに○があるかを判定する感じですかね？？