javascript - 如何在 Threejs 中正确加载 Json 文件

Question

我在 Blender 上完成了几个项目，并决定使用 Threejs 显示其中一个项目，但是该对象没有显示。加载带有关键帧动画的 JSON 文件的正确方法是什么？

Here is the specific JSON file that I want to load

以及我正在使用的代码摘录:

var mesh;
function initMesh() {
var loader = new THREE.JSONLoader();
loader.load('./ocean.json', function(geometry, materials) {
    mesh = new THREE.Mesh(geometry, new THREE.MeshFaceMaterial(materials));
    mesh.scale.x = 0.75;
    mesh.scale.y = 1;
    mesh.scale.z = 0.75;
    scene.add(mesh);
}, undefined, function (e) {console.log('ERROR: ',e )});

Answer 1

我建议从他们的编辑器开始: https://threejs.org/editor/

这里有 GUI，您可以在其中导入 .json、.obj 等。这是查看您所做的事情的快速方法，您可以添加灯光、使用 Material 、添加自定义脚本等。例如，您可以加载一些示例，删除默认对象，导入模型，按播放，如果您喜欢所看到的内容，只需点击发布即可。它将下载整个项目，您可以将其上传到您的服务器，这可以作为 future 工作的基础。

对于快速入门来说，它是完美的，因为它有效并且会激励您进一步调查和学习。

我知道这不是问题的直接答案，但我去过那里，看到所有这些加载器无法工作是令人沮丧的，因为您在从 blender 导出时没有选择所有正确的复选框或任何原因(有可能有很多)。

首先尝试编辑器，弄清楚它是如何工作的，然后继续。只是一个建议