テキストダウンロード

Media Art Course
Lesson 33
『音楽に合わせたアニメーション』
今までアニメーションとBGMについて学んできました。
次はBGMに合わせてアニメーションをする方法を学んで
いきましょう。
1
BPM
BPMとは音のリズムのことで、
「Beat per Minute」の略です。
1分間の拍数を示すもので、日本の曲では
100∼150が一般的です。
2
Webブラウザを開いて、lit.sh/bpmにアクセスして
ください。上の写真のようなマークが出て来ればOK
です。
3
音楽に合わせて、スペースキーを押しましょう。
画面に出てきた数字がBPMの値です。
4
setupの上、”Music music;”の下に
BPM bpm;
とコードを追加します。
5
setupの中の、一番下の行に
bpm = new BPM(130);
とコードを追加します。
6
drawの中の、”background(0);”の下のコードを
fill(25*bpm.get(),221*bpm.get(),245*bpm.get());
と書き換えます。
実行してみましょう！
音楽に合わせて図形が点滅すればOKです。

Download Report