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

3 天前
 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 目前不行,不过应该也快了)

679 次点击
所在节点    音乐
9 条回复
Befehishaber
2 天前
给我一种节奏大师的感觉
chenglus
2 天前
@Befehishaber 其实做成音游也不是不行 😂
wednesdayco
2 天前
佬这全是 shadow 么
wednesdayco
2 天前
@wednesdayco shader
Tamamopoi
2 天前
好玩!期待背景支持 gif
chenglus
2 天前
@wednesdayco 是的,CPU 跑不了这么多特效,用的 three.js 抽象的 TSL ,比 WebGL 好写很多
chenglus
2 天前
@Tamamopoi 应该可以直接上视频,我后面会研究一下这个功能。(之后是准备做成可以和真实演奏视频合成的那种效果)
MindMindMax
1 天前
卡哭了
chenglus
1 天前
@MindMindMax 我的 m1 可以跑到 60 帧,GPU 占用 40%左右

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1173019

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX