Question

我正在尝试使用Tween.js库。但是，当我的javascript代码运行时，我在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文件包含Tween.js的import语句

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

我无法弄清楚这个参考错误是如何解决的。任何人都可以帮助我吗？

Answer 1

您需要在调用脚本之前加入tween.js。

您始终希望在行为脚本之前包含库和资源脚本。

Answer 2

您需要在依赖它的脚本之前导入Tween.js吗？

参考错误：未定义TWEEN

2 个答案: