javascript代码不起作用

javascript代码不起作用,javascript,jquery,three.js,Javascript,Jquery,Three.js,我正在尝试使用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

我正在尝试使用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);
但它什么也没表现出来?我在firebug中也没有看到任何错误 有什么建议吗?
感谢对
$的调用。getJSON(…)
是异步的。所以陈述的顺序很可能是

  • var scene=new THREE.scene()
  • 场景。添加(摄影机)
  • var sphere=新的三个网格(…)
  • 场景。添加(球体)
    如果移动
    场景,则添加(摄影机)
    $.getJSON(…)
    的调用是异步的。所以陈述的顺序很可能是

  • var scene=new THREE.scene()
  • 场景。添加(摄影机)
  • var sphere=新的三个网格(…)
  • 场景。添加(球体)
    如果移动
    场景,则添加(摄影机)
    进入您的成功功能,它应该像以前一样工作。

    谢谢。。它不起作用。我收到一条警告:“不推荐使用:摄影机尚未添加到场景中。添加它…”获取此对象的正确方法是什么?从中读取数据并将其作为参数传递?@user2052251在更改为
    getJSON
    之前的顺序是什么?请查看上面的链接。@user2052251然后必须将所有代码移到
    render(…)
    当然可以加入到您的成功功能中。您好。。现在我更新了json,它不是一个圆圈,而是一个圆圈列表,它再次失败。。。你能看一下吗谢谢。。它不起作用。我收到一条警告:“不推荐使用:摄影机尚未添加到场景中。添加它…”获取此对象的正确方法是什么?从中读取数据并将其作为参数传递?@user2052251在更改为
    getJSON
    之前的顺序是什么?请查看上面的链接。@user2052251然后必须将所有代码移到
    render(…)
    当然可以加入到您的成功功能中。您好。。现在我更新了json,它不是一个圆圈,而是一个圆圈列表,它再次失败。。。你能看一看它是否直接为你工作,没有JSON调用?它是否直接为你工作,没有JSON调用?
    {
     "circles":
    
    {"x":14,"y":2,"z":4,"r":20}
    }