記録

勉強したことに関するのノート。見返して分かるようにしてます。

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回転させたほうが早かった。

忘れそうなのでメモ↓

  /*
  長くコメントアウトする用
  */