JavaScript 用 JS 写一个 FlappyBird

levi0214 · 2014年02月18日 · 最后由 assassinpig 回复于 2014年03月27日 · 5415 次阅读

FlappyBird 最近已经快被玩坏了。 我用 JavaScript 也写了一个,今天下午放在公司内网上给大家玩。 希望领导不会上 RubyChina。。。

Demo: http://ranhou.cc Github:http://github.com/levi0214/myflappy

上周刚开始接触 javascript,发现很好玩就想写个东西练手,譬如 flappy bird。写之前上 github 搜了一下,发现居然有不少人已经写了,于是就参考它们也写了一个。 完成得比较粗糙,背景和障碍都没有用素材,也没有用游戏引擎,基本上主要就用了 JQuery。 基本原理非常简单,就两部分: 1、是障碍物,不断生成新的障碍物,并往左移动; 2、是小鸟,小鸟是左右不动的,只上下动。按空格触发事件,它就跳一下。 然后,每一帧检测一下是否撞上。就是这样,哈哈~

Todo: 1、加上声音 2、实现多人同时对战

PS: 在探索 flappy bird 的过程中,我发现了许多奇葩的版本: 1、杜蕾斯“精子快跑”。。小蝌蚪躲套套。。。(用移动端 web 打开 @cassiuschen 推荐):http://m.durex.com.cn/qr/spermrun/ 2、夹个鸟:http://squishybird.com 3、第一人称小鸟 flappyYOU:http://www.kongregate.com/games/Tukkun/flappy-you 4、复仇的小鸟:http://wanga.me/36985 5、国内做得非常棒的联机版小鸟( 这个好玩! ): http://wanga.me/37193 6、国外的原版联机小鸟 flappyMMO:http://flapmmo.com/ 7、FlappyShit(我找到它纯粹是因为我一开始想写一个):http://bbs.weiphone.com/read-htm-tid-7673758.html 8、FlappyTube 跳管子躲鸟。。(@cassiuschen 推荐):http://flynngao.github.io/FlappyTube/

你搜搜看杜蕾斯也做了一个……蝌蚪跳啊跳,躲过各种…

啊还有这个……管子跳跃躲鸟…http://flynngao.github.io/FlappyTube/

#1 楼 @cassiuschen 哈哈哈,这个有意思,我这就加上去。它得放在第一个。。

小鸟移动的实现原来是这样的,有点意思。

以上 8 个 Birds 又浪费我半小时生命 T_T

这东西开创了一个全新的游戏模式啊!

补充楼主的小鸟列表:http://go.weizoo.com/flappy/ 用 cocos 做的 Flappy Bird

小蝌蚪躲套套 这个简直绝赞!

#1 楼 @cassiuschen 小朋友,你知道得太多了……

这种游戏现在有了新的归类,叫做:虐心类游戏

#8 楼 @chairy11 人家………人家已经年满 18 了........

#9 楼 @lgn21st 和十多年前流行的 Flash 小游戏没有什么区别嘛

只不过那个时候你做了个很好的游戏,别人都不认为你是在做正经事 现在你做了个很烂的游戏,别人都认为你很厉害

#11 楼 @bhuztez 哈哈哈哈,原来是大家的态度变了……

#11 楼 @bhuztez 区别就在于"social"这点上,有些游戏就是让你很想去传播它,你既想告诉别人一个有趣变态的游戏,又想炫耀自己分数。造成了它病毒式传播的基础,和技术厉不厉害没有多少关系。

#13 楼 @levi0214 那个时候也有啊,是男人就上 100 层 ...

各种夹鸟……又浪费时间了~

难道这就叫没得玩的时候玩的游戏???

需要 登录 后方可回复, 如果你还没有账号请 注册新账号