

作为一个老二刺螈,我进入这个行业的最初动机可以追溯到十年前打通了《 Ever17 》的那个下午,这个动机就是美少女。做一个美少女游戏,是我人生的悲愿,而为了完成这个愿望,我必须要从头开始,学习编程、图形学、编写渲染引擎、乃至实现游戏引擎。而在硬件高速发展的现在,实时光线追踪成为了可能,同时 Web 平台上的新一代图形 APIWebGPU提供了丰富的能力也可以让我们进行这样的尝试。
所以为了渲染一个美少女,我一边学习一边实现,最终完成了这个项目和系列文章教程。本系列文章将会论述如何用 WebGPU 来实现一个实时路径追踪渲染器,从一个简单渲染器为开端层层深入,了解经典路径追踪渲染器的各个部分,以及 BRDF 模型在路径追踪中的实现。
当然,最后因为综合性能较差,真实感的美少女并没有被渲染出来,只能渲染一个 LowPoly 的 Miku555
项目的 Github 仓库为:dtysky/webgpu-renderer。
Demo 为:Demo,注意目前需要最新的Chrome Canary版本,并且打开特定flag才行,详见项目的readme。
由于本人水平有限,文章难免会有纰漏,欢迎各位在评论区积极指正。
当然即便是能做出来这些了,我还是做不出来我的美少女游戏...哎。
1 zirconium 2021 年 10 月 8 日 thanks. |
2 yangheng4922 2021 年 10 月 8 日 集显打开 1.6FPS 好卡 |
3 dtysky OP 建议如果要看 DEMO,大家限制一下浏览器的分辨率。。。比如使用移动端开发模式( devtools ->toggle device toolbar ),开销还挺猛的 |
4 milkleeeeee 2021 年 10 月 8 日 这个真的厉害了,先膜拜一下大佬 |
5 Rrrrrr 2021年 10 月 8 日 这个真的厉害了,先膜拜一下大佬 |
6 cxsz 2021 年 10 月 8 日 3070 都满载了.... |
7 zeromake 2021 年 10 月 8 日 via Android 上午刚刚在试 webgpu 效果发现 firefox 在一个动画 demo 会一直涨内存,关闭标签页也不会自动回收……,webgpu 还是属于 demo 级别,至少等 w3c 出了正式规范吧。 |
8 7gugu 2021 年 10 月 8 日 爆了,认真看看 dalao 的分享 |
10 netnr 2021 年 10 月 8 日 via Android 标题党,只是看到有美少女才点进来的,上当了 |
12 44670 2021 年 10 月 8 日 好耶 |
13 invdan 2021 年 10 月 9 日 大佬,考虑新机会么? webgl 方向的游戏引擎开发 |
15 lookas2001 2021 年 10 月 10 日 via Android 太厉害了 |