3回目のp5.js
a=2; function setup() { createCanvas(400, 400); colorMode(HSB,360,100,100,100) } function draw() { fill(0,0,100); rect(0,0,width,height); fill(mouseY%360,100,100,50); rect(0,0,width,height); fill(mouseX%360,100,100,50); quad(width/a,0,0,height/a,width/a,height,width,height/a); textSize(random(10,50)); fill(mouseX%360,100,100); text(mouseX%360,mouseX,mouseY); fill(mouseY%360,100,100); text(mouseY%360,mouseX,mouseY+50); }
mouseX,mouseYに対応して色が変わり、その数値が可視化できる。
quad初めて使ったのですがこれrect回転させたほうが早かった。
忘れそうなのでメモ↓
/* 長くコメントアウトする用 */