let R = 0, G = 0, B = 0;

​

function preload() {

  person = loadModel('rp_mei_posed_001_100k.obj');

   img = loadImage('puddle.jpg');

}

​

function setup() {

  createCanvas(640, 480, WEBGL);

  capture = createCapture(VIDEO);

  capture.size(width, height);

  capture.hide();

  frameRate(30);

}

​

function draw() {

  background(0);

  orbitControl();

  let centerColor = capture.get(width/2, height/2);

  R = lerp(R, red(centerColor), 0.1);

  G = lerp(G, green(centerColor), 0.1);

  B = lerp(B, blue(centerColor), 0.1);

  // 비디오 디스플레이 

  push();

  translate(-width/2, -height/2, 0);

  image(capture, 0, 0, width/4, height/4);

  pop();

  //현재 색 표시 - 현재 샘플링된 색상을 나타내는 작은 구 

  push();

  translate(-width/2 + width/8, -height/2 + height/8, 0);

  fill(R, G, B);

  noStroke();

  sphere(10);

  pop();

  drawSculpture();

}

​

function drawSculpture() {

  push();

  // Base 연못표현 

  push();

  translate(0, 100, 0);

  fill('white'); 

  cylinder(150, 20);

  pop();

  // 연못에 색 

  let sphereRadius = 120;

  // Red 

  push();

  translate(sphereRadius * cos(0), 90, sphereRadius * sin(0));

  fill(255, 0, 0);

  emissiveMaterial(255, 0, 0);

  sphere(30 * (R / 255));

  pop();

  // Green 

  push();

  translate(sphereRadius * cos(TWO_PI/3), 90, sphereRadius * sin(TWO_PI/3));

  fill(0, 255, 0);

  emissiveMaterial(0, 255, 0);

  sphere(30 * (G / 255));

  pop();

  // Blue 

  push();

  translate(sphereRadius * cos(2*TWO_PI/3), 90, sphereRadius * sin(2*TWO_PI/3));

  fill('0, 0, 255');

  emissiveMaterial(0, 0, 255);

  sphere(30 * (B / 255));

  pop();

  // 중앙 구체 

  push();

  translate(0, 50, 0);

  let centralColor = color(R, G, B);

  fill(centralColor);

  emissiveMaterial(centralColor);

  sphere(40);

  pop();

  pop();

}

​