码迷,mamicode.com
首页 > 其他好文 > 详细

Canvas开发笔记(不断更新)

时间:2016-04-18 13:30:42      阅读:126      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!