HTML5で花火を打ち上げる!
2015年7月25日
花火大会のシーズンがやってきました!今日は、花火は花火でも、Web上で見ることができる花火のご紹介をしたいと思います!
今日ご紹介するサイトは、「Canvas Fireworks v1」です。
こちらのサイトは、HTML5+JavaScriptで作られたWebアプリケーションなのですが、ただ花火が打ちあがるわけではなく、自在に調整した花火を打ち上げることができます。 具体的には、右側に表示されている調整パネルで花火の色・形・線の太さなどが調整できるので、マウスを使ってバーの数値を自由に設定します。
そして、画面いっぱいに広がる夜空の好きな場所をクリックすると...
その場所めがけて、花火が打ちあがるのです!
HTML5とJavaScriptがあれば、このようにユーザーのアクションに合わせていろいろなアニメーションや効果をWebコンテンツ上に表現することができます。 興味がある方は、ぜひインターネット・アカデミーのW3C公式HTML5講座やJavaScript講座で学びましょう!!
また、これから花火シーズンですので、日中はインターネット・アカデミーで勉強して、夜はお祭り...という夏ならではの過ごし方も、とっても充実感を味わえるのでオススメです! 皆様のご来校を、スタッフ一同お待ちしています☆
関連サイト
関連講座
本ブログは、日本初Web専門スクールのインターネット・アカデミーの講師が運営するWebメディアです。 スクールの情報はもちろん、最新のWebデザイン・プログラミング・Webマーケティングについて役立つ情報をご紹介しています。