Dg WebGPU Player｜DAZアニメーション&ポージングモデルのWebビュアーをGemini3で制作し公開

DAZ Genesis9 のアニメーションモデルとポージングモデルのGLB版を360° 3DVRで見回せる、WebGPUとTHREE.JSを用いたWebビュアーをGemini3 Pro Canvasで制作したので、DAZサンプルモデルとともに紹介します。

Dg WebGPU Player アルファ版

以下のリンクを開いて、右上のメニューからサンプルを読み込んでお試しください。GLBサンプルモデルのファイルサイズを２種類用意しています。

GLBモデル - オリジナル版

GLBモデルのファイルサイズ：
・アニメーション：142MB
・ポージング：131MB

一般的なPCやモバイルデバイスでは多少動作が重くなります。

GLBモデル - OptimizeGLB版

OptimizeGLBによりファイルサイズを圧縮しています。オリジナル版ではサンプルモデルのファイルが読込できない場合や、動作が重すぎる場合などにお試しください。

・アニメーション：58MB（41%に圧縮）
・ポージング：35MB（27%に圧縮）

スクリーンショット集

対応ブラウザー

最新版のChromeブラウザーを前提に制作しテストしていますが、EdgeやSafari、Braveなどの最新版でも基本的に動作することを確認済です。

Chromeブラウザーの実験的機能の設定

以下の設定をしなくても動作はしますが、設定することで動作が安定したり高速化が期待できます。

URL窓に「chrome://flags」と入力しEnter/Returnを押します。

「gpu」で検索し「GPU rasterization」を「Enabled」にし、「webgpu」で検索し「WebGPU Developer Features」を「有効」にし、Chromeを再起動します。

DAZサンプルモデル

今回サンプルモデルとして採用したDAZモデルや各種アイテムは以下です。

DAZモデルのGLB化

DAZ Studioからは直接GLBエクスポートができないので、スケール0.01（cmからmに単位変換）でOBJエクスポート（dForce後）します。

・アニメーションモデル：ZIP圧縮してMixamoでアニメーションし、FBXをBlenderにインポート

・ポージングモデル：OBJを直接Blenderにインポート

各種マテリアルやテクスチャーの設定・加工後に、開始フレームにキーフレームを打って（Iキーを押す）からアニメーションオンでGLBエクスポートします。
（テクスチャのベイクやノーマルマップなどはDAZ to Blenderを利用）

使い方

初期状態とエラーからの回復

初期状態の回転する赤い立方体が表示されれば、WebGPUとTHREE.JSが正常に読み込まれ動作しています。

ログにエラーが表示される場合は、ブラウザーの再読み込みやメニューの「再起動」を行ってください。

マウス操作（デスクトップPC）

・左ドラッグ：シーンを回転
・右ドラッグ：モデルを移動
・ホイール：シーンをズーム（カメラの焦点距離）

画面タッチ操作（モバイルデバイス）

・シングルスワイプ：シーンを回転
・ダブルスワイプ：モデルを移動
・ピンチ：シーンをズーム（カメラの焦点距離）

プロモード

メニューの「プロモード」を選ぶと、以下のパネルが開き、詳細なシーンやモデルなどの設定が可能です。

この設定は、メニューの「設定を保存（JSON）」で、任意のローカルフォルダーに保存し、「ファイルを開く」で読み込めます。

没入モード

右上の目のアイコンをクリック/タップすると「没入モード」に切り替わり、ユーザーインタフェースのほとんどが非表示になり、タイトルや目のボタンなどは半透明のウォータマークっぽく表示されます。

シーンのスクリーンショットなどでご活用ください。

まとめ

WebGPUとTHREE.JSを用いたDAZモデル向けのWebビュアーをGemini3 Pro Canvasで制作したので、DAZサンプルモデルとともに紹介しています。

現在はアルファ版なので、もし機能や使い勝手でご要望や改善点などがあれば、コメントやダイレクトメッセージでご連絡ください。次回のベータ版にできるだけ反映したいと思います。

今後は、オリジナルのDAZモデル作品や、Meshy AIなどの生成AIで制作した3Dモデル作品の公開に使っていきたいと考えています。

従来は、SketchfabやSpline 3Dなどの有料サービスを使っていましたが、課金を負担に感じていたので、（Gemini Proへの課金は除き）今後は無料で公開できます。

このWebアプリのHTMLコードのユーザーへの提供は、今のところ考えていませんが、ご要望があれば、有料（「チップで応援する」機能を使用）にて提供することも可能ですので、ダイレクトメッセージにてお問い合わせください。

参考リンク