ウィンドウのサイズが変更されると、ウィンドウ全体を自動的に埋めるようにサイズが変更される Canvas があります。
キャンバスの 1 つの隅に、アニメーション化された 5 つのスプライトを描画しています。ここでは問題ありません。
これは完全な 60 fps で実行されますが、ウィンドウを最大化して画面いっぱいにすると、fps は 30 fps に低下し、30 fps から 60 fps の間で変動します。ウィンドウを再び小さくすると、一貫した 60 fps に戻ります。
すべてのアニメーションはキャンバスの 1 つの隅だけにあり、キャンバスの残りの部分は空白です。ティックごとにキャンバス全体を再描画するのは非常に非効率的であり、変更されている部分のみを再描画する必要があることを理解しています。
しかし、私の質問は - これは正常な動作ですか? 隅にあるいくつかのスプライトを除いて画面が空白であっても、画面全体を再描画すると、fps が 30 から 60 fps の間で変動しますか?
ブラウザ: Chrome 20 OS: OSX Lion コンピューター: Macbook Air
私はフィドルを含めました: http://jsfiddle.net/XQpzU/3561/
レンダリング ウィンドウを大きくすると、FPS が低下します。