requestanimationframe based watch.
- Triangulate by @backoefer
- 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
- Flashy hair by @meodai
npm install ticktack.js --save
or
bower install ticktack.js
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
});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
}