ライブラリー (Library) とは、 汎用性の高い複数のプログラムを再利用可能な形でひとまとまりにしたもので、多くのプログラミング言語で活用されています。p5.js自体もJavaScriptのライブラリーの1つです。p5.jsではさらにライブラリーを活用することで、p5.js単体では実現が難しい様々な機能を追加していくことが可能です。p5.jsのWebサイトでは様々なライブラリーが紹介されていて、すぐに利用することが可能です。

今回は、p5.js Libraryの中から音を扱かうための p5.Soundライブラリーを使用してp5.jsによるサウンドプログラミングに挑戦します。今回の内容の発展が今期の「データ構造とアルゴリズム」の最終課題となります。しっかりと理解して活用できるようになりましょう。

スライド資料

• p5.soundでサウンドプログラミング

本日の課題

p5.soundライブラリーを使用してサウンドファイルを扱ったp5.jsのスケッチを作成してください。サウンドファイルの再生機能さえ使っていれば何をしても自由です (ピッチ変更、フィルター、ビジュアライズ ..etc)

• 提出フォーム

サンプルコード

クリックでサウンド再生

再生スピードの変更

ローパスフィルター

サウンドの音量を視覚化