直接用 WebGPU 写的动画 MMD 人物模型渲染

2025 年 11 月 13 日
 Amyang
地址: https://reze.one (电锯人的蕾塞太顶了

不用 threejs 或者 babylonjs ,直接用 webgpu api 写 pipeline 和 shader ,第三方库只有一个 ammojs 物理引擎。尝试写个简单的 spring bone 的物理,还是放弃了。

目前支持了一些后处理,比如眼睛永远能透过头发可见,bloom 和 rim lighting 。

下一步准备加上 ik 和 ragdoll 增加互动
2722 次点击
所在节点    分享创造
15 条回复
user1284
2025 年 11 月 13 日
不和 js 交互, 在浏览器上直接绘制吗? js 太拖累绘制性能
Amyang
2025 年 11 月 13 日
@yb2313 js 还是需要的,骨骼的状态和物理都只能在 cpu 上做。核心的渲染是 webgpu
llsquaer
2025 年 11 月 13 日
FPS: 5 ,幻灯片啊. 是我 cpu 没核显么? cpu 占用 10% GPU 占用 1%可以忽略了.
Amyang
2025 年 11 月 13 日
@llsquaer 我这里 240fps 啊
user1284
2025 年 11 月 13 日
@Amyang #2 浏览器什么时候抛弃 js 和 ts 啊, 这就是错误的语言, 几十年?几百年?
stefwoo
2025 年 11 月 13 日
我手机都 60
zakest
2025 年 11 月 13 日
效果还可以
metalvest
2025 年 11 月 13 日
能增加 WebXR 的支持吗
lancevps
2025 年 11 月 13 日
胸前细节到位,居然还会动
c3de3f21
2025 年 11 月 13 日
Amyang
2025 年 11 月 13 日
@metalvest 好主意,我试试
llsquaer
2025 年 11 月 14 日
@Amyang 确实是 FPS:4-5 ..我不会调试浏览器不知道哪里看性能.可能是我这浏览器啥设置问题吧,但是也没调过浏览器的默认参数啊
codehz
2025 年 11 月 16 日
@llsquaer 驱动不支持,去 chrome://gpu 看看 webgpu 相关的章节
metalvest
2025 年 12 月 20 日
@Amyang 帮你实现了,给普通浏览器也增加了平行眼立体视觉,提了个 PR

demo 预览: https://reze.growsnova.com
Amyang
2025 年 12 月 20 日
@metalvest #14 可以的,给我发个邮箱加微信联系下吧

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

https://study.congcong.us/t/1172485

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

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

© 2021 V2EX