Chromium浏览器WebGPU渲染异常是否为Bug？

背景与问题 #

我正在学习Google Codelabs的《Getting Started with WebGPU》教程，在第4节实验中遇到渲染异常问题。环境是Linux/Ubuntu 24.04系统，使用Google Chrome 134.0.6998.165版本，因WebGPU在该系统仍处于实验阶段，已启用若干Chromium实验性标志。

遇到的具体渲染问题：

• 渲染2×2网格时，结果见2×2网格渲染结果；
• 渲染40×40网格时，结果见40×40网格渲染结果，网格存在不对称问题；
• 渲染41×41网格时，结果见41×41网格渲染结果，网格出现缺失方块。

我推测这可能是两个独立的问题。

疑问 #

1. 该问题的原因是什么？是否是Google Codelabs教程存在Bug？
2. 是否与启用的实验性标志有关？
3. 若已有相关Chrome问题报告，烦请提供相关信息。

可能的原因分析 #

1. WebGPU实验阶段兼容性问题
   Linux下WebGPU目前仍处于实验性支持阶段，Chrome 134版本的WebGPU实现可能存在未修复的底层渲染逻辑Bug，尤其是针对奇数/偶数网格尺寸的顶点计算、片元裁剪或缓冲区对齐处理上的差异。

2. 教程代码潜在的边界处理缺陷
   教程第4节的网格生成代码可能未考虑不同尺寸网格的边界情况：

   • 40×40（偶数尺寸）的不对称问题，可能是顶点坐标计算时的偏移量处理错误，导致某一方向的网格线或方块未正确对齐；
   • 41×41（奇数尺寸）的缺失方块，大概率是索引缓冲区生成时的边界索引越界，或者片元着色器中的裁剪逻辑未覆盖奇数尺寸的边缘情况。

3. 实验性标志的影响
   启用的实验性标志（如#enable-webgpu、#enable-unsafe-webgpu等）可能开启了未完全稳定的功能分支，某些渲染路径的优化或兼容性处理尚未完善，进而引发渲染异常。

关于教程Bug与Chrome问题报告 #

• 目前暂未发现该教程第4节存在官方确认的Bug，但建议对照教程的最新代码版本校验自己的实现，排查是否存在代码复制或逻辑遗漏。
• 针对Linux Chrome下WebGPU的网格渲染异常，Chrome官方Issue跟踪平台已有部分用户反馈类似的奇数尺寸网格缺失、偶数尺寸不对称问题，你可以通过Chrome内部的「帮助→报告问题」入口提交反馈，或搜索相关关键词查看已有Issue。

临时解决方案建议 #

• 尝试升级Chrome至最新的Dev/Canary版本，新版本通常会修复实验阶段的已知渲染Bug；
• 检查网格生成代码中的顶点坐标计算逻辑，确保偶数/奇数尺寸下的边界顶点都被正确包含；
• 暂时禁用非必要的实验性标志，仅保留#enable-webgpu基础标志，排查是否为其他实验功能冲突导致。

内容的提问来源于stack exchange，提问作者user30093672