如何设置从blender导出的动画js模型的纹理？[three.js所]

Question

我已经使用骨骼动画技术在搅拌机中成功动画了一个模型,并且我还使用紫外纹理在混合器中对其进行了纹理化.然后在blender中使用three.js导出附加组件我导出了模型,确保在签入时确保uv和动画.但是我不知道为动画模型加载纹理的技术.我查看了three.js中包含的变形法正常示例,其中使用Lambert材质使用简单的颜色纹理.我有来自外部文件的纹理.我如何加载纹理.在js动画模型文件中,有纹理的位置,它位于相同的位置.但它没有加载.我也使用了面部材料技术.

我曾经修改的three.js示例的位置:

http://threejs.org/examples/webgl_morphnormals.html

这是我的代码:

var loader = new THREE.JSONLoader();
            loader.load( "bird_final.js", function( geometry, materials ) {

                morphColorsToFaceColors( geometry );
                geometry.computeMorphNormals();

                // the old code to set color to the model

                //var material = new THREE.MeshLambertMaterial( { color: 0xffffff, morphTargets: true, morphNormals: true, vertexColors: THREE.FaceColors, shading: THREE.SmoothShading } );

                // my code
                var meshAnim = new THREE.MorphAnimMesh( geometry, new THREE.MeshFaceMaterial( materials ) );

                meshAnim.duration = 500;

                meshAnim.scale.set( 20, 20, 20 );
                meshAnim.position.y = 150;
                meshAnim.position.x = -100;


                scene1.add( meshAnim );
                morphs.push( meshAnim );

            } );

除了分散在网络上的文档和一些基本教程之外,我可以在任何地方从头开始学习three.js.就像我知道设置场景和创建基本几何东西,但一些细节信息,如加载纹理模型加载场景等.

Answer 1

我为Three.js创建了一系列注释示例,一次说明一个功能,从非常基本的功能开始,然后进展到更高级的功能(包括加载模型).

http://stemkoski.github.io/Three.js

希望这可以帮助!