Three.js有地图和法线贴图

时间:2015-09-29 18:48:49

标签: javascript three.js

欢迎, 我最近和Three.js有点挣扎。我试图在地形上放置一些纹理贴图,我的纹理代码如下所示:

var textures = {
    snow: THREE.ImageUtils.loadTexture( 'img/snow.jpg' ),
    snowNorm: THREE.ImageUtils.loadTexture( 'img/snonormal.jpg' ),
}
textures.snow.wrapS = textures.snow.wrapT = THREE.RepeatWrapping;
textures.snowNorm.wrapS = textures.snowNorm.wrapT = THREE.RepeatWrapping;
textures.snow.repeat.set( 100, 100 );
textures.snowNorm.repeat.set( 10, 10 );



 snow: new THREE.MeshPhongMaterial({
        color: 0xaaaaaa,
        specular: 0xffffff,
        shininess: 8,
        map: textures.snow,
        normalMap: textures.snowNorm
    }),

我的网格是100x100的简单网格,我愚蠢地期望我有100倍重复的纹理贴图,上面有10倍重新生成的法线贴图,但我得到的是100倍重复纹理贴图,上面有100倍重复法线贴图。

有没有办法让normalMap和map有不同的重复值?

提前感谢您的帮助。

0 个答案:

没有答案