下記のコードを配列化する方法

Question

超初歩的な質問です。
以下、制作しているプログラムの一部を簡略化したものなのですが、これらを配列でまとめるにはどうしたらいいか教えて下さい。

目標：画面を8分割し、一番下はド(piano1)、下から二番目はレの(pino2)が鳴る。
言語はP5jsで、OpenProcessingを使用しています！

	//サウンドファイルの読み込み 
	piano1=loadSound('piano1.mp3');
	piano2=loadSound('piano2.mp3');
	piano3=loadSound('piano3.mp3');
	piano4=loadSound('piano4.mp3');
	piano5=loadSound('piano5.mp3');
	piano6=loadSound('piano6.mp3');
	piano7=loadSound('piano7.mp3');
	piano8=loadSound('piano8.mp3');
}

function setup() {
  createCanvas(windowWidth, windowHeight);	
}

function touchStarted(){
	for(var i =0; i <touches.length; i++){
		
	var mx = touches[i].x;
	var my = touches[i].y;
	
	if(my>windowHeight/8*7 && my<windowHeight){
		piano1.play();
	}
	if(my>windowHeight/8*6 && my<windowHeight/8*7){
		piano2.play();
	}
	if(my>windowHeight/8*5 && my<windowHeight/8*6){
		piano3.play();
	}
	if(my>windowHeight/8*4 && my<windowHeight/8*5){
		piano4.play();
	}
	if(my>windowHeight/8*3 && my<windowHeight/8*4){
		piano5.play();
	}
	if(my>windowHeight/8*2 && my<windowHeight/8*3){
		piano6.play();
	}
	if(my>windowHeight/8*1 && my<windowHeight/8*2){
		piano7.play();
	}
	if(my>0 && my<windowHeight/8*1){
		piano8.play();
	}
}
}

function draw(){
	background(256);
	stroke(0);
	for(var i=windowHeight/8; i<windowHeight; i+=windowHeight/8){
	  line(0,i,windowWidth,i)
	}
}
コード

Comments

[takasima20]

言語はなんですかね?

[888_8t]

OpenProcessingのP5jsです！

Answer 1

P5.js という JavaScript で Processing を再現するものがあり
それを編集＆実行する paiza 的なサイトが https://openprocessing.org/ である、と。
調べてみましたが、基本的に JavaScript と同じ書き方でいけそうスね。

まずサウンドのロードはこんな感じで

piano = [];
for (let j=1; j<=8; j++) piano[j] = loadSound('piano' + j + '.mp3');

次に、こんなかんじの関数を作って

function hoge(my) {
    const h = windowHeight/8;
    if (my > h*7 && my < windowHeight) return 1;
    if (my > h*6 && my < h*7) return 2;
    if (my > h*5 && my < h*6) return 3;
    if (my > h*4 && my < h*5) return 4;
    if (my > h*3 && my < h*4) return 5;
    if (my > h*2 && my < h*3) return 6;
    if (my > h*1 && my < h*2) return 7;
    if (my > 0 && my < h*1) return 8;
    //ほんとはここに上記条件に当てはまらなかった場合の return を書きたい
    //もしくは無条件で 8 を返すか
}

プレイ部分はこんなかんじ

function touchStarted() {
    for (let i=0; i<touches.length; i++) {
        const mx = touches[i].x;
        const my = touches[i].y;

        piano[hoge(my)].play();
    }
}

全体の造りが分からないので、もし不都合があったらがんばって修正してください。(汗

Comments

[888_8t]

できました！非常に助かりました！ありがとうございました！

[takasima20]

(･∀･)b

Answer 2

pianoを配列にするという話かな

Comments

[888_8t]

そうです！語彙力なくてすみません、、