|
fadeIn = (nav, layerA, layerB, background) -> |
|
layerA: |
|
show: {opacity: 1, x: 0, y: 0} |
|
hide: {opacity: 0, x: 0, y: 0} |
|
layerB: |
|
show: {opacity: 1, x: 0, y: 0} |
|
hide: {opacity: 0, x: 0, y: 0} |
|
|
|
zoomIn = (nav, layerA, layerB, background) -> |
|
layerB: |
|
show: {scale: 1, opacity: 1, x: 0, y: 0} |
|
hide: {scale: 0.8, opacity: 0, x: 0, y: 0} |
|
|
|
slideInRight = (nav, layerA, layerB, background) -> |
|
layerB: |
|
show: {x: 0, y: 0} |
|
hide: {x: layerB.width, y: 0} |
|
|
|
slideInLeft = (nav, layerA, layerB, background) -> |
|
layerB: |
|
show: {x: 0, y: 0} |
|
hide: {x: -layerB.width, y: 0} |
|
|
|
slideInUp = (nav, layerA, layerB, background) -> |
|
layerB: |
|
show: {y: 0, x: 0} |
|
hide: {y: layerB.height, x: 0} |
|
|
|
slideInDown = (nav, layerA, layerB, background) -> |
|
layerB: |
|
show: {y: 0, x: 0} |
|
hide: {y: -layerB.height, x: 0} |
|
|
|
moveInRight = (nav, layerA, layerB, background) -> |
|
layerA: |
|
hide: {x: -layerA.width, y: 0} |
|
layerB: |
|
show: {x: 0, y:0} |
|
hide: {x: layerB.width, y: 0} |
|
|
|
moveInLeft = (nav, layerA, layerB, background) -> |
|
layerA: |
|
hide: {x: layerA.width, y: 0} |
|
layerB: |
|
show: {x: 0, y: 0} |
|
hide: {x: -layerB.width, y: 0} |
|
|
|
moveInUp = (nav, layerA, layerB, background) -> |
|
layerA: |
|
hide: {y: -layerA.height, x:0} |
|
layerB: |
|
show: {y: 0, x:0} |
|
hide: {y: layerB.height, x: 0} |
|
|
|
moveInDown = (nav, layerA, layerB, background) -> |
|
layerA: |
|
hide: {y: layerA.height, x: 0} |
|
layerB: |
|
show: {y: 0, x:0} |
|
hide: {y: -layerB.height, x:0} |