前の記事 ≪:ページのカラーテーマを閲覧者が選べるようにできる「dynamicColorPage」
次の記事 ≫:画像の3Dホバーエフェクトを作れる「jQuery Hover3d」

WEB上で動くドラムセットを実装するチュートリアル

2016年03月24日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法

How to Create an Interactive Animated SVG Drum Kit | Codrops

WEB上で動くドラムセットを実装するチュートリアル。
クリックで音が鳴る上、SVGを使ってドラム等が振動するエフェクト付きです。
キーボードショートカットにも対応させられているので慣れればブラウザ上でかつキーボードを使ったドラム演奏ができそうです





関連エントリ

関連の記事検索:svg, drum, 音楽, audio, インタレスト
スポンサード リンク

By.KJ : 2016年03月24日 10:00 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)