Windfoil | 画像をベクター図形で再現するWebGPUベースの描画研究とデモが公開 ブラウザ対応

Matt DesLauriers氏によるベクター描画研究「Windfoil」が公開！画像を多数の図形で再現するWebGPU対応ブラウザデモや研究用コードが公開されています。

Windfoil

Matt DesLauriers氏による、ベクターグラフィックスの描画と微分可能レンダリングを扱う研究「Windfoil」が公開されています。
WebGPUで実装されており、公式ページでは、入力画像を多数の図形で再現していくブラウザデモを試すことができます。
図形の形状や色などを調整し、描画結果を元画像に近づけていく仕組みで、写真やイラストが図形の集合として再構成される様子を確認できます。

• 画像を図形で再現：シェイプ、線、カプセル形状、点を使った画像へのフィッティング
• ブラウザデモ：画像の読み込み、図形数や色数、合成方法などの設定に対応
• PNG／SVG出力：デモには再構成した結果のダウンロード機能を用意
• ベクター描画と最適化を統合：二次ベジェ曲線の輪郭から、ピクセル単位の塗りつぶしとアンチエイリアシングを解析的に計算
• 研究用コードを公開：画像フィッティングに加え、ペンプロッター向け最適化や高解像度ラスタライズのサンプルも提供
• ソースコードはApache 2.0ライセンスで公開。
• ローカル実行にはNode.js 22以上とWebGPU対応GPUが必要。

論文ではSkiaやSlugとの描画比較、DiffVGやBézier Splattingとの画像再構成比較も行われています。著者は、比較条件下での描画精度や最適化処理の効率について改善を報告しています。詳しい条件や結果は論文とGitHubをご確認ください。

リンク