1103blendmodes

var bmodes = [];

​

var img;

var imgscale = 0.2;

var b = 0;

function preload() {

  img = loadImage("cat.png");

}

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(0);

  // 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() {

  imageMode(CENTER);

  image(img, mouseX, mouseY, img.width*imgscale, img.height*imgscale);

}

​

function keyTyped()

{

  background(0);

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

  blendMode(bmodes[b]);

}