爱意满满的作品展示区。
SuneBear

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

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

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

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