// Processing.jsの非互換性のため、pmouseX/Yの代わりに使用 float pmx, pmy; float pd=0; void setup() { size(300, 300); background(255); colorMode(HSB, 360, 100, 100); noStroke(); smooth(); frameRate(15); } void draw() { noStroke(); fill(0, 0, 99, 33); rect(0, 0, width, height); float d = dist(mouseX, mouseY, pmx, pmy); stroke(0, 0, 99); fill(200 + d, 80, 99); beginShape(TRIANGLE_STRIP); vertex(pmx+pd, pmy+pd); vertex(pmx-pd, pmy-pd); vertex(mouseX+d, mouseY+d); vertex(mouseX-d, mouseY-d); endShape(CLOSE); pd = d; // Processing.jsの非互換性のため、pmouseX/Yの代わりに使用 pmx = mouseX; pmy = mouseY; }