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
에 대한 가져 오기 문을 포함 해결되었습니다. 누구든지 나를 도울 수 있습니까?
스크립트를 호출하기 전에'tween.js'를 가져와야합니다. –
Tween include를 사용하는 js 파일 위로 이동하십시오. –