30/1104 FANCY Developer Concole and Blend Mode

// control-shift J appears to open the Developer Console

​

var color0 = "black"; // edge color

var color1 = "red";

var color2 = "yellow";

var color3 = "blue";

​

var bmodes = [];

var b = 0;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(100);

  rectMode(CENTER);

​

  // BLEND, DARKEST, LIGHTEST, 

  // DIFFERENCE, MULTIPLY, EXCLUSION, 

  // SCREEN, REPLACE, OVERLAY, 

  // HARD_LIGHT, SOFT_LIGHT, DODGE, 

  // BURN, ADD, REMOVE or SUBTRACT

  bmodes = [BLEND, DARKEST, LIGHTEST, DIFFERENCE, MULTIPLY, EXCLUSION, SCREEN, REPLACE, OVERLAY, HARD_LIGHT, SOFT_LIGHT, DODGE, BURN, ADD, REMOVE, SUBTRACT];

  blendMode(bmodes[b]);

}

​

function draw() {

  var gridsize = 50; // how wide is the grid in pixels

  stroke(color0);

​

  var whichcolor = floor(random(3)); // floor() get rid of the decimal point

  if(whichcolor==0) fill(color1);

  if(whichcolor==1) fill(color2);

  if(whichcolor==2) fill(color3);

  var x = random(width);

  var y = random(height);

  x = ceil(x/gridsize)*gridsize;

  y = ceil(y/gridsize)*gridsize;

  var w = ceil(random(2))*gridsize;

  var h = ceil(random(2))*gridsize;

  rect(x, y, w, h);

}

​

function keyTyped()

{

  if(key=='q') { // classic mondrian

    color0 = "black";

    color1 = "red";

    color2 = "yellow";

    color3 = "blue";

  }

  if(key=='w') {

    color0 = "Firebrick";

    color1 = "SlateBlue";

    color2 = "PeachPuff";

    color3 = "Aqua";

  }

  if(key=='c') background(100);

  console.log("i typed something: " + key); // 'key' is which key you type

  background(100);

  b = (b+1)%bmodes.length;

  blendMode(bmodes[b]);

}