Fran Pérez mrrocks

## framerClassDefaultProperties.coffee
class MyLayer extends Layer
	constructor: (options) ->

		defaults =
			width: 400
			backgroundColor: "transparent"

		super _.defaults(options, defaults)

layer = new MyLayer

## global-layers.coffee
Utils.globalLayers(sketchLayers)

## custom-properties.coffee
class Class extends Layer

	@define "newProperty",
		get: ->
			@property
		set: (value) ->
			@property = value
			@emit "change:newProperty"

object = new Class

## material-curves.coffee
fastInSlowOut = [0.4, 0, 0.2, 1]
fastInRealSlowOut = [0.4, 0, 0, 1]
linearInSlowOut = [0, 0, 0.2, 1]
fastInLinearOut = [0.4, 0, 1, 1]

# Use: curve: "bezier-curve(#{fastInSlowOut})"

## slowmotion.coffee
Framer.Loop.delta = 0.004 # Where higher number is faster

## gist:89cf3a855a2ed0c16d30
"hsla(#{ i / numberOfLayers * 360 }, 70%, 70%, 1)"

## originalProps.coffee
layer.orgProps = layer.props for layer in Framer.CurrentContext.getLayers()

## relative-values.coffee
layer.animate
    properties:
        x: '+=50'
        opacity: '-=0.1'

## cycle.coffee
one = -> print 1
two = -> print 2

toggler = Utils.cycle(one, two)

layer.on Events.Click, -> do toggler()

## stoppropagation.coffee
layer.on Events.DragEnd, (event) ->
  event.stopPropagation()
	class MyLayer extends Layer
	constructor: (options) ->

	defaults =
	width: 400
	backgroundColor: "transparent"

	super _.defaults(options, defaults)

	layer = new MyLayer
	class Class extends Layer

	@define "newProperty",
	get: ->
	@property
	set: (value) ->
	@property = value
	@emit "change:newProperty"

	object = new Class
	fastInSlowOut = [0.4, 0, 0.2, 1]
	fastInRealSlowOut = [0.4, 0, 0, 1]
	linearInSlowOut = [0, 0, 0.2, 1]
	fastInLinearOut = [0.4, 0, 1, 1]

	# Use: curve: "bezier-curve(#{fastInSlowOut})"
	one = -> print 1
	two = -> print 2

	toggler = Utils.cycle(one, two)

	layer.on Events.Click, -> do toggler()