06 2011 档案

动画组件(wagang版)之基础篇:跳帧与延时
摘要:在前一篇随笔里提到动画抽象的可以理解成:“在dur时间内,每隔frameTime时间,播放一次animFun(per)”。例如,要求总时间是3000ms,每隔100ms播放一次animFun(per)。我们会理论算出它应该播放0,1,2,3,...,30一共31帧的动画。但是,事实上,由于浏览器的时间精度,或是其它的cup占用延时,或alert阻塞,或是动画本身的耗时,等等,我们没办法做到既能保证总长,又能保证间隔,又能保证帧数。这时我们就要有所取舍。本动画提供两种选择:要么“保时丢帧”,要么“保帧延时”。“保时丢帧”,默认选择这种策略,它的好处是:能够保证到时间后,动画即刻播完。例如,在第1 阅读全文

posted @ 2011-06-06 18:46 JKisJK 阅读(2443) 评论(1) 推荐(0) 编辑

动画组件(wagang版)之基础篇:时长、进度、帧
摘要:页面动画是一种很常见的效果,很多同学因它而对js产生兴趣,甚至jquery把它放在核心库里。QWrap的核心库,并没有提供动画组件。wagang版动画组件是依赖QWrap开发出的一个动画组件。它的前身是youa网站使用的animation组件,原作者是Jerry Qu,改装成wagang组件时作了一些修改。文档与示例参见:http://dev.qwrap.com/resource/js/wagang/anim/_examples/index.htmlanim.js是一个复合js,它由四个js组成: document.write('<script type="text/j 阅读全文

posted @ 2011-06-06 17:58 JKisJK 阅读(1860) 评论(0) 推荐(0) 编辑

导航