HTML5 Audio ピアノ制作 : Step1 – クリックで音を鳴らそう!

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

鍵盤をクリックした際に音が鳴るようにします. この Step が今回のプログラムで最も重要です. ここをクリアすればほぼ完成です. っというより完成です.

Read More

HTML5 Audio と JavaScript でピアノ制作

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

先日, HTML5 Audio の使い方について書きました. その際勉強ついでにピアノを作ったので公開します. 作り方もざっくりとまとめたのでよかったら参考にしてください. webkit-animation や display:box など css3 についても少し触れています.

Read More

HTML5 Audio を JavaScript で使う方法

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

HTML5 Audio を JavaScript で使う方法をざっくりと紹介します. タグとして書かず JavaScript のみで完結する使い方なので, 主にゲーム向きです. 私自身, ゲーム中の効果音などに使用している方法です.

Read More

CSS3 の transition プロパティでアニメーションさせてみよう!!

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

CSS3 には transition というプロパティがあり, これを指定することで簡単にアニメーションを付けることができます. サンプルをいくつか作ってみたので参考までに.全て hover することで変化するようにつくっています.

他のCSS プロパティ同様(IE意外は)簡単に設定, 動作させることができるのでよかったら試してみてください. 実際にこのブログでも使っています.記事に hover した際に縁に表示される影や, サイドバーのリンクを hover した際の拡大などに使用しています.

Read More

RSS 登録できない!!?

phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです.

RSS 登録できない!!?

友人に指摘されて気づきました. このブログは URL に “/feed” を付ければ一応 RSS 登録できますし, そういうものだと思っていました.しかし, 他の方のブログでは そのブログ自身の URL で RSS 登録できる!!

Read More