xor squares

_.md

[ Launch: xor circles ] 6385919 by gelicia
[ Launch: Lissajous ] 6384402 by gelicia
[ Launch: Lissajous ] 6378631 by slembcke

config.json

{"description":"xor squares","endpoint":"","display":"canvas","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":true,"loop":true,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"thumbnail":"http://i.imgur.com/iQYREX3.png"}

inlet.js

//http://beesandbombs.tumblr.com/post/58350869100/more-b-w-squares

var context = tributary.ctx;
tributary.loop_type = "pingpong";
tributary.duration = 1000

context.globalCompositeOperation = "xor";

tributary.run = function(unused, t){
   context.clearRect(0, 0, tributary.sw, tributary.sh);
  context.fillRect(100,100,100,100);
 // context.rotate( (66*Math.PI)/180 );

};