刚学javascript,尝试这写了个打地鼠小游戏,可打包后在node-webkit上运行。
github:https://github.com/wzq224/hitrat
a) 设置800*600的div,并且加入图片作为草地;
设置80*80的div,并且加入图片作为地鼠,默认隐藏;
b) 设置setInterval定时器,用于定时出现地鼠;
c) 定时器执行的时候,随机产生随机数,用于随机产生地鼠的位置;
d) 地鼠产生的时候默认将生命减1,如果击打合适,就加1;如果不击打或者击打偏差大就不加1;
e) 击打时获取鼠标事件,获取点击的坐标,和地鼠随机产生的坐标对比,计算绝对距离,距离越小评分越高,并且会把此次击打的分数显示出来,并且隐藏地鼠;
f) 当三次生命都没有后,弹出游戏结束的div,并且会根据分数的多少来给出不同的评价;
g) 可选择重来或退出。