使用 Three.js 进行光照贴图纹理平铺

Question

我知道texture tiling。但是光照贴图可以以同样的方式平铺吗？

我无法使用以下 sn-p 代码平铺光照贴图纹理。不考虑重复或偏移。

var map = THREE.ImageUtils.loadTexture('Map.jpg');
var lightMap = THREE.ImageUtils.loadTexture('Light map.png');
lightMap.wrapS = lightMap.wrapT = THREE.RepeatWrapping;
lightMap.repeat.set(.455078, .455078);
lightMap.offset.set(.472343, .546562);
var material = new THREE.MeshLambertMaterial({map: map, lightMap: lightMap});
jsonLoader.load('Model.json', function (geometry) {
  var mesh = new THREE.Mesh(geometry, material);
  scene.add(mesh);
});

感谢您的帮助。

Answer 1

光照贴图在three.js 中不支持偏移/重复，实际上需要一组单独的UV。

three.js r.69