THREE.something 无法在括号中识别

Question

我的代码是：

var camera, scene, renderer;
var mesh;
var x, y, z;

function init() {
    "use strict";
    renderer = new THREE.WebGLRenderer();
    renderer.setPixelRatio(window.devicePixelRatio);
    renderer.setSize(window.innerWidth, window.innerHeight);
    document.body.appendChild(renderer.domElement);

    camera = new THREE.PerspectiveCamera(70, window.innerWidth / window.innerHeight, 1, 100);
    camera.position.z = 400;

    scene = new THREE.scene();

    function createplanet() {

        var colorget, geometry;
        function randomcolor() {
            var letters, color, i;
            color = '#';
            letters = '0123456789ABCDEF'.split('');
            i = 1;
            if (i === true) {
                color += letters[Math.floor(Math.random() * 16)];
            }
            return color;
        }

        geometry = new window.THREE.SphereGeometry(x, y, z);
        x = Math.random() * 3;
        y = Math.random() * 10;
        z = y;

        colorget = new window.THREE.LineBasicMaterial({color: randomcolor()
                                              });
}
}


init();
animate();

注意：稍后我会添加动画功能。

我的问题是，每当我尝试使用 Brackets 的实时预览功能时，没有任何显示，我认为这是因为 THREE.something 在 Brackets 中无法识别。我已经下载 three.js 那么我应该使用 JSON 文件还是什么？此外，对于您注意到的任何问题的任何其他帮助，我们将不胜感激。

Answer 1

在您的 HTML 文件（调用此 JavaScript 代码或将其嵌入其中的文件）中，您应该引用您的 three.js 文件。

例如，如果它位于 scripts 文件夹中，您将键入 <script src="scripts/three.js"></script>。

重要提示： 此行必须位于调用您的 JavaScript 上面引用的代码的行之上.

THREE.something 无法在括号中识别

THREE.something not recognized in Brackets

javascript

three.js

adobe-brackets