Javascript 无法使用THREE.js导入Blender 2.79 JSON

我正在

Angular

项目中创建三维图形可视化，使用并且需要使用使用

Blender

设计的三维模型作为图形中的节点。我尝试了以下代码，但是使用

three.js

导入的对象返回

undefined

，并且多次生成以下警告

Offscreen-For-WebGL-0000014E33B8D990]RENDER WARNING: Render count or primcount is 0.

代码如下：

var self=this；
var loader=new THREE.JSONLoader（）；
var house=loader.load（“assets/model/house.json”，
功能（obj）{
//加载对象后
console.log（“house--”+house）；//返回未定义的
self.showGraph（gData、house、themeNum）；
控制台日志（“绘制的图形”）；
},
//onProgress回调
函数（xhr）{
log（（xhr.loaded/xhr.total*100）+'%loaded'）；
},
//错误回调
功能（err）{
console.error（'发生错误--'+err）；
}
);
//用于绘制图形的函数--在三维模型加载时执行
showGraph（gData:any、house:any、themeNum:any）{
常量图=ForceGraph3D（）
（document.getElementById（'3d-graph'））
.nodeThreeObject（（{group}）=>new THREE.Mesh(
[
新的THREE.BoxGeometry（Math.random（）*20，Math.random（）*20，Math.random（）*20），
房子
新的3.Cylinder几何体（Math.random（）*10，Math.random（）*10，Math.random（）*20），
新的三面体几何（Math.random（）*10），
新的三点球面法（Math.random（）*10），
新的3.TorusGeometry（Math.random（）*10，Math.random（）*2），
新的3.TorusKnotGeometry（Math.random（）*10，Math.random（）*2）
][小组]，
新的三点网格材料({
颜色：this.themes[themeNum][group]，
透明：是的，
不透明度：0.75
})
))
.nodeAutoColorBy（‘组’）
.onNodeClick（节点=>{
this.attach3DNodeClickEvent（节点）；
})      
.graphData（gData）；
}

搅拌机出口商今年最终将被删除，因此我建议您尝试使用新的

three.js

有一个非常好的工具，可以用来替代

JSONLoader

---

这是一种更加稳健和经得起未来考验的方法。

搅拌机出口商今年最终将被删除，因此我建议您尝试使用新的方法

three.js

有一个非常好的工具，可以用来替代

JSONLoader

---

这是一种更加健壮且经得起未来考验的方法。

使用

var-loader=new-THREE.GLTFLoader（）

会给出一个错误，说明

GLTFLoader不是构造函数。如何在角度项目中导入
GLTFLoader
？是的，
GLTFLoader
仍然是示例的一部分。我希望我们能在某个时候把它转移到核心。无论如何，我不熟悉角度项目的结构。您是否需要
GLTFLoader
作为一个模块？可以使用中的纱线导入它。可能。TBH，在这种情况下，我不知道一个好的解决方案。我希望其他人能给你一个建议。使用
var loader=new THREE.GLTFLoader（）
会出现一个错误，说明
GLTFLoader不是构造函数。如何在角度项目中导入
GLTFLoader
？是的，
GLTFLoader
仍然是示例的一部分。我希望我们能在某个时候把它转移到核心。无论如何，我不熟悉角度项目的结构。您是否需要
GLTFLoader
作为一个模块？可以使用中的纱线导入它。可能。TBH，在这种情况下，我不知道一个好的解决方案。我希望其他人能给你一个建议。