Permalink
Browse files

Add animation debug stuff

  • Loading branch information...
Koen Bok
Koen Bok committed Mar 19, 2013
1 parent 5192cec commit c099ddd19a8cfad6050eb37b4b549b24fc1a8bdd
Showing with 19 additions and 11 deletions.
  1. +19 −11 src/animation.coffee
@@ -27,7 +27,7 @@ class Animation extends EventEmitter
AnimationProperties: [
"view", "properties", "curve", "time",
"origin", "tolerance", "precision", "graph"
"origin", "tolerance", "precision", "graph", "debug"
]
AnimatableCSSProperties: {
opacity: "",
@@ -63,12 +63,10 @@ class Animation extends EventEmitter
start: (callback) =>
# console.profile "Animation.start"
@count++
@animationName = "framer-animation-#{@animationId}-#{@count}"
# console.log "Animation.start #{@animationName}"
console.log "Animation.start #{@animationName}" if @debug
# See if we have other animations running on this view
# if @view._currentAnimations.length > 0
@@ -126,12 +124,23 @@ class Animation extends EventEmitter
@keyFrameAnimationCSS = @_css()
# for k of @propertiesA
# if @propertiesA[k] isnt @propertiesB[k]
# console.log " .#{k} #{@propertiesA[k]} -> #{@propertiesB[k]}"
if @debug
for k of @propertiesA
if @propertiesA[k] isnt @propertiesB[k]
console.log " .#{k} #{@propertiesA[k]} -> #{@propertiesB[k]}"
totalTime = @curveValues.length / @precision
console.log "Animation.time = #{totalTime}" if @debug
# css.addStyle @keyFrameAnimationCSS
#
# @view.style =
# webkitAnimationName: @animationName
# webkitAnimationDuration: totalTime
# webkitAnimationTimingFunction: "linear"
# webkitAnimationFillMode: "both"
css.addStyle "
#{@keyFrameAnimationCSS}
@@ -142,11 +151,10 @@ class Animation extends EventEmitter
-webkit-animation-fill-mode: both;
}"
if @graph
@_graphView = @graphView @, 10, 20, 20, @time
@view.addClass @animationName
# if @graph
# @_graphView = @graphView @, 10, 20, 20, @time
finalize = =>

0 comments on commit c099ddd

Please sign in to comment.