JavaScript 代码不起作用

Question

我正在尝试使用 Three.js 库，它是一个 javascript 3d 库...

所以代码片段是这样的:

var segments = 16, rings = 16;
//var radius = 50;  <-- original

// create a new mesh with sphere geometry -
// we will cover the sphereMaterial next!
var scene = new THREE.Scene();
// My read from file snippet.
$.getJSON('sample.json', function(data) {  
     var radius = data.circles.r;
     console.log(radius);


    var sphere = new THREE.Mesh(
       new THREE.SphereGeometry(radius, segments, rings),
       sphereMaterial);

    // add the sphere to the scene
    scene.add(sphere);
});
// and the camera
scene.add(camera);

所以基本上早期这段代码..半径是硬编码的(第二行)，但不是硬编码半径..我从下面的json文件中读取它？

{
 "circles":

{"x":14,"y":2,"z":4,"r":20}
}

但是什么也没显示？我也没有在 firebug 中看到任何错误有什么建议么？谢谢

Answer 1

对 $.getJSON(...) 的调用是异步的。所以语句的顺序很可能是

1. var scene = new THREE.Scene();
2. 场景.add(相机);
3. var sphere = new THREE.Mesh(...);
4. 场景.add(球体);

如果将 scene.add(camera); 移动到成功函数中，它应该像以前一样工作。