私は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();
です解決される。誰でも助けてくれますか?
あなたがそれを呼び出すスクリプトの前に 'tween.js'をインポートする必要があります –
それを使用するjsファイルの上にTweenインクルードを移動してみてください –