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

[chenglus]

DoraPiano https://www.dorapiano.com

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

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

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

原神 轻策庄 BGM （自己弹的）： https://www.bilibili.com/video/BV1BtnPzGELE/

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

[Befehishaber]

给我一种节奏大师的感觉

[chenglus]

@Befehishaber 其实做成音游也不是不行 😂

[wednesdayco]

佬这全是 shadow 么

[wednesdayco]

@wednesdayco shader

[Tamamopoi]

好玩！期待背景支持 gif

[chenglus]

@wednesdayco 是的，CPU 跑不了这么多特效，用的 three.js 抽象的 TSL ，比 WebGL 好写很多

[chenglus]

@Tamamopoi 应该可以直接上视频，我后面会研究一下这个功能。（之后是准备做成可以和真实演奏视频合成的那种效果）

[MindMindMax]

卡哭了

[chenglus]

@MindMindMax 我的 m1 可以跑到 60 帧，GPU 占用 40%左右