WEB上で動くドラムセットを実装するチュートリアル
2016年03月24日-
スポンサード リンク
How to Create an Interactive Animated SVG Drum Kit | Codrops
WEB上で動くドラムセットを実装するチュートリアル。
クリックで音が鳴る上、SVGを使ってドラム等が振動するエフェクト付きです。
キーボードショートカットにも対応させられているので慣れればブラウザ上でかつキーボードを使ったドラム演奏ができそうです
関連エントリ
スポンサード リンク
By.KJ : 2016年03月24日 10:00 
間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)Advertisements
オススメサイト
SITE PROFILE
最新のブログ記事(新着順)
- アニメーションするカッコいい通知を実装できる「iziToast」
- サイトのロゴ作成の初期に使えるツール「Logomak」
- 特定のDOMエレメントを全く違う形にスムーズにアニメーション変換できる「ramjet」
- 画像や音声ファイルをアップロード前にプレビューできる「jquery_upload_preview」
- 強度の高いパスワードを生成できる「jquery.passwordGenerator」
- 背景画像の色を元に上の文字やナビの色を調整できる「BackgroundCheck」
- スクロールで上か下かを判断してコールバック「jquery.scrollDetection」
- 画面ヘッダにおしゃれなカラーパレットを実装できる「jquery.colorPalette」
- アクセス時間によってCSSの出し分けを制御できる「STIMED.js」
- Sketchでアニメーションを直接つくれるプラグイン「AnimateMate」
- 過去のエントリ
