html5-canvas - 2Dパーティクルエフェクトの高度なキャンバスチュートリアル

Question

私は数百の4x4ピクセルの色付きの正方形で構成されたデザインコンセプトを持っています。

一緒にそれらはパターンを作成します。

私がする必要があるのは、1）キャンバスの外からそれらの原点まで正方形をアニメートすることです。（x、y変換）2）個々の正方形の色を循環させます

オプションで3D変換を調べることもできますが、今のところは上記の1+2を実行しようとしています。

誰かがこれを達成するためにいくつかの高度なCanvasチュートリアルを教えてもらえますか？

Answer 1

このビデオは基本的な概念を説明しており、私が見つけた中で最高のものです：http: //vimeo.com/36278748

blobArray一般にシーングラフと呼ばれblob、シーン/ゲームオブジェクトと見なされ、シーンdrawの更新と描画の両方が含まれます。通常、描画する場合にループが数回（固定頻度）更新できるように、これらを別々の関数に保持する必要があります。遅い（通常のボトルネック）。

残念ながら、言及する価値のある他のチュートリアルは見つかりませんでした。three.js、Unity 3D、OpenGL、WebGLのチュートリアルとソースを読んで学びました。その後、本に切り替えます。