三、括号中无法识别的东西

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 的实时预览功能时，什么都没有显示，我认为这是因为在 Brackets 中无法识别 THREE.something。我已经下载了 three.js，所以我应该使用 JSON 文件还是什么？此外，对于您发现的任何问题的任何其他帮助，我们将不胜感激。

Answer 1

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

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

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