Ensure the sweep always starts from the left

This commit is contained in:
Robert Speicher 2016-01-02 19:57:21 -05:00
parent e5800d65de
commit 71c31ecf73
1 changed files with 9 additions and 8 deletions

View File

@ -1,14 +1,14 @@
NProgress.configure(showSpinner: false) NProgress.configure(showSpinner: false)
defaultClass = 'tanuki-shape' defaultClass = 'tanuki-shape'
highlightClass = 'highlight'
pieces = [ pieces = [
'path#tanuki-right-cheek',
'path#tanuki-right-eye, path#tanuki-right-ear',
'path#tanuki-nose',
'path#tanuki-left-eye, path#tanuki-left-ear',
'path#tanuki-left-cheek', 'path#tanuki-left-cheek',
'path#tanuki-left-eye, path#tanuki-left-ear',
'path#tanuki-nose',
'path#tanuki-right-eye, path#tanuki-right-ear',
'path#tanuki-right-cheek',
] ]
firstPiece = pieces[0]
timeout = null timeout = null
clearHighlights = -> clearHighlights = ->
@ -16,18 +16,19 @@ clearHighlights = ->
start = -> start = ->
clearHighlights() clearHighlights()
pieces.reverse() unless pieces[0] == firstPiece
work(0) work(0)
stop = -> stop = ->
window.clearTimeout(timeout) window.clearTimeout(timeout)
clearHighlights() clearHighlights()
work = (pieceIndex) => work = (pieceIndex) ->
# jQuery's addClass won't work on an SVG. Who knew! # jQuery's addClass won't work on an SVG. Who knew!
$piece = $(pieces[pieceIndex]) $piece = $(pieces[pieceIndex])
$piece.attr('class', "#{defaultClass} #{highlightClass}") $piece.attr('class', "#{defaultClass} highlight")
timeout = setTimeout(=> timeout = setTimeout(->
$piece.attr('class', defaultClass) $piece.attr('class', defaultClass)
# If we hit the last piece, reset the index and then reverse the array to # If we hit the last piece, reset the index and then reverse the array to