2017-01-09 23 views
0

私はTween.jsライブラリを使用しようとしています。しかし、私のjavascriptのコードが実行されると、TWEENが定義されていないことを示すdegubコンソールに参照エラーが表示されます。私のコードは、私がこの参照エラーがいかに把握することはできません。また、私のindex.htmlファイルがTween.js参照エラー:TWEENが定義されていません

<!DOCTYPE html> 
<html> 

<head> 
    <title>3D Checkers</title> 

    <link rel="stylesheet" href="css/style.css" /> 

</head> 

<body> 

    <div id="boardContainer" class="boardContainer"></div> 

    <script src="js/three/three.js"></script> 
    <script src="js/three/Projector.js"></script> 
    <script src="js/three/OrbitControls.js"></script> 

    <script src="js/Game.js"></script> 
    <script src="js/BoardController.js"></script> 
    <script src="js/main.js"></script> 

    <script src="js/tween/Tween.js"></script> 

</body> 

ためのimport文が含まれている以下の

function armTween(){ 
    var position = {x: -20, y: squareSize*11, z : 10}; 
    var target = {x: -10, y: -1.75, z: -10}; 

    var tween = new TWEEN.Tween(position) 
      .to(target, 500) 
      .easing(TWEEN.Easing.Elastic.InOut). 
      onUpdate(function(){ 
       console.log("onUpdate"); 
        lowerArm.position.x = position.x; 
        lowerArm.position.y = position.y; 
        lowerArm.position.z = position.z; 
      }); 

    tween.start(); 

です解決される。誰でも助けてくれますか?

+1

あなたがそれを呼び出すスクリプトの前に 'tween.js'をインポートする必要があります –

+1

それを使用するjsファイルの上にTweenインクルードを移動してみてください –

答えて

2

あなたが呼び出すスクリプトの前にtween.jsを含める必要があります。

ビヘイビアスクリプトの前に、ライブラリとリソーススクリプトを常に含めることができます。

0

それに依存するスクリプトの前にTween.jsをインポートする必要がありますか?

関連する問題