Mode: Title
bmd = document.getElementById("canvas").bitmapData; log = document.getElementById("log"); blendModeArray = [ {mode: BlendMode.ADD, name: "BlendMode.ADD"}, {mode: BlendMode.DARKEN, name: "BlendMode.DARKEN"}, {mode: BlendMode.DIFFERENCE, name: "BlendMode.DIFFERENCE"}, {mode: BlendMode.HARDLIGHT, name: "BlendMode.HARDLIGHT"}, {mode: BlendMode.LIGHTEN, name: "BlendMode.LIGHTEN"}, {mode: BlendMode.MULTIPLY, name: "BlendMode.MULTIPLY"}, {mode: BlendMode.NORMAL, name: "BlendMode.NORMAL"}, {mode: BlendMode.OVERLAY, name: "BlendMode.OVERLAY"}, {mode: BlendMode.SCREEN, name: "BlendMode.SCREEN"}, {mode: BlendMode.SUBTRACT, name: "BlendMode.SUBTRACT"} ]; bikes = new Image(); bikes.src = "res/bikes.png"; lenna = new Image(); lenna.src = "res/lenna-300x300.png"; counter = 0; function cycle() { bmd.draw(bikes); bmd.draw(lenna, null, null, blendModeArray[counter].mode); log.innerHTML = blendModeArray[counter].name; if(counter==blendModeArray.length-1) { counter = 0; } else { counter++; } } cycle(); setInterval(cycle, 2000);