最近严重加班,非常严重···
万恶的discuz啊,还有万恶的环境问题,死了算了。
这个应该是这个系列最后一篇啦,之后我会做另一个想法。主要是用来查看文章的一个主页,期间发些自己觉得好玩的东西出来。
这一篇主要介绍一下我做的一个flappy bird。由于是自己js手写的,效率肯定不高,就当拿来玩的罢。浏览器不好回很卡哦。
效果演示在这里:
首先闭一个包,在里面写个向外接口:
.....
然后分步骤去实现这个东西。
第一步,是解决自由落体,这个我们借用一下google在某年牛顿诞辰在主页上放的一个苹果自由落体的源码。去掉水平移动,
.....
把这个过程附在键盘事件上就ok了。像这样:
.....
然后是柱子的移动和增加,移动整个是ul标签的移动,这个移动的时候会随着距离增加柱子,整个过程差不多就是这样。
首先是移动柱子:
.....
当条件满足的时候,就增加柱子,增加柱子就是写进去一些html代码即可:
.....
之后是最后一步,验证碰撞,这个就是获取小鸟的top坐标,加上他本身的体积与柱子比较的过程。
.....
这样其实大体的功能就实现了,之后就是增加个endgame呀,resetgame呀方法,让它可以重复玩,就ok啦。
主要的思路就是拆分拆分再拆分,写出n个方法来在组装成一个,这样既可以复用,思路也会很明确。
可能效率不是很好,毕竟自己只是想实现效果,好吧,本来对小效率这东西,研究的就不多,希望以后能够不断充实。哈哈。
原文来自:做一个略调皮的个人主页--游戏篇
相关推荐
自己做的一个个人主页---MyHome个人家园
59--[忍者游戏2].zip源码scratch2.0 3.0编程项目源文件源码案例素材源代码59--[忍者游戏2].zip源码scratch2.0 3.0编程项目源文件源码案例素材源代码59--[忍者游戏2].zip源码scratch2.0 3.0编程项目源文件源码案例...
用JSP做的个人网站---源码.rar 自己用心做的,嘿嘿
个人认为很不错的一篇游戏开发的文章详细介绍.rar 个人认为很不错的一篇游戏开发的文章详细介绍.rar
42--[击球游戏(第一个作品)].zip源码scratch2.0 3.0编程项目源文件源码案例素材源代码42--[击球游戏(第一个作品)].zip源码scratch2.0 3.0编程项目源文件源码案例素材源代码42--[击球游戏(第一个作品)].zip源码...
大学生个人事迹-三篇-十佳大学生-优秀团员团干个人事迹材料.docx
周边游平台个人-周边游平台个人系统-周边游平台个人系统源码-周边游平台个人管理系统-周边游平台个人管理系统java代码-周边游平台个人系统设计与实现-基于springboot的周边游平台个人系统-基于Web的周边游平台个人...
个人博客-个人博客系统-个人博客系统源码-个人博客管理系统-个人博客管理系统java代码-个人博客系统设计与实现-基于springboot的个人博客系统-基于Web的个人博客系统设计与实现-个人博客网站-个人博客网站代码-个人...
个人云盘-个人云盘系统-个人云盘系统源码-个人云盘管理系统-个人云盘管理系统java代码-个人云盘系统设计与实现-基于springboot的个人云盘系统-基于Web的个人云盘系统设计与实现-个人云盘网站-个人云盘网站代码-个人...
个人信息-个人信息系统-个人信息系统源码-个人信息管理系统-个人信息管理系统java代码-个人信息系统设计与实现-基于springboot的个人信息系统-基于Web的个人信息系统设计与实现-个人信息网站-个人信息网站代码-个人...
18--[激光游戏].zip源码scratch2.0 3.0编程项目源文件源码案例素材源代码18--[激光游戏].zip源码scratch2.0 3.0编程项目源文件源码案例素材源代码18--[激光游戏].zip源码scratch2.0 3.0编程项目源文件源码案例素材源...
个人博客-个人博客系统-个人博客系统源码-个人博客管理系统-个人博客管理系统java代码-个人博客系统设计与实现-基于springboot的个人博客系统-基于Web的个人博客系统设计与实现-个人博客网站-个人博客网站代码-个人...
个人云盘-个人云盘系统-个人云盘系统源码-个人云盘管理系统-个人云盘管理系统java代码-个人云盘系统设计与实现-基于springboot的个人云盘系统-基于Web的个人云盘系统设计与实现-个人云盘网站-个人云盘网站代码-个人...
个人信息-个人信息系统-个人信息系统源码-个人信息管理系统-个人信息管理系统java代码-个人信息系统设计与实现-基于springboot的个人信息系统-基于Web的个人信息系统设计与实现-个人信息网站-个人信息网站代码-个人...