发帖
扫码访问
 注册
 登录
首页 ›存档› 技术 › 查看内容

用JavaScript实现Fly Bird小游戏，你会了吗？

2018-3-30 13:00 |来自: 互联网 271 0

摘要: 1.分析页面结构，理清需求和功能 游戏有三个界面，分别是开始界面，游戏界面和游戏结束界面。 1.1 开始界面 start.gif 游戏的大背景 上下移动的游戏标题和翅膀摆动的小鸟 start 按钮，点击进入游戏界面 一直移动 ...


1.分析页面结构，理清需求和功能

游戏有三个界面，分别是开始界面，游戏界面和游戏结束界面。

1.1 开始界面


start.gif

  • 游戏的大背景

  • 上下移动的游戏标题和翅膀摆动的小鸟

  • start 按钮，点击进入游戏界面

  • 一直移动的地面

    1.2 游戏界面


play.gif

  • 显示越过障碍数量的计分器

  • 移动的障碍物，分别是上管道和下管道

  • 点击游戏界面，小鸟向上飞起，然后在重力作用下下坠，

  • 当小鸟和管道碰撞后，结束界面弹出，同时小鸟落到地面

    1.3 结束界面

  • Game over 提示面板

  • OK 按钮

2. 开发“开始界面”

考虑到草地的移动效果，我们在页面中加入两个草地

2.1 HTML

声明：文章版权归原作者所有 部分文章转自互联网 如有侵权请联系 [邮箱地址] 删除

路过
雷人
握手
鲜花
鸡蛋
收藏 分享 邀请
上一篇：9 个用于移动APP开发的** JavaScript 框架下一篇：【招聘】大亚湾2017年第2周招聘信息播报

相关分类

返回顶部