V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
SuneBear

基于 Web 最新技术制作的音乐游戏《Piano Flow》

  •  7
     
  •   SuneBear · Oct 17, 2016 · 6946 views
    This topic created in 3485 days ago, the information mentioned may be changed or developed.

    可玩性探究与理论

    • 一切才刚刚开始,节奏模式与自动演奏模式却已经升起
    • 倘若你是一个资深古典音乐爱好者,且有一套性能很棒的设备,节奏模式可能会毁了你
    • 没有可玩性,怎能算作游戏?所以未来会添加太鼓达人模式与乐谱模式,欢迎 PRPRPR

    注意啦,那些你在各种 Conf 接触不到的新技术,这里统统都有

    • 对不起,我说谎了, Vue 2 + RxJS + Pixi 4 并不能算最新的技术。如果我周末把时间全部用在研究最新框架上,现在就是用 Yarn 来进行依赖管理,就能使用 WebVR 带上 HTC Vive 零距离感受德彪西了 : (
    • 为了不被前端淘汰,发完此贴就回老家闭门学习新框架,学习配柠檬茶让我无法自拔

    围城传送门

    70 replies    2021-05-27 22:17:13 +08:00
    qqqppp9998
        1
    qqqppp9998  
       Oct 17, 2016   ❤️ 1
    有意思,感觉楼主好厉害~
    banricho
        2
    banricho  
       Oct 17, 2016   ❤️ 4
    楼主叫来顶帖
    楼主有女朋友
    楼主经常晒妹
    楼主没有节操
    SuneBear
        3
    SuneBear  
    OP
       Oct 17, 2016
    @banricho [搞事👋] [搞事👋] [搞事👋]
    whahugao
        4
    whahugao  
       Oct 17, 2016
    楼主好厉害!
    刚玩完了德彪西的月光,又想起恶灵附体的小房间啦!
    SuneBear
        5
    SuneBear  
    OP
       Oct 17, 2016
    @whahuzhihao 德彪西的曲子应该是和皎白月光联系在一起,居然让你想起恶灵附体,心疼 1s
    whahugao
        6
    whahugao  
       Oct 17, 2016
    @SuneBear 恶灵附体游戏里的插曲就是这首 Clair-de-Lune 啦
    whahugao
        7
    whahugao  
       Oct 17, 2016
    另外在微信浏览器里打开,声音全是沙沙声。手机 safari 是好的。
    est
        8
    est  
       Oct 17, 2016
    空气中和地面充满了 LZ 的 JJ 碎片——碉堡啦。
    XhstormR
        9
    XhstormR  
       Oct 17, 2016
    开久了之后, CPU 占用 90%,音乐都卡的发出噪点了。
    qyc0129
        10
    qyc0129  
       Oct 17, 2016 via iPhone
    so cool 有前景
    SuneBear
        11
    SuneBear  
    OP
       Oct 17, 2016
    @whahuzhihao 因为游戏是 Runtime 合成, MIDI -> Pitch -> WebAudio ,如果性能不好就会撕撕杀杀,所以这个游戏还能检测性能~ Safari 会给动画什么的单独开线程,这样就可以缓解卡顿的问题
    a87150
        12
    a87150  
       Oct 17, 2016
    感觉没什么意思,按什么键都一样,也没有快捷键什么的。
    SuneBear
        13
    SuneBear  
    OP
       Oct 17, 2016
    @XhstormR 一时半会想不到优化方案,为了模拟钢琴的延音,播放完的 Pitch Node 会停驻一段时间,相当于很多个通道一起制造音源,最后合成在一起。还有就是古典曲子手速之快, 60/1000 毫秒都跟不上~
    SuneBear
        14
    SuneBear  
    OP
       Oct 17, 2016
    @a87150 需要什么快捷键呢?现在用 Esc 可以暂停,游戏支持多键同时触发,如果在未来的积分模式中就是很有难度的,除了锻炼节奏,还能帮助记忆一个 Bunch 的音符数
    chunqiuyiyu
        15
    chunqiuyiyu  
       Oct 17, 2016
    感觉不错,点个赞
    SuneBear
        16
    SuneBear  
    OP
       Oct 17, 2016
    @XhstormR 更正一下,是 1000/60 毫秒, 16 毫秒 /帧
    a87150
        17
    a87150  
       Oct 17, 2016
    @SuneBear 突然觉得自己有点傻,这种游戏的乐趣应该是得分达成目标之类的。弄复杂了不如直接玩乐器。
    qinxi
        18
    qinxi  
       Oct 17, 2016
    厉害了,我的哥
    irgil
        19
    irgil  
       Oct 17, 2016
    感觉好好
    ETiV
        20
    ETiV  
       Oct 17, 2016
    Web 跑 MIDI 几年前想过,但效率真的是……

    下落式 MG 大概 2 年前做过一个,改天找个机会放出来给各位老爷玩玩……
    murmur
        21
    murmur  
       Oct 17, 2016
    web 做音游 想想睡吧 osu 那帮家伙都要输入延迟在 0.x 毫秒才能玩 音频延迟盯着 ASIO 二三十 ms 都有人受不了
    webaudio 那个性能?呵呵哒,别人都在用 144hz 的显示器了,你刷新率能有多少
    nazhenhuiyi294
        22
    nazhenhuiyi294  
       Oct 17, 2016
    性能确实不行啊...我试了下,自动模式下有噪音,卡顿..这是 pc 上面..手机端更是要炸吧
    shawnhill
        23
    shawnhill  
       Oct 17, 2016
    体验非常棒
    PolarisChen
        24
    PolarisChen  
       Oct 17, 2016
    虽然偶有沙沙声和卡顿,但体验和界面设计动画都非常赞~ 加入太鼓达人模式与乐谱模式后感觉可玩性会大大提高,支持加油~
    muziki
        25
    muziki  
       Oct 17, 2016
    好厉害
    benpichu
        26
    benpichu  
       Oct 17, 2016 via Android
    [还没有打开……话说有 midi 键盘输入么(]
    noe132
        27
    noe132  
       Oct 17, 2016
    一开始还挺不错的。。。
    后来放个月光 第三章,先是噪音,噪音慢慢变多,然后直接卡的没声音了。。
    yangff
        28
    yangff  
       Oct 17, 2016
    那么怎么玩呢?
    SuneBear
        29
    SuneBear  
    OP
       Oct 17, 2016 via iPhone
    @PolarisChen Thx ,我接下来打算先折中音效与粒子特效,优化一下性能
    SuneBear
        30
    SuneBear  
    OP
       Oct 17, 2016 via iPhone
    @benpichu MIDI 输入很好实现,切换一下音源即可,适合演奏模式
    SuneBear
        31
    SuneBear  
    OP
       Oct 17, 2016 via iPhone
    @murmur 其实这个游戏和 OSU 差挺大的,主要还是获取一种沉浸式的体验与提供一些实用功能
    kazarin
        32
    kazarin  
       Oct 17, 2016
    很有意思, Safari 上一切良好,感谢楼主
    SuneBear
        33
    SuneBear  
    OP
       Oct 17, 2016 via iPhone
    @kazarin Great ,求贴一下配置,我在 15 年中配 Pro 上测试不会卡,不过在快节奏曲子中有杂音,现在找到的原因是和低通滤波器有关~
    winduser
        34
    winduser  
       Oct 18, 2016
    有意思,感觉楼主好厉害~
    winduser
        35
    winduser  
       Oct 18, 2016
    有意思,感觉楼主好厉害!!
    winduser
        36
    winduser  
       Oct 18, 2016
    @qqqppp9998 为了特地给 Sune 回复,你这 ID 看上去就像是刚注册的小号。
    yelite
        37
    yelite  
       Oct 18, 2016
    Prelude-in-C-via-WTC-Bk-1-No-1.mid 错了,变成 Pathetique 了
    a570295535
        38
    a570295535  
       Oct 18, 2016
    有一种学会了钢琴的感觉,虽然不会玩。。。
    dreampuf
        39
    dreampuf  
       Oct 18, 2016
    可以,很强
    WildCat
        40
    WildCat  
       Oct 18, 2016 via iPhone
    就差广电审核了
    ericls
        41
    ericls  
       Oct 18, 2016
    厉害!!!!!!
    lslqtz
        42
    lslqtz  
       Oct 18, 2016
    @murmur osu 我 4ms 没问题啊。。
    flash 可以拿来做我觉得没问题啊
    lslqtz
        43
    lslqtz  
       Oct 18, 2016
    @murmur 这个你得看看 4399 那些垃圾枪游。。
    lslqtz
        44
    lslqtz  
       Oct 18, 2016
    @SuneBear 楼主好厉害。。
    starvedcat
        45
    starvedcat  
       Oct 18, 2016
    感谢楼主,这里面德彪西的曲子我都很熟悉很喜欢,玩起来很有意思~
    murmur
        46
    murmur  
       Oct 18, 2016
    @lslqtz flash 以前不是金山的勾勾么 早死了不知道多少年了
    xiaket
        47
    xiaket  
       Oct 18, 2016
    murmur
        48
    murmur  
       Oct 18, 2016
    @PolarisChen 太鼓早就有模拟器了, win/android/ios 都支持而且性能非常好
    不过 国内玩太鼓的不多啊 ?
    murmur
        49
    murmur  
       Oct 18, 2016
    @benpichu midi 键盘有个叫 syn 什么的东西可以玩 比正经弹钢琴都累 如果你认为玩音乐游戏可以学会键盘抓紧洗洗睡吧
    再老的,你可以找 yamaha 的 keyboard mania ,网上有下载,估计 xp 可以,我 win10 检测不到 midi 键盘

    另外,楼上那些喜欢钢琴下落式的,去玩 deemo 好么?不喜欢情怀的, deemo 也有模拟器啊,不是我泼冷水,音乐游戏对延迟和输入体验要求非常高,不仅要求延迟低,而且还要稳定, android 都达不到这个要求只能做宽判定或者像大厂云下发延迟校正数据, flash 也只能做个模拟器,市面上那么多音乐游戏谁家是 html5 啊。。。
    hronro
        50
    hronro  
       Oct 18, 2016 via Android
    厉害厉害
    benpichu
        51
    benpichu  
       Oct 18, 2016 via Android
    @murmur [我并没有想通过这种方式学键盘乐啊(]
    SuneBear
        52
    SuneBear  
    OP
       Oct 18, 2016 via iPhone
    @xiaket 啊哦, Prelude 后成为 Pathetique ,很像一次失败的相亲~
    hustlzp
        53
    hustlzp  
       Oct 18, 2016
    赞!
    caiya21
        54
    caiya21  
       Oct 18, 2016
    给楼主点赞了
    lslqtz
        55
    lslqtz  
       Oct 18, 2016
    @murmur 金山有勾勾?根本没找到
    murmur
        56
    murmur  
       Oct 18, 2016
    @lslqtz 现在只剩下老的新闻了,一出来就被 osu 玩家骂惨了,山寨 osu 不说源生兼容 osu 谱面也罢了,你还搞个充值叫 J 币,我充你个 JB 充啊
    SuneBear
        57
    SuneBear  
    OP
       Oct 18, 2016
    @hustlzp 感谢支持,我记得用过你写的 jquery-s2t ,给你点个赞
    SuneBear
        58
    SuneBear  
    OP
       Oct 18, 2016
    @murmur 活捉一只音游老司机,我前同事做过一个 [Web Taiko]( https://github.com/waksana/taiko) 的音游,只要不过分追求音效与特效, HTML5 性能可以跟上的
    lk920724
        59
    lk920724  
       Oct 18, 2016
    mark 回家看~
    murmur
        60
    murmur  
       Oct 18, 2016
    @SuneBear key 音很重要,尤其是太鼓一定要听鼓声的,不追求音效不可能
    chuhemiao
        61
    chuhemiao  
       Oct 18, 2016
    鼠标加空格同时试试:D
    dawncc
        62
    dawncc  
       Oct 18, 2016
    体验很好 假装自己会弹琴...
    cxshun
        63
    cxshun  
       Oct 18, 2016
    楼主厉害,必须 star 一个。
    ClassicOldSong
        64
    ClassicOldSong  
       Oct 18, 2016 via Android
    等会过来看
    Web 做音乐游戏的话延迟是个大问题,老早以前就有想法了但是纠结延迟所以一直没动
    lslqtz
        65
    lslqtz  
       Oct 18, 2016 via iPhone
    @murmur 我都没找到新闻...
    pheyer
        66
    pheyer  
       Oct 19, 2016
    手机上的 Magic Piano 不就是这么玩的吗,效果更佳
    SuneBear
        67
    SuneBear  
    OP
       Oct 20, 2016 via iPhone
    @pheyer 握手, Smule 的 Magic Piano 是我最喜欢的音游之一,以后还得学习一个,向西方看齐(匿
    lurrpis
        68
    lurrpis  
       Oct 20, 2016
    熊老湿~
    SuneBear
        69
    SuneBear  
    OP
       Oct 24, 2016
    @lurrpis 退隐多年,居然还是被认出来。绿色出行,拒绝开车
    charlie21
        70
    charlie21  
       May 27, 2021
    ydys
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1103 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 119ms · UTC 17:24 · PVG 01:24 · LAX 10:24 · JFK 13:24
    ♥ Do have faith in what you're doing.