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

我已经在Blender上完成了一些项目，并决定使用threejs显示其中的一个，但该对象不显示。用关键帧动画加载JSON文件的正确方法是什么？如何在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)});

来源

2017-08-29 Luis

告诉我们你的代码的其余部分，你有你的场景灯？ – 2pha

我建议先从自己编辑： https://threejs.org/editor/

这里有GUI在那里你可以import .json，.obj等这是一种快速查看你做了什么，你可以添加灯光，玩材料，添加自定义脚本等。 For e xample你可以加载一些例子，删除默认对象，导入你的模型，按播放，如果你喜欢你看到的只是点击发布。它会下载整个项目，您可以上传到您的服务器，并可以作为未来工作的基础。

为了快速入门，它是完美的，因为它的工作原理，并会激励你进一步调查和学习。

我知道这不是直接回答这个问题，但我一直在那里，看到所有这些装载机不工作，因为在从搅拌机导出时没有选择所有正确的复选框或者任何原因（可能会有很多）。

先尝试编辑器，找出它是如何工作和继续前进的。只是一个建议

来源

2017-08-29 12:29:09 Goran

+1，开始的好地方。我个人使用glTF导出器将模型导入到three.js和（免责声明：我写它）这个[drag-and-drop viewer]（https://gltf-viewer.donmccurdy.com/）来测试它们三个.js文件。这具有自动播放动画的优点，这是官方编辑目前没有的。 –

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

回答

相关问题