created by http://livecoding.io

README.md

View this code at http://livecoding.io/5476579

options.json

{
    "libraries": [
        "KineticJS"
    ],
    "mode": "javascript",
    "layout": "fullscreen mode (vertical)",
    "resolution": "reset"
}

water.html

<div id="canvas-main"></div>

water.js

rect = new Kinetic.Rect({
		x: 10,
		y: 10,
		width: 50,
		height: 50,
        stroke: 'black'
});

rect.on('click', function(evt) {
  this.setX(this.getX()+10);
  this.setY(this.getY()+10);
});

layer = new Kinetic.Layer();

stage = new Kinetic.Stage({
		container: 'canvas-main',
		width: 300,
		height: 300
});

layer.add(rect);
stage.add(layer);