打印deltaTime 时 刷新帧的时间显示为NaN,不知道什么原因。。。

来源:2-1 绘制背景

莫言丶莫语

2016-02-23 11:48


function game(){
   init();
   lastTime = Date.now();
   deltaTime = 0;
   gameloop();
}
function init(){
   //获取canvas context
   can1 = document.getElementById("canvas1"); //第一层 小鱼
   ctx1 = can1.getContext('2d');
   can2 = document.getElementById("canvas2"); //第二层 背景 & 海葵
   ctx2 = can2.getContext('2d');

   bgPic.src="./src/background.jpg";
   canWidth=can1.width;
   canHeight=can1.height;
}
function gameloop(){
   //游戏循环 相对于setInterval, setTimeout
  window.requestAnimFrame (gameloop); // 当前绘制完成后根据机器性能计算多久执行一帧函数,会有动态的时间间隔
   var now = Date.now;
   deltaTime = now - lastTime;
   lastTime = now;
   console.log(deltaTime);

打印后显示为:
   drawBackground();http://img.mukewang.com/56cbd66a0001a8a600820354.jpg

写回答 关注

1回答

  • StayRealDream
    2016-03-05 11:15:26

    Date.now(). 只写Date.now是个function

HTML5小游戏---爱心鱼(上)

学做HTML5游戏,轻轻松松带你上手,适合刚入手游戏开发的同学

92348 学习 · 551 问题

查看课程

相似问题