01 - JavaScript Drum Kit
Jump to Section
說明
透過JS使鍵盤按下後播放出對應按鍵的聲音,並同時產生一個特效,在按下其他鍵後會關閉該特效並於新按鍵中啟用。 From guahsu
筆記
keydownevent.keyCode可以知道被按下的按鍵編號,進而做出回應
改進
- layout on phone or tablet
- more sound option
心得
這次專案可以實作如何偵測使用者按鍵的事件,來做出相對應的動作,像是按A就發出某個聲音,S就發出另一個聲音,還加入一些過場動畫,讓畫面不會看起來不順暢。雖然很基本,但還是很好的練習。
影片中有閃動畫面請斟酌觀看