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

V2EX = way to explore

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

For Existing Member Sign In

爱意满满的作品展示区。

This topic created in 4464 days ago, the information mentioned may be changed or developed.

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

Supplement 1 · Feb 9, 2014

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

Supplement 2 · Feb 9, 2014

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

Supplement 3 · Feb 9, 2014

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

练手

FlappyBird

61 replies • 1970-01-01 08:00:00 +08:00

crs0910

Feb 9, 2014 via Android

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

C0VN

Feb 9, 2014

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

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

chairuosen

Feb 9, 2014

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

FrancisYim

Feb 9, 2014

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

Tink

PRO

Feb 9, 2014

难度太大。。。

pagecho

Feb 9, 2014

最好成绩4.。。

SoloCompany

Feb 9, 2014 via iPad

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

Link

Feb 9, 2014

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

talentliuyang

Feb 9, 2014

firefox 怎么看不到管道啊

cdfmr

Feb 9, 2014

@talentliuyang +1

slixurd

Feb 9, 2014

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

lwrless

Feb 9, 2014

完全玩不过去啊/w\

lwrless

Feb 9, 2014

最高成绩5 [摔

hhp

Feb 9, 2014

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

chairuosen

Feb 9, 2014

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

chairuosen

Feb 9, 2014

现在修复了。。

xmuxsp

Feb 9, 2014

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

kachens

Feb 9, 2014

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

manhere

Feb 9, 2014

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

ilovehoo

Feb 9, 2014

chrome还是看不到管道。。

chairuosen

Feb 9, 2014

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

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

1130335361

Feb 9, 2014 via Android

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

liul85

Feb 9, 2014

太难玩了

ybbswc

Feb 9, 2014

11.....

leofml

Feb 9, 2014

高难度

chairuosen

Feb 9, 2014

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

PotatoBrother

Feb 9, 2014 via iPad

Flappy Bird要下架了……

isaced

Feb 9, 2014

太难了！

isy

Feb 9, 2014

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

manhere

Feb 9, 2014

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

chairuosen

Feb 9, 2014

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

kira2

Feb 9, 2014

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

vinsa

Feb 9, 2014

@isy Squishybird 。。。

sqgc5566

Feb 9, 2014

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

chairuosen

Feb 9, 2014

@sqgc5566 好的，去掉了

RTNelo

Feb 9, 2014

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

RTNelo

Feb 9, 2014

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/ 的游戏，三局过后吐槽他的技♂术，夺过手机“小宇宙爆发”破他记录，归还手机并等待摔碎屏幕的声音~

恩，大概就是这样。