WebGPUかWebGLか: 2026年に私たちが出荷するもの、その理由

ブラウザの現状

WebGPUはいま、デスクトップのChrome、Edge、Safari、Firefoxと、現行のほとんどのスマートフォンに搭載されています。WebGL 2はどこにでもあります。ショールームで顧客が手にしている4年前のAndroid端末にも。どちらも現実的なターゲットです。

WebGPUで得られるもの

コンピュートシェーダー: WebGLでは工夫が必要なパーティクルシステム、物理演算、画像処理を、GPU上で直接行えます。描画ごとのオーバーヘッドが低く、同じフレームレートでより多くのオブジェクトを扱えます。シェーダーは専用に設計された言語WGSLで書きます。

WebGLが保つもの

到達範囲です。製品ページがすべての訪問者に届かなければならないなら、WebGLが下限です。このサイトのホームページが140,000のパーティクルをWebGLで動かしているのは、まさにその理由からで、中級のスマートフォンで秒間60フレームを保っています。

どう判断するか

最初の打ち合わせで、端末クラスごとのフレームレート予算を定めます。シーンがWebGLで予算を保てるなら、WebGLで出荷し、誰もが見られるようにします。コンピュートが必要なら、WebGPUで出荷し、機能ではなく品質を下げるWebGLの経路を添えます。モーションがオフ、またはGPUがない場合は静止画。どの訪問者にも空白の枠は見せません。

試してみる

ラボの WebGPUチェック は、お使いのブラウザとGPUに何ができるかを1秒でお伝えします。