0

私はthree.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で直接ハードコーディングするのではなく、このファイルから値を読み取る上記の例を微調整するにはどうすればよいですか?

助けてくださいありがとう

4

1 に答える 1

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? .

于 2013-02-23T10:46:00.353 に答える