Visual Studio Codeの拡張機能「glTF Tools」を使ってglTFファイルをプレビューしながら編集する

本日は VSCode の小ネタ枠です。
Visual Studio Codeの拡張機能「glTF Tools」を使ってglTFファイルをプレビューしながら編集する方法を記事にします。

glTF Toolsとは

Visual Studio Code で glTF ファイルの編集を補助する拡張機能です。
バイナリ形式の glb ファイルの展開機能やデータの検査機能を持ちます。
marketplace.visualstudio.com

glTF Toolsのインストール

Visual Studio Code を起動し、[Extensions]ボタンをクリックして[glTF Tools]で検索を行います。

一覧に表示される[glTF Tools]を選択し、[Install]を実行します。

インストールが完了すると機能は自動で有効化されます。
拡張機能を有効化されているかは再び[glTF Tools]のページを開いたとき、[Disable]ボタンが表示されていることで確認できます。

glTFファイルの読み込みとプレビュー

glTF ファイルを VSCode にドラッグして読み込むことができます。

右上の[Preview 3D Model]ボタンをクリックすると、読み込んだ glTF ファイルを別窓で表示できます。
関連ファイルを編集するとリアルタイムに変更結果を確認できます。