雪を降らせるテスト
(技術的メモ)
スマホの場合、window.devicePixelRatioで倍率を取得して画像サイズと移動量を調整する必要があるかと思ったがそんなことはなかった。
Chromeのcontext.clearRect()は期待通りに動くが、Firefoxは期待通りに動かない。実際の画像1つ分の領域だけをクリアしようとした場合、Firefoxは綺麗に消すことができず軌跡(多分1ピクセル位)が残ってしまう。対策として一旦バッファ領域に描画するようにして、描画する前にcanvas全体をクリアするようにする。
画像は1つ描画するごとにImageオブジェクトをcloneする必要があるかと思ったが必要なかった。