Canvas小游戏里,删除过期或者死亡元素技巧

时间:2023-03-08 16:34:46
Canvas小游戏里,删除过期或者死亡元素技巧

在许多canvas游戏,canvas效果中,经常会有过期的元素需要删除

例如现在需要制作一个笨鸟先飞(flappy bird)小游戏,游戏中障碍物(且称为柱子),此时会有一个全局变量保存所有柱子的实例,在逐帧播放的时候循环绘制。

当柱子移动到canvas的左边且消失的时候,这个柱子实例就可以删除了。

var cnt = 0
for( var i = 0 ; i < zz.length ; i ++ ){
(zz[i].live) ? zz[cnt++] = zz[i] : 0;
} while( zz.length > cnt ){
zz.pop();
}

zz.live表示该柱子是否需要存在

慢慢体会这个方法,真的很经典

自己做的笨鸟先飞:

笨鸟先飞