▽ 2020/12/1 (火) 12:51:38 ▽ chika |
| できた "prpcessing.js", "Tone.js"のコラボ
"prpcessing.js"で絵を描き、
マウスイベントで"Tone.js"の音を奏でる。
が、趣旨のjavaScriptプログラムです
//..."prpcessing.js"部分....................................
<script type="application/processing">
void setup() {
size(160, 320);
}
void draw() {
textSize(20);
background(0);
fill(250, 0, 0); rect(0,50, 160, 90); fill(255);
text("C4", 100,120);
fill(0, 250, 0); rect(0,140, 160, 90); fill(255);
text("D4", 100,210);
fill(0, 0, 250); rect(0,230, 160, 90); fill(255);
text("E4", 100,300);
}
void mousePressed() {
if(mouseY > 50 && mouseY < 140) playNoteC();
if(mouseY > 140 && mouseY < 230) playNoteD();
if(mouseY > 230) playNoteE();
}
|
|
|