原生JS做别踩白块游戏

原生JS做别踩白块游戏_第1张图片

思路

  1. 创建初始一个按钮并为他添加点击监听
  2. 开始创建随机方块,并样式_box.offsetTop + speed + 'px'结合setInterval使得方块不断下移
  3. 创建和删除方块的原则:box.offsetTop>=0(可视区上部没有方块了)时候需要创建一行方块,并随机指定一个黑色方块。当方块行数大于6行(不能刚刚5行,因为只有方块完全溢出才能删除)时候就删除方块。所以加上完全溢出、预备各一行、可视行4行一共6行。
  4. 结束游戏原则:删除最后一行之前先判断该行有没有样式是黑色方块的样式,如果有结束游戏,或者点击到百色方块也提前结束游戏。

改进代码如下:




    
    
    
    别踩白块
    


    
分数:
难度

参考文章:

http://t.csdnimg.cn/N6zgu

你可能感兴趣的:(JS,游戏,前端)