3

我创建了一个简单的搅拌机模型。这只是一个对象。然后我创建了两种不同颜色的材质，并用第一种材质为对象的一些面着色，用第二种材质着色其他面。

然后，我使用提供的 Three.js-Export-Plugin 导出模型并检查流向：顶点、面、法线、骨骼、蒙皮、UV、颜色、材质、FlipYZ 和所有网格。

然后我尝试使用以下代码导入生成的 JS-Model：

<html>
    <head>
        <script src="three.js/build/three.js"></script>
        <script>
            window.onload = function(){

                var camera, scene, renderer;
                var geometry,  mesh;

                init();
                animate();

                function init() {
                    camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 10000 );
                    camera.position.z = 1000;
                    scene = new THREE.Scene();
                    renderer = new THREE.CanvasRenderer();
                    renderer.setSize( window.innerWidth, window.innerHeight );
                    document.body.appendChild( renderer.domElement );

                    /* INTERESTING CODE */

                    var loader = new THREE.JSONLoader(true);
                    loader.load("./spiderhead.js",function(geometry) {
                        mesh = new THREE.Mesh(geometry,new THREE.MeshSpriteMaterial());
                        mesh.position.set(0,0,0);
                        mesh.scale.set(200,200,200);
                        scene.add(mesh);
                    });

                    /* END OF INTERESTING CODE */                   

                }
                function animate() {
                    requestAnimationFrame( animate );
                    renderer.render( scene, camera );
                }
            }
        </script>
    </head>
    <body>
    </body>
</html>

结果，我只是得到一个白屏（在 Firefox 中测试），所以我似乎做错了什么。

所以问题是：我如何正确地将包括颜色在内的这些模型导入到three.js中？

我之前已经成功导入了带有纹理和顶点颜色的模型，但是这种类型的模型似乎不起作用。

非常感谢你的帮助！

更新

当然，您可以在此处获取 Model.blend 文件：https ://docs.google.com/open?id=0B82XARuHCQOKYjRjam5UQzdoUzA

4

1 回答 1

4

试试这个：

loader.load("./spiderhead.js", function( geometry, materials ) {
    mesh = new THREE.Mesh( geometry, new THREE.MeshFaceMaterial( materials ) );

确保materials是一个包含两种材料的数组。

并确保几何体的每个面都materialIndex设置为 0 或 1。

三.js r.54

于 2013-01-04T17:42:52.890 回答