ゆとり備忘録

https://twitter.com/computerjelly

fill(angle, mouseX, mouseY);

でangleが色相にmouseXが彩度にmouseYを明度に定義

function draw() {
var angleStep = 360/segmentCount;

beginShape(TRIANGLE_FAN);
vertex(width/2, height/2);
for (var angle=0; angle<=360; angle+=angleStep){
var vx = width/2 + cos(radians(angle))*radius;
var vy = height/2 + sin(radians(angle))*radius;
vertex(vx, vy);
fill(angle, mouseX, mouseY);
}
endShape();
}

 

vertexを使って中心からsin cos radiusを使って円など正多角形を描写