loadSound(path)
サウンドファイルの扱いは、p5jsのヘルプを参考にするとわかりやすいです。
サウンドファイルを読み込んで、音を鳴らしてみます。
サウンドファイルは、サーバーにアップロードする必要があります。
//一定時間おきに
//音を鳴らす
//ランダムに図形を描く
let timestamp = 0;
let mySound;
//音ファイルを読み込む
function preload() {
//音のファイルはSonicPiの音源をWAVに変換し使っています
//https://sonic-pi.net/
mySound = loadSound("elec_tick.wav");
}
function setup() {
//画面サイズ
createCanvas(500, 500);
//背景を塗る
background(200, 220, 220);
}
function draw() {
if (millis() - timestamp > 250) {
timestamp = millis();
//音をならす
mySound.play();
//線をナシ
noStroke();
//塗り色
fill(random(100, 200), random(100, 200), random(10, 25), 50);
//四角を描く
rect(random(-500, 500), random(-500, 500), random(0, 500), random(0, 500));
}
}
読み込むサウンドファイルが、p5jsウェブエディターにアップロードされている必要があります。
プログラムでは、そのファイルを探しにいくので、アップする場所やファイル名に気をつけてください。
サウンドファイルは、WAV、MP3フォーマットで準備します。
p5jsウェブエディターにアップロードする手順が、少しわかりにくいので注意してください。