カテゴリー
技術

ページ上で花火を表示するfireworks.js

Fireworks.js、名前だけ見て、Greasemonkeyのスクリプトか、Javascriptのイベントハンドリングでもするライブラリかと思ったら、直球で「花火を表示するライブラリ」だった。 リンク先ではライブラリ […]

Fireworks.js、名前だけ見て、Greasemonkeyのスクリプトか、Javascriptのイベントハンドリングでもするライブラリかと思ったら、直球で「花火を表示するライブラリ」だった。

リンク先ではライブラリを使ったデモも置かれていて、スライダーでいろいろなパラメータを変え、そのページ上で花火を打ち上げる[Fire!]ことができる。

# Blast Radius(半径)とParticles(粒子の数)を大きくすると派手になると思う

その下には、いくつかリンクが並んでいて、プリセットの花火を見てみることも。

打ち上げの音はどうしてるのかなと思ったら、Javascriptから隠しFlashを呼び出してFlashで音を鳴らす、というライブラリもここで提供しているようで、それを使ってる。

配布物には、爆発音、上記の音声ライブラリ、デモも含んでいるので、置いてみていじればいろいろ試せるだろう。花火の表示自体は、関数一個の呼び出しでできるし。