飞翔的小鸟

一、项目设计(1.0版)   

制作一个飞翔的小鸟游戏,玩家控制一只胖乎乎的小鸟,跨越由各种不同长度水管所组成的障碍,每跨过一个障碍得分,如果 碰到水管或掉落地面,则游戏失败。

二、设计与制作(1.0版) 下载飞翔的小鸟素材

1、实现功能:

(1)第一个屏幕screen1作为启动屏幕,实现点击屏幕开始进入游戏。

游戏主要在第二屏幕FlappyBird实现。

(2)小鸟扇动翅膀,以一定的加速度做自由落体运动。用户点击屏幕后,小鸟将获得一个向上的恒定速度。小鸟在上升下坠过程中,需要模拟抬头和低头动作。

(3)屏幕上随机出现上下水管组合,并以恒定速度向左移动,模拟小鸟向前飞行效果;

上下水管的Y坐标和间距随机每次随机变化。小鸟跨过水管则得1分(即是水管移动到左边得1分)。

(4)如果小鸟触碰到水管或掉落触碰到地面,则游戏结束,显示得分。

2、组件界面设计

(1)screen1屏幕

本屏幕为启动画面,点击击之后打开FlappyBird屏幕。

 

(2)增加FlappyBird屏幕

添加组件:画布1、图像精灵6个、计时器1、对话框1

部分组件属性(参考设置):

其中屏幕FlappyBird标题用“飞翔的小鸟v1.0”+“姓名” ;4个水管分别设置图片、取消可见性。

            

3、逻辑设计(编程)

(1)创建变量:

变量【图片序号】为小鸟几张图片的变化次序;  变量【小鸟Y1】为小鸟Y坐标的变化量;

变量【小鸟角度】为小鸟上升抬头角度值;变量【水管1X】【水管2X】分别为2组水管的X坐标值;

变量【水管1激活】【水管2激活】 分别为2组水管 是否要出现在画面移动的判断值。

(2)创建“开始游戏”过程,进行游戏参数初始化,小鸟的X,Y坐标、方向,地面的Y坐标。

(3)创建“小鸟扇动翅膀”过程,主要实现小鸟精灵的动画效果(扇动翅膀),结合计时器实现循环执行。(可选)

(4)使用计时器调用“小鸟扇动翅膀”过程,实现动画效果。调用“小鸟移动”过程在第(5)步完成后添加。

(5)创建“小鸟移动”过程,结合计时器,每隔一段时间,小鸟改变Y坐标实现移动,并调整方向(低头)。

(6)画布被触碰 代码。点击画布,使小鸟抬头上升,并发出翅膀扇动声音。

↑ 以上功能,通过计时器调用“小鸟移动”过程实现,小鸟以一定的加速度做自由落体运动,每点击一次画布则小鸟做抬头上升,不点击则开始缓慢低头下坠。

----先连接AI伴侣进行测试,能否实现这部分功能。

↓ 接下来要实现2组水管交替移动,模拟前进的动态效果。

(7)创建“水管1移动”过程,“水管2移动”过程。这两部分类似,可先做好一个,再复制修改。

修改“开始游戏”的过程,添加设置【水管1X、水管2X】的初始值为画布宽度。(水管x坐标为画布的最右边)

(8)修改计时器的执行代码,实现每隔100毫秒,调用“水管1移动”过程、“水管2移动”过程,实现2组水管向左交替移动, 模拟小鸟向右运动的视觉效果。

===先连接AI伴侣进行测试,能否实现2组水管交替移动,模拟前进的动态效果。

(9)创建“随机水管Y坐标”过程。带2个参数“上水管”、“下水管”。

这部分程序设计思路的图例说明(下图):

(10)修改“水管1移动”过程,“水管2移动”过程

带参数调用第(9)步的随机水管Y坐标”过程,分别添加到“水管1移动”过程,“水管2移动”过程。

 

提示:如果一开始水管1组没有随机生成上下间距,尝试修改“开始游戏”过程,调用“随机水管Y坐标”过程

思考1:此处可能出现bug,水管激活出现时会有位置高度闪动变化的情况,有何解决办法?如何实现?

(11)当小鸟被碰撞 时的代码。即是小鸟碰到水管或地面(精灵),则游戏结束,停止计时器,播放失败声音并显示得分。

(12)对话框 选择判断。根据游戏结束 提示对话框的选择,执行相应代码。

-------到此, 飞翔小鸟1.0简化版 基本完成,请用AI伴侣进行连接测试。

原文地址:https://www.cnblogs.com/eduit/p/12111220.html

时间: 2024-10-06 13:30:11

飞翔的小鸟的相关文章

小代码   飞翔的小鸟

/**********************         [飞翔的小鸟]      已由DOS环境测试 命令 为    javac Main.java                java   Main *************************/ import java.awt.*;  import java.util.*; import java.awt.event.*; import java.util.List;  import javax.swing.JPanel; 

【题解】 P1941 飞翔的小鸟

数据范围$n\leqslant 10,000, m \leqslant 1,000$,写$O(nm)$的背包完全是可以通过本题的.对于上升是一个完全背包,对于下降是一个01背包,则有 $$f[i][j] = min(f[i-1][j-x[i-1]]+1, f[i][j-x[i-1]]+1, f[i-1][j+y[i-1]])$$ 如何实现别的题解说明的很清楚我也不再赘述 同学都知道一般背包是有压维写法的,数组大小开到$10,000*1,000$怎么说都有点勉强~~并不勉强只是想优化~~,来考虑一

HTML5游戏源码 飞翔的字母 可自定义内容

相信大家都玩过飞翔的小鸟吧,当然,可能已经有很多人因为这个游戏砸了不少手机.吼吼. 废话不多说,回到主题,源码如下,需要打包源码的朋友们请留言邮箱地址.当然还有,不要忘了点赞哦~谢谢大家的支持. 直接上源码:一共是三个文件:页面.js.css. HTML(index.html)页面源码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title&g

Flappy bird-飞翔的小鸟穿越世界

飞翔的小鸟下载地址:https://itunes.apple.com/app/id851673071?mt=8 这是一款最简单的游戏,这是一款最难的游戏. 您最多能得到多少分?360,1024,2048还是12306分? 这款休闲小游戏操作简单容易上手,玩家只需要点击屏幕就可以控制小鸟穿越障碍,来挑战一下你的极限吧! 当你获得高分时,记得通过微信朋友圈.微信好友.新浪微博.FaceBook.Twitter.短信.电子邮件分享给好友,看看他们能否超越你..

会飞的汽车真能改变世界吗?

日前,会飞的汽车正成为交通界的大热话题,据国外媒体报道,美国一家名叫"脱离地球"的公司已经推出一款比较靠谱的飞行汽车,这款汽车的外观主体和一般汽车相似,只是车门的部分多了两个可折叠的翅膀.正常情况下,翅膀可以折叠:想要飞行的时候,翅膀就会张开,相信一般读者都没有见过实体车辆,但估计大家都能想象出这款汽车的变身情景,毕竟,这个过程在变形金刚里已经演练了无数次.除此之外,汽车巨头丰田也早早涉猎该领域,并推出相似的概念汽车:在天津某汽车博览会上,中国汽车厂商也曾展出过"会飞的汽车&

[题解+总结]动态规划大合集II

1.前言 大合集总共14道题,出自江哥之手(这就没什么好戏了),做得让人花枝乱颤.虽说大部分是NOIP难度,也有简单的几道题目,但是还是做的很辛苦,有几道题几乎没思路,下面一道道边看边分析一下. 2.lis 最长上升子序列 唯一一道裸题,但是O(n^2)过不了,临时看了看O(n log n)的二分做法和线段树做法.先来讲讲简单的二分做法,其本质就是在O(n^2)上进行优化,需要证明一个结论.设当前处理数列第k位,存在: (1)a[i]<a[j]<a[k]: (2)i<j<k: (3

微信小程序-整理各种小程序源码和资料免费下载

微信小程序整理下载 [小程序源码]微信小程序-车源宝微信版 [小程序源码]小程序-微赞社区(论坛demo) [小程序源码]微信小程序-收支账单 [小程序工具]微信小程序-日历 [小程序源码]小程序-在线聊天功能 [小程序源码]微信小程序-大好商城(新增功能天气查询和2048游戏) [小程序源码]微信小程序-查询号码归属地 [小程序源码]微信小程序-备忘录2 [小程序源码]微信小程序-QQ音乐 [小程序源码]小程序-货币汇率 [小程序源码]微信小程序-大学图书馆 [小程序源码]小程序-积分商城 [

HTML最新标准HTML5小结

HTML5出来已经很久了,然而由于本人不是搞前端的,只知道有这个东西,具体概念有点模糊(其实就是一系列标准规范啦):因此去年(2015.11.09),专门对HTML5做了个简单的小结,今天正好看到,整理一下放到我的博客,以免丢失.有错误请指正,我是前端菜鸟. 另外,转载请注明链接http://www.cnblogs.com/chenpi/p/5578011.html,虽然内容比较简单,但也是花了不少时间整理的. 先来个目录,如下: 什么是HTML5 HTML5发展历史 HTML5详细介绍 视频/

feekood 插件的安装教程

最近发布了<飞翔的小鸟>有网友告诉我怎么安装插件啊!于是我抽空做了一下怎样安装feekood插件. 打开网页 http://www.wooyoogame.com/ 我是用的google浏览器哦!!!! 然后任意点击一个游戏 ,例如<飞翔的小鸟> 进入了这样的页面 4.此时注意我们要点击"点击下载"按钮 不要选择上面的安装插件!!如果安装了刷新页面再来一次重复第4步 5.下载完成后点击安装插件会弹出这样的提示,接下来就是傻瓜式的安装了. 6.安装结束了 7.点击退