js写了一个FlappyBird练手，欢迎来砸电脑

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3944 天前的主题，其中的信息可能已经有所发展或是发生改变。

http://ruosen.io/bird/
有BUG要反馈哦

第 1 条附言 · 2014-02-09 13:02:42 +08:00

代码放在github了 https://github.com/chairuosen/FlappyBird-By-JS

第 2 条附言 · 2014-02-09 20:15:42 +08:00

加了个新功能，顺便地址移动到 http://bird.ruosen.io了
可以显示在线玩家的最好成绩列表，第一次玩socketio，有BUG的话请多包涵。。。

第 3 条附言 · 2014-02-09 21:34:39 +08:00

现在有一个问题就是“怎样确定在客户端跑出来的分数是真实有效的？”
想不出有什么方法能防止作弊。随便JS改下就能改成绩了

练手

FlappyBird

61 条回复 • 1970-01-01 08:00:00 +08:00

crs0910

2014-02-09 00:04:07 +08:00 via Android

哈哈又是这个都砸手机了现在又要让人砸电脑么

xavierskip

2014-02-09 00:07:09 +08:00

觉得这个鸟没有 jetpack joyride 好玩。

还有空格键的上升范围可以调小一点。

chairuosen

2014-02-09 00:09:00 +08:00

@xavierskip 这玩意变态就在于跳跃大。。。

FrancisYim

2014-02-09 01:24:11 +08:00

两柱之间距离太短了。不好玩 :(

Tink

2014-02-09 01:28:23 +08:00

难度太大。。。

pagecho

2014-02-09 01:47:20 +08:00

最好成绩4.。。

SoloCompany

2014-02-09 04:16:20 +08:00 via iPad

lz好歹加个onclick啊，你让我等pad用家怎么玩

Link

2014-02-09 05:09:21 +08:00

玩了一会儿,听空格声音挺带感的.最高19w

talentliuyang

2014-02-09 05:14:03 +08:00

firefox 怎么看不到管道啊

cdfmr

2014-02-09 09:02:15 +08:00

@talentliuyang +1

slixurd

2014-02-09 09:31:35 +08:00

看看源代码就知道了
因为background: -webkit-linear-gradient(left,#42D76F,#14A440);

lwrless

2014-02-09 09:32:29 +08:00

完全玩不过去啊/w\

lwrless

2014-02-09 09:34:31 +08:00

最高成绩5 [摔

hhp

2014-02-09 09:36:54 +08:00

为什么完全看不到水管。。。

chairuosen

2014-02-09 09:42:06 +08:00

@talentliuyang
@hhp 抱歉。。。。。。忘记css兼容性了

chairuosen

2014-02-09 09:45:27 +08:00

现在修复了。。

xmuxsp

2014-02-09 09:46:46 +08:00

有时候相邻两个柱子的高度差太大了，算法应该要改进一下，能不能拿高分得靠运气

kachens

2014-02-09 09:51:14 +08:00

有bug 长按空格会一直向前滑行

manhere

2014-02-09 10:03:34 +08:00

我现在想砸了楼主怎么办。。。

ilovehoo

2014-02-09 10:18:13 +08:00

chrome还是看不到管道。。

chairuosen

2014-02-09 10:28:55 +08:00

现在ipad也可以玩了。tap屏幕是空格，longTap是重置。ipad最好横过来玩。
@xmuxsp 悄悄告诉你只要把窗口拉扁一点就好了，开口高度是在全屏幕范围取一个100px的口。所以屏幕高就吃亏了。。
@kachens 长按空格应该是斜着一直飞上天啊？没太明白滑行

@ilovehoo chrome几啊？如果是移动端的chrome，刚刚又修复了。得用webkit-calc...

1130335361

2014-02-09 10:48:37 +08:00 via Android

我七岁侄子刷到38分，我只刷到13分>_<

liul85

2014-02-09 10:53:54 +08:00

太难玩了

ybbswc

2014-02-09 11:02:27 +08:00

11.....

leofml

2014-02-09 11:08:20 +08:00

高难度

chairuosen

2014-02-09 11:10:31 +08:00

@xmuxsp 现在改进了一下高度算法，相邻两个不会超过30%高度差

PotatoBrother

2014-02-09 12:51:32 +08:00 via iPad

Flappy Bird要下架了……

isaced

2014-02-09 13:06:58 +08:00

太难了！

isy

2014-02-09 13:18:04 +08:00

@chairuosen 这个。。。。 http://squishybird.com/

manhere

2014-02-09 13:25:52 +08:00

@isy 这个 http://squishybird.com/ 才是王道啊。。。

chairuosen

2014-02-09 13:28:53 +08:00

@manhere
@isy 这算是FlappyBird后传之玩家复仇，哈哈

kira2

2014-02-09 13:58:07 +08:00

我昨儿装了这个游戏
玩了十局才玩到5分
已经有摔手机的冲动
逆天啊啊啊啊啊

vinsa

2014-02-09 14:15:14 +08:00

@isy Squishybird 。。。

sqgc5566

2014-02-09 14:22:15 +08:00

Flappy bird里是可以飞到天上的,可是lz的版本里飞到天上就Game Over了...

chairuosen

2014-02-09 14:38:10 +08:00

@sqgc5566 好的，去掉了

RTNelo

2014-02-09 16:31:19 +08:00

PC党，玩得很开心~
不过还是想提个建议啦~
如果能直接用空格键“重新玩”就更好了，手不用离开空格什么的，冲记录的时候很有用的样子。
（当然成绩破纪录时就换回Esc好了，正好提醒玩家截图，免得手滑错过了~）

RTNelo

2014-02-09 16:50:55 +08:00

11个，一本满足。。。

感觉用这个调戏基♂友应该很不错（因为没有妹子）
偷偷地让不同的url对应不同的难度，
比如 http://ruosen.io/flappy-bird/ 是普通版，而 http://ruosen.io/Flappy-Bird/ 特别难，
http://ruosen.io/flappy-Bird/ 是第四局运气会很好（Δh都非常小，或者操作特别容易（碰到一点点也不会Game Over，通过管子的时候游戏偷偷地把小鸟往中间送一点点）什么的）

举个栗子：
比如说向基友推荐url为 http://ruosen.io/flappy-Bird/ 的游戏，三局过后吐槽他的技♂术，夺过手机“小宇宙爆发”破他记录，归还手机并等待摔碎屏幕的声音~

恩，大概就是这样。