写一写曾经风靡一时的《别踩白块儿》街机版

写一写曾经风靡一时的《别踩白块儿》街机版_第1张图片
image.png

写一个4X4的白块儿
步骤:一、创建一个大的div或者form表单包裹16个img
二、每一行随机出现一个黑色方块
三、绑定键盘事件,按下的键位与黑色方块所在的位置相一致的话,就消除这一列的黑色方块,然后上一列的方块往下走

①:找两张宽度150的白色(0.png)&黑色(1.png)的图片
②:用一个div包裹16张图片;宽度给620px就行了


img src = 图片路径
img src = 图片路径
img src = 图片路径
img src = 图片路径
img src = 图片路径
img src = 图片路径
img src = 图片路径
img src = 图片路径
img src = 图片路径
img src = 图片路径
img src = 图片路径
img src = 图片路径
img src = 图片路径
img src = 图片路径
img src = 图片路径
img src = 图片路径

嗯,这样就基本完成了,这里少了一些判断条件,例如(按错了就游戏结束)。
这个我能玩一个下午,哈哈哈哈。

你可能感兴趣的:(写一写曾经风靡一时的《别踩白块儿》街机版)