TOP  >  WebDesign  >  ãƒ–ラウザ上に花火を打ち上げるjavascript「Fireworks.js」
2008年06月12日

ブラウザ上に花火を打ち上げるjavascript「Fireworks.js」

今回紹介するjavascript「Fireworks.js」はブラウザ上に花火を打ち上げるというものです。使い道はアニバーサリーぐらいと、あまり思い浮かばなかったのですが、覚えておけば何かしらに使えそうです。

オーソドックスな花火から、少し変わった花火までパラメーターを操作することで、様々な花火を作り出すことができます。サンプルのデモは「Fireworks.js: A DHTML fireworks effect」のページの「Fire」と言うボタンを押せば花火を

詳しくは以下

花火のパラメーターは4つの項目でカスタマイズできるようになっていて、「Blast Redius（花火の大きさ）」「Particles(球体の数)」「Circles(輪の数)」「Brust Type（ベースカラー）」と設定できるようになっています。またパラメーターをランダムに指定するボタンもありますので色々と試せるかと思います。

ダウンロードは「Fireworks.js: A DHTML fireworks effect」のページの下部のFireworks v0.9.20050609というリンクから可能です。

Fireworks.js: A DHTML fireworks effect

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 03:26  |  
Category: WebDesign   
tag: Javascript webdesign
このエントリーをはてなブックマークに追加

関連記事

Default ThumbnailJavaとJavascriptの違いとは？ Default ThumbnailHTMLを崩壊させるJavascript「meltdown.js」 Default Thumbnailコンテンツを折り畳んでくれるjavascript集「10 Transition Effects: The art of Showing/Hiding Content」 Default Thumbnail注意や案内を促すためのNotificationを実現するjQueryのまとめ「20 Useful jQuery Notification Plugins and Tutorials」

Sponsor

最近の記事

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください 【商用可】アナログ感のあるドローイングフリーフォント「THRONE」 アイコンサイズやカラーを選んでSVGで出力できる「ICONSVG」 子どもをイメージしたフリーフラットアイコンセット「Download free Childhood flat icons set」 クリエイター向けモックアップテンプレートまとめ「15 Free Hero & Scene Creator Mockup Templates for Photoshop」 バレンタインを楽しく演出するフリーアイコンセット「50 free valentines themed icons」 インスタグラムの投稿をおしゃれに彩るフリーテンプレートまとめ「10 Free Instagram Story Templates」 花を抽象的にイメージしたパターン素材「Art Dimension abstract patterns」 個性的なラインナップを楽しめるフリーアイコンセット「Emojious Icons」 最新のクリエイティブなフリーフォントまとめ「20 New Free Fonts For 2019」

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ－ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに！をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る