nicebarbarian

myLayer = new Layer
	x: 100
	y: 100
	width: 300
	height: 300

myLayer.backgroundColor = utils.randomColor()

nicebarbarian

myLayer = new Layer
	x: 0
	y: 100
	width: 50
	height: 50

myLayer.states.add
	one: {x: 100}
	two: {x: 200}

nicebarbarian

scrollingLayer = new Layer
	width:  200
	height: 400

contentLayer = new Layer
	width:  200
	height: 400 * 3
	image: "http://goo.gl/gpEHNR"
	superLayer: scrollingLayer

nicebarbarian

myImageLayer = new Layer
	x: 100
	y: 100
	width: 200
	height: 200

myImageLayer.image = "http://goo.gl/gpEHNR"

nicebarbarian

myLayer = new Layer
	x: 0
	y: 100
	width: 100
	height: 100

myLayer.draggable.enabled = true

nicebarbarian

myLayer = new Layer
	x: 0
	y: 100
	width: 50
	height: 50

myLayer.on Events.Click, ->
	myLayer.animate
		properties: {x:200}
		curve: "spring(400,10,0)"

nicebarbarian

centeredLayer = new Layer
	width:  200
	height: 200

centeredLayer.center()

# Center it again on resizing the screen
window.onresize = -> centeredLayer.center()

nicebarbarian

rows = 10

gutter = 8
width  = 300
height = 30

for rowIndex in [0..rows-1]
		
	cellLayer = new Layer
		width:  width

nicebarbarian

rows = 3
cols = 3

gutter = 16
width  = 96
height = 96

for rowIndex in [0..rows-1]
	for colIndex in [0..cols-1]
		

nicebarbarian

myLayer.animate
    properties:
        opacity: 0.5
    curve: "ease"
    repeat: 1
    delay: 2
    time: 1