ticktack.js v0.5.2

ticktack.js

requestanimationframe based watch.

Demos

• Unstable clock with Three.js by @slatom
• 3D Progress with Three.js by @idflood
• husl color gradient by @meodai
• hipster demo by @daviddarx & @meodai
• Randomized Lines by @daviddarx
• flat abstract 3d planets by @meodai
• swiss train station aka ios by @cssanimation
• hyphae by @inconvergent
• coogytack by @aeyko
• Flipping Diamond by @daviddarx
• abstract clock by @castrolol

Installation

  bower install ticktack.js

Usage

  ticktack.on('second', function(digits){
    console.log(digits.getSecond().progress);
    // digits and 'this' contain all the getter functions
  });

  ticktack.on('tick', function(digits){
    // will be called on requestAnimationFrame
  });

ticktack.on(event, handler)

event Type: String event type: hour, minute, second, millisecond or tick

handler Type: Function( PlainObject digits )

• digits object containng getter functions for every digit.

  {
    'getDay': function(){ ... }, // {value: 0, progress: 0}
    'getHour': function(){ ... }, // {value: 0, progress: 0}
    'getMinute': function(){ ... }, // {value: 0, progress: 0}
    'getSecond': function(){ ... }, // {value: 0, progress: 0}
    'getMillisecond': function(){ ... }, // {value: 0, progress: 0}
    'getDate': function(){ ... }  // js Date
  }

Contributors

• David Aerne
• David Darx
• David Mignot
• Pierre Spring