問題タブ [requestanimationframe]

ブラウザがアクティブに実行されていることを知る方法はありrequestAnimationFrameますか?

たとえば、実行中のタブからタブを切り替えるrequestAnimationFrameと、関数の実行が停止し、元に戻すと続行します。これに対処する最善の方法は何ですか?

Chrome Dev Tools v27 のタイムラインを使用して、次のコードのメモリ使用量をプロファイリングしています。

単純なことに注意してください。しかし最終的には、ガベージ コレクターがメモリを再利用していることを示す歯のパターンが表示されます。

raf はデフォルトでガベージ オブジェクトを作成しますか? これを回避する方法はありますか？どうも。

こんにちは、私は自分のゲームに requestAnimationFrame を使用しようとしています。実際には以下のコードを使用していますが、ご覧のとおり、「.bind()」はすべてのループを作成して、ゲームの速度を低下させる新しい関数を作成しています...最高のパフォーマンスを得るための「効率的な」ソリューションです。よろしくお願いします:D

上記のコードは機能しますが、遅いです..代わりに、この「標準」コードで「タイプエラー」が発生します。

私はまた、このQ&Aを試したことを発見しました: requestAnimationFrame が App オブジェクトにアタッチされていません Windowは 1 回だけ動作し、同じ「タイプ エラー」が発生します :(

あなたが私を信じていないなら試してみてください：http://jsfiddle.net/ygree/1 :'(

requestAnimFrame を使用して単純なゲームを作成しようとしましたが、アニメーションが機能せず、理由がわかりません。多分誰かが助けることができますか？コードは次のとおりです。

update(dt)関数でボールが動かないのですが、原因がわかりません...

これが私の状況です。関数の実行時間を高速化する必要があるため、setInterval は賢明な選択ではありません。毎回少なくとも4msのコストがかかるためです。

それで、setInterval関数をrequestAnimationFrameに変更してもいいのですが、requestAnimationFrameの仕組みがよくわかりません。

例えば

どうすればrequestAnimationFrameを適用できますか?

フィドル

私がやっていること：設定された間隔を使用して円弧から円を描いています。

私がやりたいこと：同じ機能を実現したいのですが、 requestAnimationFrameを使用してsetIntervalを避けて、1分（つまり、円を描くのに60秒）で円を完成させる必要があります。

RAF とは何かは知っているが、実装できない

60 秒...RAF...サークル。?? 私のコード:

ケンのみの更新された質問:

1）すべてを2（つまりスケール）で乗算すると、すべてがよりシャープになります。

2) setInterval(anim, 120) を理解できませんでした;//この部分..比率..これが円が 60 秒で完了する理由ですか? 繰り返しになりますが、setInterval.Reasonを使用するときは常に疑問です。理由は、しばらくするとジャークが発生するためです.この場合はそうではありません.RAFを使用するときに常に発生するアニメーションを停止したかったのですが、rafは最適化に最適です.So少し混乱がありましたが、setInterval の方法で行くと思います。

3）この質問は少し難しく、私は今のところそれに取り組んでいます.私がそれを行うことができない場合は、私はあなたのアドバイスを受けます.それはいくつかのjsonを扱い、複数のインスタンスを作成し、データが来なくなったらアニメーションを停止します. .私は明日それを試してみます.今は疲れすぎています.

答えてくれてありがとうケン!!!まさに私が欲しかったもの。

requestAnimFrame以下は、通常のshimであるアニメーションのタイミングを制御する JS/WebGL コードのスニペットです 。FireFox と Safari の下でダンディに動作します。Chrome では、elapsedTimeフレーム 2 以降で が負になります。明らかに (この記事によると)引数をコールバックにwebkitRequestAnimationFrame渡さない!?! 経過時間を計算するための適切なクロスブラウザー方法は何ですか!? これは狂気です！currentTimedraw

実際の WebGL プログラムはこちらです。FireFox と Safari では、単一のアニメーション ループが表示されます。Chrome では、アニメーションが永遠に続きます (修正するまで)。