SFC – デザインとプログラミング 2020
p5.js Libraryを使う 1 – p5.soundでサウンドプログラミング(1)
p5.jsは、その設計思想として、構造をあまり複雑にせず創造的な部分に集中できるよう焦点を絞っています。グラフィクスとモーションを作り、マウスやキーボードといった汎用的な入力デバイスに反応する機能が基本です。しかし、それ以上のことを行うために、p5.jsではライブラリー (Libraries) というものが用意されています。ライブラリーとは汎用性の高い複数のプログラムを、再利用可能な形でひとまとまりにしたものです。p5.jsでも用途に応じて様々なライブラリがまとめられ、入手できるようになっています。
今回はp5.jsのライブラリーを使う第１弾として、p5.sound使用します。p5.soundライブラリーを使用することで、サウンドファイルの再生や、マイクやライン入力のキャプチャーだけでなく、音にエフェクトをかけたり、波形自体を生成したりと、サウンドに関する様々な機能が活用できます。今回は、Soundライブラリーを用いたサウンドファイルの再生から、音量による音のビジュアライズまでを順番に解説していきます。
映像資料
スライド資料
本日の課題
本日作成した最後のサンプルプログラム (音量を円の半径で表現) をもとにして、読み込んだサウンドファイルの音量で何かが変化するプログラムを作成してください。
- 色、大きさ、形 …etc.
- 読み込むサウンドは自由に変更しても良い
- OpenProcessingに提出
- 本日のタグ sfcdesipro201120
提出課題
タグで検索: sfcdesipro1120
音のやつ, color, 王様の処刑曲＿遊戯王DSOD, ball move music, ThreeCirlces, こんとらすと, scratch sound, リズム, 音の波動, MOUTH, music, 音楽, SoundStream, いけ、モン◯ターボール！, 復活の時, beat, 11月20日の駄作, 鼓動, beatwave, CivilizationAdventure, FREE, 赤青ビート, 踊る図形, 青と緑, 目標：むなしくないクリスマス, sound box, sound, シンプルイズザベスト, ザ・ビートズ, Sound view, よくみるやつに似てるやつ, のんびり10秒聴いてみて, THREEcircles, 音に巻き込まれる, 光明, Color, 早くなるstars, . cam, sound test, Dynamic Wah, 楽曲に合わせた楕円, Midnight, picopico, いろいろ, ディスコ, nice sound, 笑うピエロ, そろそろクリスマスですね, 目玉スピーカー, 目玉スピーカー, Lipstick, DJ, かろやかなsound, Dancing Laser, music circle, 耳をすませば, 楽曲に合わせた楕円, 見られてる, sound, Voice Game, サウンドメーター, Spain, beat of kadai, white sound, Now Playing, impact, 「聖なる夜」, 水面に映る蛍の舞, feel the beat, Sound-Visualized Network, クリック&サウンド, 回転, Peak, play ball, p5 sound test, 変形な太陽, DJの気分, sfc体操, sfc体操, 音を操るmii, sound, Escape, break out, make your lives extraordinary , Sound Business, 音量で速さ変更ボール, somecircle, 音ゲー 作ってみた, MusicFlower, my sketch, 円だよ, WALKMAN, Overture, Spotlights, Disco, 雪が奏でるクリスマスコーラス, 音虫, 信号機, 音蛍, SoundVis&RandomCol, shaken beads, kakkoii Bubbles, Very beautiful music visualizer, ドゥンドゥンDooon, 曲の速度変化, king of color, Interaction between particles and sound visualizer, sikakusikakusikaku, 1126, green purple , sound, Moving Egg, Wave Wave Wave, rmsを理解する, 左右, move, SpainCirc, f2020, sound×colour, SoundC, 波形＋QWERでSE, Sound, Sound, 色でわかる音の周波数, audio vis, magneticField, Sound Visualizer, パルス, increasing balls, 俺のスピーカー, 音に合わせて荒ぶる紫陽花, ぽく・ぽく・ぽく・チーン, Love, new year, クラブ, Music Visualizer, 青春っていつも何かがたりない, ターンテーブル / TURNTABLE, 色と音, Sound Pulse, Sound Bar, (:3, DJブース, heart.sound, kadai, 青い夕焼け, 波, Black&White, myfav, 崩壊する夢, sound, 照明, MUSIC, Waving Sound, なし, soundESC, 音量に対応してメータが反応して色も変化する仕組み, 光, Play with Sound, My sound, sound, soundpop, ダンシングBOX, beatです, wave & circle, 音量注意, Ball Ball You, otoasobi, iPhone12欲しいね～, 宇宙からの光, sound, Some Synth!, 京王線, 特に思いつかない, Sound, maybe not going well, Sprint, 万華鏡, Homura , Sound, changeRGB with rms, デザインとプログラミング第六回課題, Homura , いろとりどり, Sound circle, 音と光のワンダーランド, sound training, Yやで, 音と光のワンダーランド, 色の波動, マンション最上階, HANABI, 脆弱性, 円, sound1, circle of sound, soundbox, 追憶, 1-(次+平+階)+正, sound.test, the sea at night(夜の海), SOUNDTHINKING, mic, 簡単なオーディオスペクトラム, 踊る花/Flower_Rock, soundrect, 律動, Bomber, Sound component, 明け方の空、山並み, 雪だるま, 滲み出る抵抗器感 溢れ出るoz感, 課題, DJ, Celestial Sphere, Musik, 音円, 大きさをぴったり当てるゲーム, Sound, クリックしてみて, the record, Disco Ball, アナログとデジタル, red spark, sound design, HIKAKIN, 未完, 雨, assignment, Music, kadai07, p5.sound rect,