3DHOT

WebGPU

WebGPU 在浏览器里的支持进展、Three.js 的 WebGPURenderer 与 TSL,以及迁移和性能实测。

10月12日周一

技术Reddit r/webgpu

matrix-engine-wgpu 发布:WebGPU 驱动的高性能 PWA 应用引擎

matrix-engine-wgpu 是一个基于 WebGPU 的高性能 PWA 应用引擎,支持移动浏览器并集成自定义渲染管线和着色器。该引擎能够处理复杂的视觉脚本应用,如带有真实物理的 Yatzy 游戏和僵尸射击游戏,性能表现优异。

10月11日周日

10月10日周六

技术Reddit r/webgpu

在浏览器中使用 WebGPU 模型化一个 pulley hub

作者使用 typed commands 在浏览器中通过 WebGPU 模型化了一个 pulley hub,包括一个 Ø80×12 的圆盘、一个 Ø40 的凸台、一个轴孔、一个键槽和四个通孔。修改尺寸后模型会即时重建。

10月8日周四

10月2日周五

技术three.js 论坛

Ispettore,一款用于调试 WebGL 和 WebGPU 网站的 Chrome 扩展

Ispettore 是一款用于调试 WebGL 和 WebGPU 网站的 Chrome 扩展,灵感来源于 Renderdoc 的管线可视化和帧栏设计。该扩展支持过滤对象和材质的 drawcall,并已集成到 Three.js 场景中。这是首个公开版本,欢迎反馈。

引擎three.js 论坛

Sundial:WebGPURenderer 的虚拟太阳阴影插件

Sundial 是一个适用于 one directional light 的虚拟阴影映射插件,支持 WebGPURenderer。作者提供了安装方式和性能对比,适用于 three.js 项目。

提供了安装方式和性能对比,读者可以据此判断是否值得在项目中使用。

9月9日周三

9月8日周二

技术Codrops

使用 Three.js、WebGPU 和 TSL 创建无限液态玻璃网格

作者详细介绍了如何使用 Three.js、WebGPU 和 TSL 创建一个无限液态玻璃网格,包括玻璃的折射效果、无限网格的实现方法以及如何在 WebGPU 上运行。

详细介绍了如何使用 Three.js、WebGPU 和 TSL 创建无限液态玻璃网格,适合学习渲染技术。

9月7日周一

技术Codrops

光绘:使用 TSL 和 WebGPU 实现带体积的光照明线条

作者 Mathis Biabiany 详细介绍了如何使用 TSL 和 WebGPU 实现带体积的光照明线条,包括关键的几何参数计算、帧问题解决和动画实现方法。

文章详细介绍了如何使用 TSL 和 WebGPU 实现带体积的光照明线条,适合对 Three.js 和 WebGPU 深度渲染感兴趣的读者。

8月18日周二

技术Maxime Heckel

深入探讨运动的检测、提取与风格化

文章深入探讨了使用 WebGPU 和 TSL 检测、提取和风格化运动的技术细节,涵盖了运动遮罩、斑块跟踪、光学流和基于速度的运动模糊。