javascript 写的一个打地鼠的小游戏,可打包后在node-webkit上运行

刚学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)  可选择重来或退出。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是贪吃蛇和打地鼠游戏的软件设计文档: ## 贪吃蛇游戏 ### 项目概述 贪吃蛇游戏是一款经典的休闲游戏,玩家需要控制一条蛇在屏幕上移动,吃掉食物并避免撞到墙壁或自己的身体。本项目使用JS和HTML/CSS开发了一个简单的贪吃蛇游戏。 ### 功能设计 #### 1. 初始化游戏 - 在屏幕上随机生成食物和初始蛇。 - 初始化游戏得分和最高分数。 #### 2. 蛇的移动 - 蛇可以通过键盘控制移动,并能自动移动。 - 当蛇吃到食物时,长度加1,并在随机位置生成新的食物。 #### 3. 碰撞检测 - 当蛇撞到墙壁或自己的身体时,游戏结束。 #### 4. 记录得分 - 记录玩家得分和最高分数。 - 在游戏结束时更新最高分数。 #### 5. 重新开始游戏 - 提供重新开始游戏的功能。 ### 技术实现 本项目使用了以下技术: 1. HTML/CSS:用于创建游戏界面。 2. JavaScript:用于实现游戏逻辑和交互。 3. DOM操作:用于操作游戏元素。 ### 开发挑战 在开发过程中,可能会遇到以下挑战: 1. 如何实现蛇的移动和碰撞检测。 2. 如何实现食物的随机生成和蛇的长度增加。 3. 如何处理游戏结束和重新开始游戏的逻辑。 ## 打地鼠游戏 ### 项目概述 打地鼠游戏是一款经典的休闲游戏,玩家需要在规定时间内尽可能多地打中出现在屏幕上的地鼠来获得高分。本项目使用JS和HTML/CSS开发了一个简单的打地鼠游戏。 ### 功能设计 #### 1. 初始化游戏 - 在屏幕上随机生成地鼠。 - 初始化游戏得分和最高分数。 #### 2. 地鼠的出现和消失 - 在屏幕上随机出现地鼠。 - 点击地鼠可以获得分数。 - 地鼠出现的时间随机,消失时间短,增加游戏难度。 #### 3. 计分和计时 - 游戏时间倒计时,时间到后游戏结束。 - 记录玩家得分和最高分数。 #### 4. 重新开始游戏 - 提供重新开始游戏的功能。 ### 技术实现 本项目使用了以下技术: 1. HTML/CSS:用于创建游戏界面。 2. JavaScript:用于实现游戏逻辑和交互。 3. DOM操作:用于操作游戏元素。 ### 开发挑战 在开发过程中,可能会遇到以下挑战: 1. 如何实现地鼠的随机生成和点击事件的处理。 2. 如何实现计时和计分功能。 3. 如何优化游戏性能,避免卡顿和延迟。 ## 总结 贪吃蛇和打地鼠游戏是两个非常有趣的项目,它们可以让你学习到很多JS和DOM方面的知识,同时也是一项很好的编程练习。如果你喜欢游戏开发或者想要提高JS编程能力,这两个项目都非常适合你。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值