Я пытаюсь использовать библиотеку Tween.js. Однако, когда мой код javascript запускается, я получаю опорную ошибку в консоли дегуба, которая указывает, что TWEEN не определен. Мой код выглядит следующим образомИсходная ошибка: 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 содержит оператор импорта для Tween.js
<!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, которые его используют –