Three.js導入Blender模型：未捕獲TypeError：無法讀取未定義的屬性「長度」

我試圖用Three.js Blender Export工具將一個Blender模型導入到three.js中。但是，我收到錯誤：Uncaught TypeError: Cannot read property 'length' of undefined。Three.js導入Blender模型：未捕獲TypeError：無法讀取未定義的屬性「長度」

我試過瀏覽其他堆棧溢出線程，並試圖用THREE.ObjectLoader()代替。但是，我得到這個錯誤Uncaught TypeError: Cannot read property 'type' of undefined。

我目前使用three.js版本R83。

這裏是我的代碼：（我以下這個tutorial）

var scene, camera, renderer; 

var WIDTH = window.innerWidth; 
var HEIGHT = window.innerHeight; 

var speed = 0.01; 

function init() { 
    scene = new THREE.Scene(); 

    initMesh(); 
    initCamera(); 
    initLights(); 
    initRenderer(); 

    document.body.appendChild(renderer.domElement); 
} 

function initCamera() { 
    camera = new THREE.PerspectiveCamera(70, WIDTH/HEIGHT, 1, 10); 
    camera.position.set(0, 3.5, 5); 
    camera.lookAt(scene.position); 
} 

function initRenderer() { 
    renderer = new THREE.WebGLRenderer({alpha: true}); 
    renderer.setSize(WIDTH, HEIGHT); 
} 

function initLights() { 
    var light = new THREE.AmbientLight(0xFFFFFF); 
    scene.add(light); 
} 

var mesh = null; 
function initMesh() { 
    var loader = new THREE.JSONLoader(); 
    loader.load('js/cube.json', function(geometry, materials) { 
     mesh = new THREE.Mesh(geometry, new THREE.MeshFaceMaterial(materials)); 
     mesh.scale.x = mesh.scale.y = mesh.scale.z = 0.75; 
     mesh.translation = THREE.GeometryUtils.center(geometry); 
     scene.add(mesh); 
    }); 
} 

function rotateMesh() { 
    if (!mesh) { 
     return; 
    } 

    mesh.rotation.x -= SPEED * 2; 
    mesh.rotation.y -= SPEED 
    mesh.rotation.z -= SPEED * 3; 
} 

function render() { 
    requestAnimationFrame(render); 
    rotateMesh(); 
    renderer.render(scene, camera); 
} 

init(); 
render();

這是我cube.json看起來像：

{ 
    "metadata":{ 
     "generator":"io_three", 
     "type":"BufferGeometry", 
     "position":23382, 
     "version":3, 
     "normal":23382 
    }, 
    "data":{ 
     "attributes":{ 
      "position":{ 
       "type":"Float32Array", 
       "itemSize":3, 
       "array":[...] 
      }, 
      "normal":{ 
       "type":"Float32Array", 
       "itemSize":3, 
       "array":[...] 
      } 
     }, 
     "index":{ 
      "type":"Uint16Array", 
      "itemSize":1, 
      "array":[...] 
     } 
    } 
}

來源

2016-12-26 Lyxpudox

我通過改變出口設置解決了這個問題從Type: BufferGeometry到Type: Geometry。如果有人陷入同樣的問題，希望這會有所幫助。

來源

2016-12-26 15:08:17 Lyxpudox

謝謝！那拯救了我的一天。 –

在導出器設置中包含「Scene」可以修復這個問題，並且允許使用ObjectLoader作爲Buffergeometry和Three.js讀取而不會出現問題。

來源

2017-10-20 12:46:52 Deuxis

Three.js導入Blender模型：未捕獲TypeError：無法讀取未定義的屬性「長度」

回答

相關問題