首页 > 其他 > 详细

Canvas开发笔记(不断更新)

时间:2016-04-18 13:30:30      阅读:179      评论:0      收藏:0      [点我收藏+]

1.可以使用requestAnimationFrame函数代替setInterval。需要处理浏览器兼容问题:

var w = window;
requestAnimationFrame = w.requestAnimationFrame || w.webkitRequestAnimationFrame || w.msRequestAnimationFrame || w.mozRequestAnimationFrame;

 

2.一个游戏主函数:

/ 游戏主函数
var main = function () {
    var now = Date.now();
    var delta = now - then;

    update(delta / 1000);
    render();

    then = now;

    // 立即调用主函数
    requestAnimationFrame(main);
};

上面的主函数控制了整个游戏的流程。先是拿到当前的时间用来计算时间差(距离上次主函数被调用时过了多少毫秒)。得到modifier后除以1000(也就是1秒中的毫秒数)再传入update函数。最后调用render 函数并且将本次的时间保存下来。  

  

Canvas开发笔记(不断更新)

原文:http://www.cnblogs.com/xujanus/p/5404006.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!