`

做一个略调皮的个人主页--游戏篇

阅读更多

最近严重加班,非常严重··· 

万恶的discuz啊,还有万恶的环境问题,死了算了。

这个应该是这个系列最后一篇啦,之后我会做另一个想法。主要是用来查看文章的一个主页,期间发些自己觉得好玩的东西出来。

这一篇主要介绍一下我做的一个flappy bird。由于是自己js手写的,效率肯定不高,就当拿来玩的罢。浏览器不好回很卡哦。

效果演示在这里:

flappy bird

首先闭一个包,在里面写个向外接口:

.....

然后分步骤去实现这个东西。

第一步,是解决自由落体,这个我们借用一下google在某年牛顿诞辰在主页上放的一个苹果自由落体的源码。去掉水平移动,

.....

把这个过程附在键盘事件上就ok了。像这样:

.....

然后是柱子的移动和增加,移动整个是ul标签的移动,这个移动的时候会随着距离增加柱子,整个过程差不多就是这样。

首先是移动柱子:

.....

 当条件满足的时候,就增加柱子,增加柱子就是写进去一些html代码即可:

.....

 之后是最后一步,验证碰撞,这个就是获取小鸟的top坐标,加上他本身的体积与柱子比较的过程。

.....

 这样其实大体的功能就实现了,之后就是增加个endgame呀,resetgame呀方法,让它可以重复玩,就ok啦。

主要的思路就是拆分拆分再拆分,写出n个方法来在组装成一个,这样既可以复用,思路也会很明确。

可能效率不是很好,毕竟自己只是想实现效果,好吧,本来对小效率这东西,研究的就不多,希望以后能够不断充实。哈哈。

原文来自:做一个略调皮的个人主页--游戏篇

分享到:
评论

相关推荐

    新人教统编版四年级上册语文 习作:记一次游戏 优秀教案.docx

    这篇文档是关于四年级语文习作课的教学设计,主题是“记一次游戏”。这节课旨在通过游戏活动激发学生的习作兴趣,并教授他们如何有条理地记录游戏过程,表达个人感受。 1. **教学目标**: - 培养学生对游戏的切身...

    新人教统编版四年级上册语文 习作:记一次游戏 教案教学设计.docx

    第一个是激发学生的习作兴趣,使学生能够从自己的经历出发,主动探索和表达个人的快乐体验。第二个是培养学生创造性叙事的能力,鼓励他们从个人角度出发,对游戏中的有趣情节进行创新性叙述,以展现其独特的思考和...

    写冬天的作文15篇.docx

    综上所述,这些文章不仅展示了作者对冬季美景的独特感悟,也通过生动的语言和丰富的细节,带领读者走进了一个充满乐趣与温馨的冬季世界。无论是雪景的描绘,还是冬季活动的描写,都能够激发读者对冬季的美好回忆和...

    四年级英语上重点单词复习1-3单元精选.doc

    这篇文档是针对四年级学生的一份英语复习资料,包含了三个单元的重点单词,旨在帮助学生巩固和记忆基础词汇。以下是对每个单元重点单词的详细解释: **Unit 1** 1. **窗户 (window)** - 用于分隔室内和室外,通常...

    【情人节】创意的2.14情人节空间留言【4篇】.doc

    此外,“收到信息你就是喜欢我了,删除你就是暗恋我了”则巧妙地运用了短信互动的现代元素,以一种幽默又略带调皮的方式,表达了对爱情状态的确认,这种轻松诙谐的表达方式往往能让人会心一笑,进而加深彼此间的情感...

    韩寒的App《ONE·一个》是怎么做起来的?.docx

    这款App其实是一个每日更新的文艺作品平台,内容和设计都相当精简,第一期《ONE·一个》刊载的作品是韩寒的一篇文章,名为《碎片》,类似于卷首语,里面解释了《ONE·一个》何以做得这么简单。 韩寒在上海买的第一...

    网管教程 从入门到精通软件篇.txt

    INT:中间代码,当一个源程序经过语法检查后编译产生一个可执行代码 IOF:Findit文档 IQY:Microsoft Internet查询文件 ISO:根据ISD 9660有关CD-ROM文件系统标准列出CD-ROM上的文件 ISP:X-Internet签字文件 ...

    鲁迅《风筝》读后感-5页.pdf

    这篇短文不仅讲述了童年时期的一个片段,更像是一面镜子,映射出作者复杂的内心世界,以及他对社会、教育、家庭关系的深刻反思。 文章开篇就将读者带入了一段温馨而又略带苦涩的记忆。鲁迅回忆起自己童年时,出于对...

    2020应届生画像白皮书精品报告2020.pdf

    #### 一、生源篇 **总体生源特点** - **责任感强:** 应届生普遍展现出较强的责任感,愿意承担团队中的责任。 - **团队合作意识:** 倾向于与团队成员合作完成任务。 - **自我需求关注:** 对个人需求的关注度较高...

    深深的母爱作文15篇.docx

    母爱的影响是无形的,它可以是一句不经意的鼓励,一次深情的拥抱,或是一个略带责备的眼神。这些看似微不足道的行为,却能深深地触动孩子的心灵。 在自我约束方面,许多故事也揭示了母亲对孩子未来深谋远虑的爱。...

    套圈还是圈套作文.doc

    这篇描述的是一个小作者在庙会上经历的一次套圈游戏,这个游戏看似简单,实则暗藏玄机。标签“范文”表明这是一个写作示例,可能用于教学或学习写作技巧。 在描述中,作者描述了庙会上的套圈游戏,这种游戏通常在...

    最新人教部编版七年级下册语文《时间的脚印》精品教案-.pdf

    它讲述了一个科学原理:岩石层中的变化能够反映地球经历的千万年变迁。这篇文章不仅仅是要让学生了解岩石学的知识,更重要的是,通过这些知识,学生能够学会如何用理性的思维去观察自然、思考问题。 教案的设计者...

    三年级语文上册 第八单元 习作例文 新人教版 素材.docx

    这篇文档主要包含了两篇小学三年级学生的习作,主题都是关于游玩经历的,分别描述了在锦江乐园的秋游体验和一个有趣的团队游戏——“两人三足”。这些习作对于小学生来说,是很好的写作素材,可以帮助他们学习如何...

    《质量效应3》工程师的另类玩法 技能流引爆.docx

    这种模式对于追求个人操作感和战斗刺激的玩家来说可能略显单调。 ### 技能流引爆玩法解析 #### 核心技能分析 1. **燃尽**:此技能可以作为引爆源之一,触发后续的各种爆炸效果。它的特点是可引发火爆、冰爆和闪爆...

    win10和win7哪个快?.docx

    在操作系统的选择上,Windows 10 和 Windows 7 常常引发用户的纠结。...然而,如果你主要关注游戏体验且当前系统稳定,Windows 7 仍然可以是一个可靠的选择。最终的决定应根据个人需求和使用习惯来定。

    (2016年秋季版)七年级历史下册 第10课 宋元时期的都市生活与文化练习 中华书局版.doc

    这篇文档是针对七年级历史课程的一个练习,主题聚焦在宋元时期的都市生活和文化。这一时期,中国的社会经济有了显著发展,城市文化也达到了一个新的高度。 1. **瓦子的盛行**:瓦子是宋代城市中的一种娱乐场所,...

    新自我介绍4篇精选.doc

    通过以上知识点,可以看出新人在自我介绍时关注的重点在于展示他们的谦逊、学习意愿、适应能力和团队精神,这些都是IT行业中一个优秀员工应具备的素质。同时,他们也表达了对新工作挑战的期待和决心,以期在新环境中...

    python实现数独游戏 java简单实现数独游戏

    本篇文章将探讨如何使用Python和Java这两种编程语言实现数独游戏的生成与打印功能。 首先,我们来看Python实现。在Python版本中,`make_board`函数用于生成数独盘面。它首先创建一个包含1到9的数字列表,然后通过`...

    谁还在玩开心网?开心网用户大“起底”.docx

    然而,这样一个平台上的用户群体,他们是谁,为何仍旧坚守在此,依旧是一个值得探究的话题。《谁还在玩开心网?开心网用户大“起底”》一文为我们揭开了这些用户的神秘面纱,让我们得以一窥这一群体的独特特征和行为...

    《五猖会》鲁迅作品读书笔记范例.docx

    鲁迅的笔触揭示了那个时代家庭教育的局限,也警示现代教育者,要关注孩子的心理需求,创造一个鼓励探索和自我表达的环境。通过鲁迅的回忆,我们可以认识到,教育的目标不只是传授知识,更是培养完整的人格,让每个人...

Global site tag (gtag.js) - Google Analytics