Coding beatbox!!
31
松元 大樹
-
Upload
daiki-matsumoto -
Category
Documents
-
view
1.051 -
download
1
description
CodeHike2012で発表したべ
Transcript of Coding beatbox!!
![Page 1: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/1.jpg)
松元 大樹
![Page 2: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/2.jpg)
• 2010年くらい •
![Page 3: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/3.jpg)
![Page 4: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/4.jpg)
入力 音
zk suspended cymbal
bschk snare
pv brush
bk bass
tk flam1
vk roll tap
kt flam2
kttp flam tap
krp hi hat tap
pv short roll
th better hi hat
thp, ds instant rimshot.
![Page 5: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/5.jpg)
![Page 6: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/6.jpg)
![Page 7: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/7.jpg)
![Page 8: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/8.jpg)
•
![Page 9: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/9.jpg)
ビートはお好きですか?
![Page 10: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/10.jpg)
刻みたくないですか?
![Page 11: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/11.jpg)
![Page 12: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/12.jpg)
• 音楽作る知識がない
![Page 13: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/13.jpg)
• 音楽作る知識がない
• コーディングなら知識がある
![Page 14: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/14.jpg)
• 音楽作る知識がない
• コーディングなら知識がある
• コーディングで音を奏でたい
![Page 15: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/15.jpg)
• 音楽作る知識がない
• コーディングなら知識がある
• コーディングで音を奏でたい
• ブラウザ上で奏でたい
![Page 16: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/16.jpg)
• 音楽作る知識がない
• コーディングなら知識がある
• コーディングで音を奏でたい
• ブラウザ上で奏でたい
• 正確なリズムを刻みたい
![Page 17: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/17.jpg)
• 音楽作る知識がない • コーディングなら知識がある • コーディングで音を奏でたい • ブラウザ上で奏でたい • 正確なリズムを刻みたい
•
![Page 18: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/18.jpg)
![Page 19: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/19.jpg)
凄いデモ
•
![Page 20: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/20.jpg)
しょぼいデモ
•
![Page 21: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/21.jpg)
クラウドなBGMなサイト達
![Page 28: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/28.jpg)
= になることでしょう。
予言
![Page 29: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/29.jpg)
楽譜=
になることでしょう。
予言2
![Page 30: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/30.jpg)
まとめ
• ブラウザ×音楽があつい!
![Page 31: Coding beatbox!!](https://reader034.fdocuments.net/reader034/viewer/2022042518/557e9e6cd8b42ac5658b45c8/html5/thumbnails/31.jpg)