Chrome DevTools に描画フレーム毎のスクリーンショットを記録/再生する機能がついています

Chrome DevTools の Timeline タブにフレーム毎のスクリーンショットを記録/再生する機能がついています。

Canvas パーティクル 3万個 の結果です。

youtu.be

Canvas/WebGL を使ったカジュアルゲームの開発やQAに活かす事ができるステキ機能ですね。 CreateJS を使っている方々は、是非試してみると良いかと。

1ヶ月ほど前から存在した機能なのですが、インパクトの割に話題になっていないようなので書いてみました。Chrome Canary で試せます。