如何在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文件

回答

相關問題