Three.js：如何计算场景中添加的对象数量

Question

Three.js：如何计算场景中添加的对象数量

3

如何通过从完整场景.blend文件导出的元素访问元素！

在这个测试中，我使用Blender导出了一个包含四个立方体的场景。现在，我想用three.js将这些立方体（对象）存储在JavaScript数组中。我尝试了以下代码：

<html lang="pt-BR">
<head>
    <meta charset="UTF-8" />
</head>
<script src="./js/three.min.js"></script>
<script src="./js/OrbitControls.js"></script>
<script type="text/javascript" src="./js/dat.gui.min.js"></script>
<script src="./js/OBJLoader.js"></script>

<div id="render">
</div>

<script>
// VARIÁVEIS

var qtd = 0;
var tam = 0;
var Modelo;
var Elementos = [];

// OBJETOS
var Render = new THREE.WebGLRenderer();
var Cenario = new THREE.Scene();
var Cam = new THREE.PerspectiveCamera();
var LuzDir;
var controles;

// modelo 3d com .ObjectLoader()
var Modelo3d_Object = new THREE.ObjectLoader();
Modelo3d_Object.load('modelo3d_teste.json', funcaoCarregaJSON);

// INI FUNCOES
inicio();
animacao();
console.log(Cenario);
console.log(Cenario.__webglObjects);
Elementos = Cenario.__webglObjects;
console.log(Elementos.length); 

// FUNÇÕES
function inicio(){
    Render.setSize(600,600);
    document.getElementById('render').appendChild(Render.domElement);
    Cam.position.z = 100;
    Cenario.add(Cam);
    Cenario.add(new THREE.GridHelper(100,10));
    LuzDir = new THREE.DirectionalLight(0xffffff, 1);
    LuzDir.position.set(100, 100, 50);
    Cenario.add(LuzDir);
    controles = new THREE.OrbitControls(Cam, Render.domElement);    
}

// Carrega arquivo JSON
function funcaoCarregaJSON(geometry){
    geometry.position.x = 0;
    geometry.position.y = 0;
    geometry.position.z = 0;
    Cenario.add(geometry);
}

function animacao() {
    requestAnimationFrame(animacao);
    render_modelo();
}

function render_modelo(){
    // Renderizar
    Render.render(Cenario, Cam);
}    
</script>
<html>

但是在这种情况下，我只能看到一个元素。

我错在哪里了？？

下载：.JSON文件

- user4659257

2个回答

1

您应该计算场景中的子元素：

Cenario.children.length

- The Maestro

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- gaitat · Accepted Answer

在你的funcaoCarregaJSON()中，在返回之前，我会这样做：

var numOfMeshes = 0;
geometry.traverse( function( child ) {
    if( child instanceof THREE.Mesh )
        numOfMeshes++;
} );