2016-10-25 21 views
7

私はAngular 2アプリにTHREE.jsを実装しようとしています。ライブラリをAngular 2に正常にインポートできませんでした。旧式のソースコードを持ついくつかのプロジェクトがあり、Angular 2(beta)またはAngular jsのいずれかで動作します。今、私はTHREE.jsを実行する空白のプロジェクトを持っていることを光栄に思うでしょう。そこから私の指示を始めることができました。Angular 2 and Three.js

角度2のプロジェクトにTHREE.jsを追加する方法の良い例や指針が分かっている人は、私はそれを感謝します。

答えて

2

あなたは2つのステップであなたのAngular2アプリにThree.jsを実装できます。

  1. npm install threeコマンドを使用してモジュールにライブラリを追加します。
  2. import * as THREE from 'three'をコンポーネントまたはサービスの中に入れます。

npm install --save @types/threeを入力してください。

0

3の手順は以下のようになりので、あなたは、角-cli.jsonファイルを使用する必要があります。

  1. npm i three --saveコマンドを使用してモジュールにライブラリを追加します。

  2. は、「スクリプト」エリアで「アンギュラcli.json」ファイルにライブラリを含める:

    "scripts": [ 
        "../node_modules/jquery/dist/jquery.min.js", 
        "../node_modules/three/build/three.min.js", 
    ], 
    
  3. お使いのコンポーネントまたはサービスの一番上にdeclare var THREE:any;を置きます。