Vercel Labsが開発する「vgpu」は、シェーダーや3D描画、GPUコンピューティングなどでWebGPUを扱いやすくするオープンソースのTypeScriptライブラリです。ブラウザだけでなくNode.jsやテスト環境にも対応しています。
vgpu
vgpuは、Vercel Labsによって開発されている、WebGPU向けのオープンソースTypeScriptライブラリです。
WebGPUをベースに、WGSLシェーダーを利用したエフェクトや3Dシーン、GPUコンピューティングなどを構築するためのAPIを提供します。
大規模な3Dエンジンを導入するのではなく、必要な機能だけを利用できる小さなGPU-first APIとして設計されているのが特徴です。
- TypeScriptからWebGPUを利用:描画、エフェクト、Compute処理、Render Targetなどを扱うAPIを提供
- WGSLの型付きImport:
.wgslファイルをTypeScriptモジュールのようにImport可能 - WGSL Reflection:Binding名や型、レイアウトなどを解析し、手書きのBinding宣言との同期作業を削減
- 軽量設計:未使用コードを削除できる構成で、公式ではフルスクリーンエフェクトの例がgzip圧縮時約25KB
- マルチランタイム対応:ブラウザ、Headless Node.js、テスト向けMock環境で共通APIを利用可能
- Headless GPU処理:Node.jsではDawnベースのバックエンドを利用
- 明示的なフレーム処理:Pass、Clear、Drawなどを明示的に記述するGPU-firstな構成
- WGSL標準ライブラリ:Math、Color、Sampling、Noise、Hashなどの再利用可能なWGSLモジュールを用意
- AIコーディングエージェントからの利用も想定:AIコーディングエージェントから利用されることも想定した仕組みが用意
Webブラウザだけを対象としたライブラリではなく、vgpu/nodeを利用することでHeadless Node.js環境からGPU処理を実行できます。
またvgpu/mockでは、GPUを必要としない決定論的なMock Adapterを利用できるため、テストやCIにも同じAPIを使用できます。
ライセンス
MIT Licenseで公開されています。
ソースコードや詳しいドキュメント、ブラウザ上で動作するExamplesは公式サイトから確認できます。
いわゆる「AIにも扱わせやすく設計された軽量WebGPU開発ライブラリ」ということで
私も何かしらちょっと活用してみようかな?
詳細はサイトを是非チェックしてみてください!










コメント