Var key = Floor（map（...））; p5.j​​s「歌」p5.jsサンプルプロジェクトでサンプルプロジェクト

Question

「歌」、

function mousePressed(){ 
    var key = floor(map(mouseX, 0, width, 0, notes.length)); 
    playNote(notes[key]); 
} 

を言うのコードの行がある中で、私は私の人生はどのように正確に把握することはできませんのためにこれは機能します。私は床が最も近いintに丸められることを知っています。マップは、配列を別の配列に変換して、途中でいくつかの変更を加えたものだと思っていました。

現在、ノートはマウスのx位置に基づいて再生されますが、y位置では再生されません。誰が私がこれが何をしているのか、どのように動作するのか、どのように変更できるのかを理解するのに役立つでしょうか？

Answer 1

なぜ複数のステップに分割し、各ステップで何が起こっているのか調べてみませんか？

function mousePressed(){ 
    var mappedValue = map(mouseX, 0, width, 0, notes.length); 
    console.log("mappedValue: " + mappedValue); 
    var key = floor(mappedValue); 
    console.log("key: " + key); 
    playNote(notes[key]); 
} 

またthe referenceにmap()機能を探してみてください。