Question

如何通过从完整场景.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>

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

我哪里出错了？

Download: .JSON File

Answer 1

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

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

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

1 个答案: