XRExtrasをCloud Editorにインポートする

このセクションでは、8th Wall Cloud Editorを使用していて、XRExtrasの完全にカスタマイズされたバージョンを作成する必要がある上級ユーザーを対象としています。 このプロセスには

• GitHubからXRExtrasのコードをクローンする。
• Cloud Editorプロジェクトにファイルをインポートする
• すべての.jsファイルを調べ、エクスポートを調整する。
• XRExtrasのデフォルトをCDNから取得する代わりに、ローカルのカスタムコピーを使用するようにコードを更新する（metaタグを使用）。

XRExtrasのローディング画面の基本的なカスタマイズしか必要ない場合は、代わりにこのセクションを参照してください。

注意：XRExtrasのコピーをCloud Editorプロジェクトにインポートすることで、CDNから利用できる最新のXRExtrasのアップデートと機能を受け取ることができなくなります。 新しいプロジェクトを始める際には、常に最新のバージョンの XRExtrasコードを GitHub から引っ張ってくるようにしてください。

使用方法：

1. Cloud Editorのプロジェクト内に myxrextras フォルダを作成します。

2. https://github.com/8thwall/webのクローン

3. xrextras/src/ ディレクトリ (https://github.com/8thwall/web/tree/master/xrextras/src) の内容をプロジェクトに追加します。ただし、 index.jsを除きます。

4. プロジェクトの内容は以下のようになります：

5. head.htmlで、@8thwall.xrextrasの <meta> タグを削除またはコメントアウトして、CDNから引き込まれないようにします：

6. app.jsで、ローカルなxrextrasライブラリをインポートする：

7. myxrextras/ の下にある *.js ファイルをすべて調べ、 module.exports をすべて exportに置き換えます：

例：

myxrextras/aframe/aframe.js：

myxrextras/aframe/aframe.js：

画像アセットの変更・追加

まず、新しい画像をassets/にドラッグ & ドロップして、プロジェクトにアップロードします：

html ファイルの src params で、相対パスで画像アセットを参照する：

<img src="​../../assets/​my-logo.png" id="loadImage" class="spin" />

javascript ファイルでは、相対パスとrequire() を使用してアセットを参照します：

img.src = require('../../assets/my-logo.png')