如何在three.js編輯器中創建自定義默認場景？

Question

我正在嘗試使用Three.js編輯器來讓人口參與城市規劃過程。爲此，我希望編輯器加載城鎮的3D版本，而無需用戶手動加載。點擊「新建」也應該再次加載該默認模型。

我已經在我們的服務器上覆制了代碼，它的工作原理。我應該修改哪部分代碼，使鎮上的模型在啓動時已經加載？

Answer 1

三維編輯器的源代碼可用here，您可以在此處下載它，添加代碼以在適當的位置顯示默認模型並存放它。

更新1：添加在編輯器中的場景

自定義模型審查Editor.js我發現，你可以在Editor定義的scene變量使用addObject()功能

添加自定義對象的代碼後

我假設你需要添加一個從攪拌機中以.obj格式輸出的對象，但是使用這個addObject()函數，你可以添加任何對象/網格到編輯器中。

所以在index.html添加以下幾行代碼手動添加模型。

var manager = new THREE.LoadingManager(); 

var loader = new THREE.OBJLoader(manager); 
    loader.load('../obj/male02/male02.obj', function (object) { 
    object.position.y =0; 
    editor.addObject(object);// THIS WAY YOU CAN MANUALLY ADD ANY MESH/OBJECT3D IN THE EDITOR 

}); 

我已經和託管，您可以訪問它，並環顧四周線123看到自定義代碼的例子here。