当前位置:嗨网首页>书籍在线阅读

09-创建动画帧计数器

  
选择背景色: 黄橙 洋红 淡粉 水蓝 草绿 白色 选择字体: 宋体 黑体 微软雅黑 楷体 选择字体大小: 恢复默认

4.3.1 创建动画帧计数器

通过快速交替翻动拼图上前两个拼板(或者帧)来模拟飞船的喷气点火。为此需要设置一个计数器变量,用来跟踪要绘制在画布上的拼板。第一帧设为0,第二帧设为1。

这里需要使用一个简单的整数值来计算哪一帧正显示在拼板上。

var counter = 0;

在drawScreen()函数中,逐帧为此值加1。因为只有两个帧,这就需要在值大于1的时候将它设回到0。

counter++;
if (counter >1){
  counter = 0;
}

或者使用简化的方式。这是一种位操作的运算,能简化代码。不过,由于篇幅的关系,在此就不对位操作进行全方位的讲解了。

counter ^= 1;