Vật liệu trong mô hình Máy xay sinh tố xuất khẩu cho Three.js không hoạt động

Question

Tôi đang cố gắng sử dụng một mô hình được tạo bằng Máy xay sinh tố với Three.js Mô hình rất cơ bản, hai khối trên đầu trang của nhau. Một khối lập phương có màu đỏ và hình kia có màu xanh lục.

tôi đã xuất khẩu các mô hình sử dụng các plugin xuất khẩu Blender của Three.js Khi tôi gán một loại vật liệu bằng tay cho các đối tượng như:

loader.load("model.js", function (geometry, material) { 

    material = new THREE.MeshBasicMaterial({ color: 0xFF0000 }); 

    mesh = new THREE.Mesh(geometry, material); 

    scene.add(mesh); 

    animate(); 

}); 

không có vấn đề như tại https://googledrive.com/host/0B9t0vRo6sUnzWndDTGxicENIdDg/index.html

Tuy nhiên khi Tôi xóa dòng:

material = new THREE.MeshBasicMaterial({ color: 0xFF0000 }); 

tài liệu của mô hình được sử dụng. Trong đó sản xuất một lỗi của Three.js:

TypeError: program is undefined [Break On This Error]

p_uniforms = program.uniforms,

Bạn có thể thấy điều này cho chính mình tại https://googledrive.com/host/0B9t0vRo6sUnzWndDTGxicENIdDg/index2.html

Có ai có một ý tưởng những gì có thể gây ra vấn đề này? Bạn có thể tải xuống tệp Máy xay sinh tố tại https://googledrive.com/host/0B9t0vRo6sUnzWndDTGxicENIdDg/model.blend

Answer 1

Dễ dàng. Các vật liệu là một mảng. Bạn cần phải làm như sau:

loader.load("model.js", function (geometry, materials) { 

    mesh = new THREE.Mesh(geometry, materials); 

    scene.add(mesh); 

    animate(); 

}); 

three.js r.88