博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
做一个略调皮的个人主页--游戏篇
阅读量:7110 次
发布时间:2019-06-28

本文共 631 字,大约阅读时间需要 2 分钟。

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

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

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

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

效果演示在这里:

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

.....

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

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

.....

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

.....

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

首先是移动柱子:

.....

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

.....

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

.....

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

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

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

原文来自:

转载地址:http://cilhl.baihongyu.com/

你可能感兴趣的文章
解析URL得到IP地址
查看>>
K8S常用命令
查看>>
opencv python 优化
查看>>
PHP排序算法之插入排序
查看>>
python_bomb----拷贝与赋值
查看>>
react踩坑之旅——字符串拼接 & this不起作用
查看>>
开发一个自己的 CSS 框架(三)
查看>>
SQLServer数据库增删改查
查看>>
spring scurity session管理
查看>>
浏览器兼容(CSS部分)
查看>>
安装cuda及jcuda中遇到的问题
查看>>
使用 docker-compose 搭建一个 elk 系统
查看>>
React 学习之路 (三) 组件&props
查看>>
[前端工坊] 微信小游戏|萌狗冠军之路,纯干货分享!
查看>>
阿里巴巴java开发手册学习记录,php版
查看>>
Redux
查看>>
774. Jewels and Stones
查看>>
在react-native中添加高可维护的iconfont字体
查看>>
java中反射机制的基本语法及练习
查看>>
mac 安装 lightgbm 无法导入(以及解决cmake命令无法编译)
查看>>