2016-10-13 4 views
0

私はA-フレームシーンに外付け部品を使用するか、インストールするにはどうすればよいAFRAME-エキストラからshadowようhttps://github.com/donmccurdy/aframe-extras/tree/master/src/shadowsAフレームのシーンにコミュニティ/サードパーティのコンポーネントをインストールするにはどうすればよいですか?

をコンポーネントを使用したいですか?

<html> 
    <head> 
    <script src="https://aframe.io/releases/0.3.2/aframe.min.js"></script> 
    </head> 
    <body> 
    <a-scene> 
     <a-box color="red" position="0 0 -4"></a-box> 
    </a-scene> 
    </body> 
</html> 

答えて

1

一般に、GitHubの公開されたAフレームコンポーネントは同じテンプレートに従います。この場合、シャドウコンポーネントのJSファイルは、ルートdist/フォルダのhttps://github.com/donmccurdy/aframe-extras/blob/master/dist/aframe-extras.shadows.js ...にあります。

シーンから外部にJSファイルを含めるには、CORS:rawgit.comまたはunpkg.comを許可するCDNサービスをいくつか使用できます。コンポーネントを使用して、コンポーネントのスクリプトタグを追加します。AFRAME

<html> 
    <head> 
    <script src="https://aframe.io/releases/0.3.2/aframe.min.js"></script> 
    <script src="https://rawgit.com/donmccurdy/aframe-extras/master/dist/aframe-extras.shadows.js"></script> 
    <!-- or <script src="https://unpkg.com/aframe-extras/dist/aframe-extras.shadow.js"></script> 
    </head> 
</html> 

<head>内のスクリプトタグは、それからちょうど

<a-scene> 
    <a-box color="red" position="0 0 -4" shadow="cast: true; receive: true"></a-box> 
    <a-light shadow-light="cast-shadow: true"></a-light> 
</a-scene> 

あなたのHTMLにそうちょうど2つの手順をコンポーネントを使用します。

関連する問題