Three.js: Problem with envMap

[aJean]

Description of the problem

i use cubeTexture to load six skybox imgs
and set it to MeshBasicMaterial's envMap

var material = new THREE.MeshBasicMaterial({
       envMap: texture,
       side: THREE.DoubleSide
});

var skyBox = new THREE.Mesh(new THREE.SphereGeometry(2000, 32, 32), material);

it works fine with r86，but makes wrong mapping direction in r89

is there anything changes between the two version ?

and how can i fix the problem?

Three.js version

• [ ] Dev
• [x] r89
• [ ] ...

Browser

• [ ] All of them
• [x] Chrome
• [ ] Firefox
• [ ] Internet Explorer

OS

• [ ] All of them
• [ ] Windows
• [x] macOS
• [ ] Linux
• [ ] Android
• [ ] iOS

[mrdoob]

Are you inverting the scale of the object?

[WestLangley]

Your skybox has an environment map???

Where did you copy that code pattern from?

[mrdoob]

Kind of makes sense (naming-wise) he wants that texture to be the environment, thus he set the envMap 🤓

[WestLangley]

I expect there will be users who will need to replace

mesh.scale.x = - 1;

with

mesh.geometry.scale( - 1, 1, 1 );

three.js r.89

[aJean]

hi， thanks for help
i tried to set the scale but got a black screen ...

skyBox.geometry.scale( -1, 1, 1 );

[WestLangley]

Copy the coding patterns in the three.js examples.

[aJean]

sad t . t