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

但它不显示任何东西？而且我在萤火虫中也看不到任何错误 有什么建议吗？ 谢谢

Answer 1

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

1. var scene = new THREE.Scene（）;
2. scene.add（camera）;
3. var sphere = new THREE.Mesh（...）;
4. scene.add（sphere）;

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