[Web APP] VRM Validator - VRMモデルの3Dプレビュー付きバリデーター
概要
VRM ファイルの構造を解析し、3Dプレビューとバリデーション結果を並べて表示するツール。 既存のVRMバリデーターがJSONレポートを出力するだけなのに対し、実際にモデルを表示しながらチェック結果を視覚的に確認できる。
ファイルはローカル環境(ブラウザ内)で処理され、外部サーバーには送信されません。
🔗 ツールを開く: VRM Validator
[WEB App] VRM Validator
PROTOCOL.LAIN // VRMモデルの3Dプレビュー付きバリデーター
lain-lab.com
使い方
1. VRM を読み込む
画面左側のプレビューエリアからモデルを読み込む。
- ドラッグ&ドロップ — .vrm ファイルをプレビューエリアにドロップ
- クリックで選択 — 「SELECT FILE」をクリックしてファイル選択ダイアログから選ぶ
読み込みが完了すると、左側に3Dプレビュー(自動回転)、右側にバリデーション結果が表示される。
2. VALIDATION タブ — チェック結果の確認
バリデーション結果はカテゴリ別に表示される。各カテゴリをクリックすると詳細が展開される。
| アイコン | 意味 |
|---|---|
| ✓ (シアン) | 問題なし |
| ⚠ (黄色) | 警告 — 動作するが改善推奨 |
| ✗ (赤) | エラー — 修正が必要 |
| ℹ (グレー) | 情報 — 参考値 |
チェックカテゴリ
| カテゴリ | チェック内容 |
|---|---|
| META | VRMバージョン、タイトル、作者、ライセンスの有無 |
| GEOMETRY | ポリゴン数(10万超で警告)、メッシュ数(16超で警告) |
| MATERIAL | マテリアル数(10超で警告) |
| TEXTURE | テクスチャ解像度(2048超で警告) |
| BONE | 必須ボーン15個の存在確認、推奨ボーン31個の存在確認 |
| EXPRESSION | ブレンドシェイプ(表情)の設定有無 |
| PHYSICS | Spring Bone(揺れもの)の検出 |
| FILE | ファイルサイズ(50MB超で警告) |
| PLATFORM | VRoid Hub・VRChat各ランクの制限との照合 |
警告やエラーの項目を展開すると、💡マーク付きの修正ガイドが表示される。 「BlenderのDecimateモディファイアで削減」「VRM Add-onのメタデータセクションで入力」など、具体的な対処方法を確認できる。
3. DETAILS タブ — モデル統計の確認
モデルの全統計情報をフラットに表示する。
| セクション | 表示内容 |
|---|---|
| MODEL | VRMバージョン、タイトル、作者、ライセンス、ファイルサイズ |
| GEOMETRY | ポリゴン数、メッシュ数、マテリアル数 |
| TEXTURES | 全テクスチャの名前と解像度の一覧 |
| BONES | 必須/推奨ボーンの充足率、欠落ボーン名 |
| EXPRESSIONS | ブレンドシェイプ名の一覧 |
| PHYSICS | Spring Bone Joints数 |
4. REPORT タブ — テキストレポートの出力
バリデーション結果をテキスト形式のレポートとして出力する。
- COPY — クリップボードにコピー(SNSやチャットに貼り付け可能)
- DOWNLOAD .TXT — テキストファイルとしてダウンロード
レポートにはモデル統計、テクスチャ一覧、プラットフォーム互換性、問題点と修正ガイドが含まれる。
プラットフォーム互換性チェック
VRM Validatorは以下のプラットフォームのアップロード制限と自動照合を行う。
| プラットフォーム | ファイルサイズ | ポリゴン数 | マテリアル数 | テクスチャ | メッシュ数 |
|---|---|---|---|---|---|
| VRoid Hub | 100MB | 200,000 | — | — | — |
| VRChat (Quest) | — | 10,000 | 4 | 1024px | 4 |
| VRChat (PC Excellent) | — | 32,000 | 8 | 2048px | 8 |
| VRChat (PC Good) | — | 70,000 | 16 | 2048px | 16 |
制限を超過している項目がある場合、VALIDATIONタブのPLATFORMカテゴリに具体的な超過内容が表示される。
必須ボーン・推奨ボーン一覧
必須ボーン(15個)
VRM仕様で必須とされるヒューマノイドボーン。1つでも欠落するとエラーになる。
hips, spine, head, leftUpperArm, leftLowerArm, leftHand, rightUpperArm, rightLowerArm, rightHand, leftUpperLeg, leftLowerLeg, leftFoot, rightUpperLeg, rightLowerLeg, rightFoot
推奨ボーン(31個)
欠落してもVRMとして成立するが、VRChatなどのアプリケーションでハンドジェスチャーや表現が制限される場合がある。
neck, chest, upperChest, leftShoulder, rightShoulder, leftToes, rightToes, leftEye, rightEye, jaw ほか指ボーン21個
技術仕様
| 項目 | 内容 |
|---|---|
| レンダリング | Three.js (WebGL) |
| VRM パース | @pixiv/three-vrm |
| フレームワーク | Astro + React (TSX) |
| データ処理 | 全てブラウザ内、サーバー通信なし |
対応ブラウザ
WebGL 対応のモダンブラウザ(Chrome / Edge / Firefox / Safari)。 VRMファイルのパースをブラウザ内で行うため、PC環境での利用を推奨。