2017-01-09 3 views
0

Tween.js 라이브러리를 사용하려고합니다. 그러나, 내 자바 스크립트 코드가 실행될 때 TWEEN 정의되지 않은 degub 콘솔에서 참조 오류가 발생합니다. 내 코드는 또한 다음과 같은참조 오류 : TWEEN이 정의되지 않았습니다.

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(); 

입니다, 내 index.html 파일이 참조 오류가 어떻게 할 수 있습니다 내가 알아낼 수 없습니다

<!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> 

Tween.js

에 대한 가져 오기 문을 포함 해결되었습니다. 누구든지 나를 도울 수 있습니까?

+1

스크립트를 호출하기 전에'tween.js'를 가져와야합니다. –

+1

Tween include를 사용하는 js 파일 위로 이동하십시오. –

답변

2

호출하기 전에 tween.js을 포함해야합니다.

비헤이비어 스크립트 전에 항상 라이브러리 및 리소스 스크립트를 포함하려고합니다.

0

스크립트를 사용하기 전에 Tween.js를 가져와야합니까?

관련 문제