Canvasで表現する打ち上げ花火Canvasで作られた花火は国内外問わず数多く存在しますが、Canvasの表現力を知るには自身で試行錯誤する事が何よりの収穫。いうわけで、今回の作品はCanvasで表現する打ち上げ花火となります。デモ百聞は一見にしかず。デモをご覧ください(Chrome推奨)。大まかに仕組みを説明すると以下のようなロジックになります。花火の打ち上げ仕様(流れ)以下の流れを繰り返しています。同じ場所で連続して次の花火(フェーズ3)を表示します。次の打ち上げ(フェーズ1)に戻ります。当面は火花(パーティクル)の数を減らすことで対応しています。CSS3アニメーションもそうですが、現状ではWebkitが最もパフォーマンスが高く頭一つ抜けています。ブラウザも日々進化していますので、これからに期待ということで。打ち上げ花火の爆発や散るエフェクトに変化をつけたものや、これも処理速度の課題がありますが、打ち上げ花火と噴火花火を組み合わせるなど。現実世界の花火大会で必ずと言って良いほど、プログラムに組み込まれるスターマイン(連射)。現状では実装にかなりの工夫が必要です(実現してもWebkitですらまともに見れないかもしれません)。HTML5を導入した制作の依頼・ご質問など、お気軽にお問合せください※(株)インフォマークのお問合せフォームへ移動します。重富ビル2FTEL.082-504-8311。