matrix-engine-wgpu 发布:WebGPU 驱动的高性能 PWA 应用引擎
matrix-engine-wgpu 是一个基于 WebGPU 的高性能 PWA 应用引擎,支持移动浏览器并集成自定义渲染管线和着色器。该引擎能够处理复杂的视觉脚本应用,如带有真实物理的 Yatzy 游戏和僵尸射击游戏,性能表现优异。
WebGPU 在浏览器里的支持进展、Three.js 的 WebGPURenderer 与 TSL,以及迁移和性能实测。
matrix-engine-wgpu 是一个基于 WebGPU 的高性能 PWA 应用引擎,支持移动浏览器并集成自定义渲染管线和着色器。该引擎能够处理复杂的视觉脚本应用,如带有真实物理的 Yatzy 游戏和僵尸射击游戏,性能表现优异。
作者 linbingquan 发布了一个名为 vitest-browser-three 的插件,可以在 Vitest 浏览器模式下为 Three.js TSL 表达式添加 GPU 原生断言。断言编译为 GPU 计算着色器,结果读回 CPU。项目已发布在 npm 和 GitHub。
作者使用 typed commands 在浏览器中通过 WebGPU 模型化了一个 pulley hub,包括一个 Ø80×12 的圆盘、一个 Ø40 的凸台、一个轴孔、一个键槽和四个通孔。修改尺寸后模型会即时重建。
作者将 Vulkan CAD 引擎移植到 WebGPU,并展示了如何在浏览器中建模 3D 实体,支持拉伸、凸台、凹槽和贯穿切割等功能。
Ispettore 是一款用于调试 WebGL 和 WebGPU 网站的 Chrome 扩展,灵感来源于 Renderdoc 的管线可视化和帧栏设计。该扩展支持过滤对象和材质的 drawcall,并已集成到 Three.js 场景中。这是首个公开版本,欢迎反馈。
Sundial 是一个适用于 one directional light 的虚拟阴影映射插件,支持 WebGPURenderer。作者提供了安装方式和性能对比,适用于 three.js 项目。
提供了安装方式和性能对比,读者可以据此判断是否值得在项目中使用。
文章深入探讨了 Still 项目的技术实现,展示了如何结合 WebGPU、程序化系统和日本艺术风格来创建一个动态生成花园。
作者详细介绍了如何使用 Three.js、WebGPU 和 TSL 创建一个无限液态玻璃网格,包括玻璃的折射效果、无限网格的实现方法以及如何在 WebGPU 上运行。
详细介绍了如何使用 Three.js、WebGPU 和 TSL 创建无限液态玻璃网格,适合学习渲染技术。
作者 Mathis Biabiany 详细介绍了如何使用 TSL 和 WebGPU 实现带体积的光照明线条,包括关键的几何参数计算、帧问题解决和动画实现方法。
文章详细介绍了如何使用 TSL 和 WebGPU 实现带体积的光照明线条,适合对 Three.js 和 WebGPU 深度渲染感兴趣的读者。
文章深入探讨了使用 WebGPU 和 TSL 检测、提取和风格化运动的技术细节,涵盖了运动遮罩、斑块跟踪、光学流和基于速度的运动模糊。