​

function setup() {

  renderer = createCanvas(100, 100, WEBGL);

}

​

let setAmbient = true;

​

function mouseClicked() {

  setAmbient = ! setAmbient;

  console.log(`using ambientMaterial(): ${setAmbient}`);

// loop();

}

​

function draw() {

  noStroke();

  background(0);

​

  // move your mouse to change light direction

  let dirX = (mouseX / width - 0.5) * 2;

  let dirY = (mouseY / height - 0.5) * 2;

  directionalLight(250, 250, 250, -dirX, -dirY, -1);

  // lights();

​

  if (setAmbient) {

    // fill(0, 255, 0);  // green

    ambientMaterial(255,0,0);

    // console.log(renderer.curFillColor);  // red

  }

  else {

    fill(255,0,0);

  }

  // specularMaterial(0, 0, 255);  // blue

  sphere(40);

// noLoop();

}