V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
chairuosen
V2EX  ›  分享创造

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

  •  
  •   chairuosen ·
    chairuosen · 2014-02-08 23:51:44 +08:00 · 10259 次点击
    这是一个创建于 3952 天前的主题,其中的信息可能已经有所发展或是发生改变。
    http://ruosen.io/bird/
    有BUG要反馈哦
    第 1 条附言  ·  2014-02-09 13:02:42 +08:00
    第 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改下就能改成绩了
    61 条回复    1970-01-01 08:00:00 +08:00
    crs0910
        1
    crs0910  
       2014-02-09 00:04:07 +08:00 via Android
    哈哈 又是这个 都砸手机了 现在又要让人砸电脑么
    xavierskip
        2
    xavierskip  
       2014-02-09 00:07:09 +08:00
    觉得这个鸟没有 jetpack joyride 好玩。

    还有空格键的上升范围可以调小一点。
    chairuosen
        3
    chairuosen  
    OP
       2014-02-09 00:09:00 +08:00
    @xavierskip 这玩意变态就在于跳跃大。。。
    FrancisYim
        4
    FrancisYim  
       2014-02-09 01:24:11 +08:00
    两柱之间距离太短了。不好玩 :(
    Tink
        5
    Tink  
       2014-02-09 01:28:23 +08:00
    难度太大。。。
    pagecho
        6
    pagecho  
       2014-02-09 01:47:20 +08:00   ❤️ 1
    最好成绩4.。。
    SoloCompany
        7
    SoloCompany  
       2014-02-09 04:16:20 +08:00 via iPad
    lz好歹加个onclick啊,你让我等pad用家怎么玩
    Link
        8
    Link  
       2014-02-09 05:09:21 +08:00


    玩了一会儿,听空格声音挺带感的.最高19w
    talentliuyang
        9
    talentliuyang  
       2014-02-09 05:14:03 +08:00
    firefox 怎么看不到管道啊
    cdfmr
        10
    cdfmr  
       2014-02-09 09:02:15 +08:00
    slixurd
        11
    slixurd  
       2014-02-09 09:31:35 +08:00
    看看源代码就知道了
    因为background: -webkit-linear-gradient(left,#42D76F,#14A440);
    lwrless
        12
    lwrless  
       2014-02-09 09:32:29 +08:00
    完全玩不过去啊/w\
    lwrless
        13
    lwrless  
       2014-02-09 09:34:31 +08:00
    最高成绩5 [摔
    hhp
        14
    hhp  
       2014-02-09 09:36:54 +08:00
    为什么完全看不到水管。。。
    chairuosen
        15
    chairuosen  
    OP
       2014-02-09 09:42:06 +08:00
    @talentliuyang
    @hhp 抱歉。。。。。。忘记css兼容性了
    chairuosen
        16
    chairuosen  
    OP
       2014-02-09 09:45:27 +08:00
    现在修复了。。
    xmuxsp
        17
    xmuxsp  
       2014-02-09 09:46:46 +08:00
    有时候相邻两个柱子的高度差太大了,算法应该要改进一下,能不能拿高分得靠运气
    kachens
        18
    kachens  
       2014-02-09 09:51:14 +08:00
    有bug 长按空格会一直向前滑行
    manhere
        19
    manhere  
       2014-02-09 10:03:34 +08:00
    我现在想砸了楼主怎么办。。。
    ilovehoo
        20
    ilovehoo  
       2014-02-09 10:18:13 +08:00
    chrome还是看不到管道。。
    chairuosen
        21
    chairuosen  
    OP
       2014-02-09 10:28:55 +08:00
    现在ipad也可以玩了。tap屏幕是空格,longTap是重置。ipad最好横过来玩。
    @xmuxsp 悄悄告诉你只要把窗口拉扁一点就好了,开口高度是在全屏幕范围取一个100px的口。所以屏幕高就吃亏了。。
    @kachens 长按空格应该是斜着一直飞上天啊?没太明白滑行

    @ilovehoo chrome几啊?如果是移动端的chrome,刚刚又修复了。得用webkit-calc...
    1130335361
        22
    1130335361  
       2014-02-09 10:48:37 +08:00 via Android
    我七岁侄子刷到38分,我只刷到13分>_<
    liul85
        23
    liul85  
       2014-02-09 10:53:54 +08:00
    太难玩了
    ybbswc
        24
    ybbswc  
       2014-02-09 11:02:27 +08:00
    11.....
    leofml
        25
    leofml  
       2014-02-09 11:08:20 +08:00
    高难度
    chairuosen
        26
    chairuosen  
    OP
       2014-02-09 11:10:31 +08:00
    @xmuxsp 现在改进了一下高度算法,相邻两个不会超过30%高度差
    PotatoBrother
        27
    PotatoBrother  
       2014-02-09 12:51:32 +08:00 via iPad
    Flappy Bird要下架了……
    isaced
        28
    isaced  
       2014-02-09 13:06:58 +08:00
    太难了!
    isy
        29
    isy  
       2014-02-09 13:18:04 +08:00   ❤️ 2
    manhere
        30
    manhere  
       2014-02-09 13:25:52 +08:00
    @isy 这个 http://squishybird.com/ 才是王道啊。。。
    chairuosen
        31
    chairuosen  
    OP
       2014-02-09 13:28:53 +08:00
    @manhere
    @isy 这算是FlappyBird后传之玩家复仇,哈哈
    kira2
        32
    kira2  
       2014-02-09 13:58:07 +08:00
    我昨儿装了这个游戏
    玩了十局才玩到5分
    已经有摔手机的冲动
    逆天啊啊啊啊啊
    vinsa
        33
    vinsa  
       2014-02-09 14:15:14 +08:00
    @isy Squishybird 。。。
    sqgc5566
        34
    sqgc5566  
       2014-02-09 14:22:15 +08:00
    Flappy bird里是可以飞到天上的,可是lz的版本里飞到天上就Game Over了...
    chairuosen
        35
    chairuosen  
    OP
       2014-02-09 14:38:10 +08:00
    @sqgc5566 好的,去掉了
    RTNelo
        36
    RTNelo  
       2014-02-09 16:31:19 +08:00
    PC党,玩得很开心~
    不过还是想提个建议啦~
    如果能直接用空格键“重新玩”就更好了,手不用离开空格什么的,冲记录的时候很有用的样子。
    (当然成绩破纪录时就换回Esc好了,正好提醒玩家截图,免得手滑错过了~)
    RTNelo
        37
    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/ 的游戏,三局过后吐槽他的技♂术,夺过手机“小宇宙爆发”破他记录,归还手机并等待摔碎屏幕的声音~

    恩,大概就是这样。
    tomyiyun
        38
    tomyiyun  
       2014-02-09 16:51:05 +08:00
    @chairuosen 移动端的虽然可以飞到天上,但是其实只能超过屏幕边缘一个身位而不是可以无限往上飞的~虽然这个没什么意义= =
    chairuosen
        39
    chairuosen  
    OP
       2014-02-09 17:11:30 +08:00
    @tomyiyun 咦,没有发现这个问题。我用ipad试了下,一开始狂点屏幕,飞上去消失两三秒才掉下来。
    @RTNelo 恩,我故意改成别的键就是防止手滑错过了欣赏战绩。我考虑考虑加个开关吧。
    你的另一个建议。。。有点复杂。。。保守估计代码量X3
    Erbied
        40
    Erbied  
       2014-02-09 18:29:08 +08:00
    Erbied
        41
    Erbied  
       2014-02-09 18:30:37 +08:00
    这游戏是考的是节奏感吧我去!
    underone
        42
    underone  
       2014-02-09 19:14:38 +08:00
    4。。。。。
    hilenlai
        43
    hilenlai  
       2014-02-09 20:35:04 +08:00
    19
    chairuosen
        44
    chairuosen  
    OP
       2014-02-09 20:37:59 +08:00
    大神收了神通吧。。。。。。XSS
    chenggiant
        45
    chenggiant  
       2014-02-09 21:18:41 +08:00
    不错呀!
    langqianyi
        46
    langqianyi  
       2014-02-09 22:38:53 +08:00
    win7最新版chrome下,看不见水管。
    IE下,鸟都没有。
    Expl4it
        47
    Expl4it  
       2014-02-09 22:46:46 +08:00
    BUG了一下就到42了。。。
    chairuosen
        48
    chairuosen  
    OP
       2014-02-09 22:54:17 +08:00
    @langqianyi chrome那个好像是calc的问题,我给去了,你再试试?
    IE。。10以上吧,能玩的话性能也在那摆着呢,两个大interval
    sqgc5566
        49
    sqgc5566  
       2014-02-09 23:20:04 +08:00
    lz,计分的时候,是从小鸟经过柱子左侧就算一分了,而lz是经过右侧才算得分额
    majunbo
        50
    majunbo  
       2014-02-09 23:27:18 +08:00
    最好的成绩1 :(
    chairuosen
        51
    chairuosen  
    OP
       2014-02-10 00:10:28 +08:00
    @sqgc5566 这个。。。- - 死在柱子上也算过么?好吧
    wulongqiu
        52
    wulongqiu  
       2014-02-10 00:48:00 +08:00
    1分~
    fineao
        53
    fineao  
       2014-02-10 00:52:35 +08:00
    不要让强迫症患者看到这种东西,会出人命的。。。
    http://img3.picbed.org/uploads/2014/02/~G19T766X7$SP{4PBYZO4~7.jpg
    fineao
        54
    fineao  
       2014-02-10 01:02:10 +08:00

    看见被沈阳小伙超过了心理很不爽,怒玩一把,结果一下子超过之前自己28的记录,现在一下子就40了。之前打了好久啊。。。
    chairuosen
        55
    chairuosen  
    OP
       2014-02-10 10:30:07 +08:00
    @fineao 骚年不要太认真,还有人作弊呢。。
    viperasi
        56
    viperasi  
       2014-02-10 16:08:53 +08:00
    viperasi
        57
    viperasi  
       2014-02-10 16:09:29 +08:00
    国外某高手做的
    chairuosen
        58
    chairuosen  
    OP
       2014-02-10 17:48:00 +08:00
    @viperasi 这个太难了。。只能看到一个柱子
    FrancisYim
        59
    FrancisYim  
       2014-02-10 19:02:14 +08:00
    终于上 50 了
    chairuosen
        60
    chairuosen  
    OP
       2014-02-10 22:30:35 +08:00
    @FrancisYim 这时候我是不是应该来个弹窗,“您已经战胜了全国90%的玩家!”
    viperasi
        61
    viperasi  
       2014-02-11 22:17:37 +08:00
    @chairuosen 这个是开源的,github上有代码
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5780 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 03:25 · PVG 11:25 · LAX 19:25 · JFK 22:25
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.