Aki Sakata
akisoqls.com

Aki Sakata|akisoqls.com
>> 2018
>>>> rgbDots

rgbDots

2018

p5.js

var k = Math.floor( Math.random()*4);

function setup(){
   createCanvas(windowWidth, windowHeight);
   background(255, 255, 255);
}

function draw(){
   var xx = windowWidth;
   var yy = windowHeight;
   noStroke();
   var x =random(0,xx);
   var y =random(0,yy);
   var xi = map(x,0,xx,0,512);
   var yi = map(y,0,yy,0,512);
   ellipse(x,y,100,100);
   if(k == 0){
   fill(xi/2,255,yi/2,50);
     if(mouseIsPressed){
   var xi = map(mouseX,0,xx,0,512);
   var yi = map(mouseY,0,yy,0,512);
       ellipse(x, y, 100, 100);
     fill(xi/2,255,yi/2,50);
     }
  }
   if(k == 1){
   fill(255,xi/2,yi/4,50);
     if(mouseIsPressed){
   var xi = map(mouseX,0,xx,0,512);
   var yi = map(mouseY,0,yy,0,512);
       ellipse(x, y, 100, 100);
     fill(255,xi/3,yi/5,50);
     }
  }
   if(k == 2){
   fill(xi,yi,255,50);
     if(mouseIsPressed){
   var xi = map(mouseX,0,xx,0,512);
   var yi = map(mouseY,0,yy,0,512);
       ellipse(x, y, 100, 100);
     fill(xi,yi,255,50);
     }
  }
   if(k == 3){
   fill(xi/2,255,yi/2,50);
     if(mouseIsPressed){
   var xi = map(mouseX,0,xx,0,512);
   var yi = map(mouseY,0,yy,0,512);
       ellipse(x, y, 100, 100);
     fill(xi/2,255,yi/2,50);
     }
  }

}


赤、緑、青を基調としてランダムに再生されるドット。マウスボタンを押しているあいだ色が整列するインタラクティブなビジュアル。更新する度色が変わる。

再生ページ

(C) 2017 Aki Sakata