Question

我是tri.js和javascript的新手，所以这可能是一个非常棒的问题。

我在文件中有一个json对象列表，其中包含以下数据：

[
{ "x":x,"y":y,"z":z ,"r":r},
{ "x":x2,"y":y2,"z":z2 ,"r":r2},
{ "x":x3,"y":y3,"z":z 3,"r":r3}
]

并在屏幕上呈现。

这是一个例子：http://mrdoob.github.com/three.js/examples/webgl_materials2.html

除了我从文件中读取的球体值？

我如何调整上面的例子，我从这个文件读取值而不是直接在js中硬编码这些值？

请帮忙感谢

Answer 1

如果您只想将数据与应用程序逻辑分开，那么您不需要创建JSON文件并通过Ajax加载它，您只需创建另一个JavaScript文件和将数据放在那里。

例如：

// myData.js
var myData = [
    { "x":x,"y":y,"z":z ,"r":r},
    { "x":x2,"y":y2,"z":z2 ,"r":r2},
    // ...
];

// --------------

// myApplication.js

// Here goes the three.js code and you can access the data here, for example
alert(myData[0].x);

在HTML文件中，您必须首先包含数据文件，以便所有后续脚本都可以访问myData变量：

<script src="myData.js"></script>
<script src="myApplication.js"></script>
<!-- this works to: -->
<script>
    alert(myData.length);
</script>

如果您想要或必须通过Ajax加载文件，请查看以下问题：How do I load a JSON object from a file with ajax?。

从外部文件中读取数据

1 个答案: