aframe inspector

Aフレームインスペクター

Aフレームシーンの視覚検査ツール。 Aフレームシーンで<ctrl> + <alt> + iを押して、検査官を開くだけです。

• ドキュメント /ガイド
• 例

また、チェックしてください：

• A -Frame Watcher -HTMLファイルの変更を同期するコンパニオンサーバー。

検査官を使用します

キーボードショートカット

Aフレームには、インスペクターを注入するためのキーボードショートカットが付属しています。 Aフレームシーンを開いて（少なくともAフレームV0.3.0を実行）、 <ctrl> + <alt> + iを押して、DOM検査官を使用するように、検査官を注入するだけです。

インスペクタービルドの指定

これは、 inspectorコンポーネントで行われます。デフォルトでは、これはすでにシーンに設定されています。必要に応じて、URLを渡すことにより、注入する検査官の特定のビルドを指定できます。デバッグ用：

 < a-scene inspector =" url: http://localhost:3333/dist/aframe-inspector.js " >
  <!-- Scene... -->
</ a-scene >

検査官のマスターブランチを使用するには：

 < a-scene inspector =" url: https://cdn.jsdelivr.net/gh/aframevr/aframe-inspector@master/dist/aframe-inspector.min.js " >
</ a-scene > 

ローカル開発

git clone [email protected]:aframevr/aframe-inspector.git
cd aframe-inspector
npm install
npm start

次に、 http：// localhost：3333/examples/に移動します/

サンプルアセットディレクトリを自己ホストします

テクスチャモーダルは、https：//aframe.io/sample-assets/dist/images.jsonを使用して、使用可能なテクスチャを取得しています。これらの資産のgithubリポジトリはhttps://github.com/aframevr/sample-aspessetsです

このディレクトリを自己ホストしたい場合は、次のことを行います。

 cd examples
git clone [email protected]:aframevr/sample-assets.git

index.htmlを編集し、スクリプトの前にこのグローバル変数をタグ付けする前に定義します。

 < script > window . AFRAME_SAMPLE_ASSETS_ROOT = "./sample-assets/" ; </ script >