chenglus
V2EX  ›  音乐

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

By chenglus at 2025 年 11 月 15 日 · 1869 次点击

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 条回复    2025-11-18 19:12:16 +08:00
Befehishaber
   1
Befehishaber  
   2025 年 11 月 17 日
给我一种节奏大师的感觉
chenglus
   2
chenglus  
OP
   2025 年 11 月 17 日
@Befehishaber 其实做成音游也不是不行 😂
wednesdayco
   3
wednesdayco  
   2025 年 11 月 17 日
佬这全是 shadow 么
wednesdayco
   4
wednesdayco  
   2025 年 11 月 17 日
@wednesdayco shader
Tamamopoi
   5
Tamamopoi  
   2025 年 11 月 17 日
好玩!期待背景支持 gif
chenglus
   6
chenglus  
OP
   2025 年 11 月 17 日
@wednesdayco 是的,CPU 跑不了这么多特效,用的 three.js 抽象的 TSL ,比 WebGL 好写很多
chenglus
   7
chenglus  
OP
   2025 年 11 月 17 日
@Tamamopoi 应该可以直接上视频,我后面会研究一下这个功能。(之后是准备做成可以和真实演奏视频合成的那种效果)
MindMindMax
   8
MindMindMax  
   2025 年 11 月 18 日
卡哭了
chenglus
   9
chenglus  
OP
   2025 年 11 月 18 日 via iPhone
@MindMindMax 我的 m1 可以跑到 60 帧,GPU 占用 40%左右
© 2026 V2EX · 27ms · 3.9.8.5