el = document.querySelector '#js-el' tm = new mojs.Timeline duration: 3000 repeat: 10 onUpdate:(p)-> r = Math.floor 255*p el.style.background = "rgb(#{r},#{r},#{r})"
tw = new mojs.Tween tw.add tm
tw.start()
tr = new mojs.Transit( type: 'circle' radius: 0: 100 x: 300, y: 300 duration: 3000 isRunLess: true fill: 'red' onStart: -> console.log 'start' ).then( radius: 100: 200 fill: 'green': 'green' ).then( radius: 200: 300 fill: 'blue': 'blue' )
tr.run() setInterval -> tr.run() , 12000
istanbul ignore next
istanbul ignore next
istanbul ignore next
sp = new mojs.Spriter el: document.querySelector '#js-sprite' duration: 500 delay: 1000 easing: 'cubic.out'