1
var tl = new THREE.TextureLoader();
var colorTex = tl.load( './env_half.png');
var alphaTex = tl.load( './glass_mask.png');

var planeGeometry = new THREE.PlaneBufferGeometry( 20, 10 );

colorTex.offset.setX(0.2); // Here's the problem

var planeMaterial = new THREE.MeshPhongMaterial( {
  side: THREE.DoubleSide,
  transparent: true,

  map: colorTex,
  alphaMap: alphaTex,
});

expected: When the colorTex moving, the mask can show different backgrounds.

actual: The colorTex and mask are moved together.

Thanks for your help! the three.js version is r142.

James
  • 44
  • 2
  • Just for the record: This limitation mentioned in the above answer is still valid for `r142`. The respective GitHub issue is: https://github.com/mrdoob/three.js/issues/9457 – Mugen87 Jul 20 '22 at 07:53

0 Answers0