HTML5のCanvasで花火のアニメーションをつくってみた


先日、某所のベランダから見た花火を思い出しながら、HTML5のCanvasを使って花火のアニメーションを作成してみました。




パソコンで見る分には問題ないのですが、スペックの弱いスマホだと少しもっさりします。
火花を一つ一つ描画していて描画オブジェクトは数百個になるのでしかたないのか、改善の余地があるのかは今のところ不明。

土星型?の花火はランダムに傾きをつけたり、打ち上げ距離と爆発の大きさが比例するなど、もっと懲りたいところではあります。

カテゴリー: WEB

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

はてなブックマーク人気エントリー
カテゴリー