chenglus
V2EX  ›  音乐

做了一个完全基于浏览器的 3D 特效钢琴可视化软件

  •  
  •   chenglus · Nov 15, 2025 · 2135 views
    This topic created in 194 days ago, the information mentioned may be changed or developed.

    DoraPiano https://www.dorapiano.com

    我自己正在学习钢琴(还很菜),真钢太贵因此买了一台电钢琴,结果发现电钢可玩性还挺多。比如可以弹奏过程用 DoraPiano (当然还有很多其他软件)渲染成类似下面这样的视频:

    DoraPiano

    虽然项目还很初期,不过我已经用他做了很多视频了,下面是一些使用 DoraPiano 渲染出的作品:

    丝之歌圣咏殿 BGM (可视化的谱子): https://www.bilibili.com/video/BV1ujCFB9EB3/

    原神 轻策庄 BGM (自己弹的): https://www.bilibili.com/video/BV1BtnPzGELE/

    如果有学琴的朋友可以试试,欢迎提需求鸭(需要用支持 WebGPU 的浏览器使用,最新的 Chrome 、Safari 或者 Edge 都可以,FireFox 目前不行,不过应该也快了)

    9 replies    2025-11-18 19:12:16 +08:00
    Befehishaber
        1
    Befehishaber  
       Nov 17, 2025
    给我一种节奏大师的感觉
    chenglus
        2
    chenglus  
    OP
       Nov 17, 2025
    @Befehishaber 其实做成音游也不是不行 😂
    wednesdayco
        3
    wednesdayco  
       Nov 17, 2025
    佬这全是 shadow 么
    wednesdayco
        4
    wednesdayco  
       Nov 17, 2025
    @wednesdayco shader
    Tamamopoi
        5
    Tamamopoi  
       Nov 17, 2025
    好玩!期待背景支持 gif
    chenglus
        6
    chenglus  
    OP
       Nov 17, 2025
    @wednesdayco 是的,CPU 跑不了这么多特效,用的 three.js 抽象的 TSL ,比 WebGL 好写很多
    chenglus
        7
    chenglus  
    OP
       Nov 17, 2025
    @Tamamopoi 应该可以直接上视频,我后面会研究一下这个功能。(之后是准备做成可以和真实演奏视频合成的那种效果)
    MindMindMax
        8
    MindMindMax  
       Nov 18, 2025
    卡哭了
    chenglus
        9
    chenglus  
    OP
       Nov 18, 2025 via iPhone
    @MindMindMax 我的 m1 可以跑到 60 帧,GPU 占用 40%左右
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1221 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 50ms · UTC 17:49 · PVG 01:49 · LAX 10:49 · JFK 13:49
    ♥ Do have faith in what you're doing.