Início / coding / Perguntas / 78191671
Accepted
daniel
Asked: 2024-03-20 16:03:34 +0800 CST

gire o mapa HDR em three.js

  • 772

defini o eixo x como eixo ascendente na minha cena three.js. Agora todos os mapas ambientais (hdr) estão orientados incorretamente. Como posso consertar? Tentei girar o arquivo HDR, mas não funcionou.

this.pmremGenerator = new THREE.PMREMGenerator(renderer as any);
new RGBELoader().setDataType(THREE.UnsignedByteType).setPath('assets/').load('adams_place_bridge_1k.hdr', (texture) => {
  texture.mapping = THREE.EquirectangularReflectionMapping;
  var envMap = this.pmremGenerator.fromEquirectangular(texture).texture;
  scene.background = envMap;
  scene.environment = envMap;
  texture.dispose();
});

Existe uma solução alternativa com cubemaps?

three.js

1 respostas

  1. Best Answer

    Já que r162é possível girar o fundo e o ambiente da cena. Para fazer isso, você pode configurar Scene.backgroundRotation e Scene.environmentRotation . Ambos são do tipo Euler e representam a rotação em radianos.

    O exemplo oficial a seguir demonstra esse recurso:

    https://trêsjs.org/examples/webgl_materials_envmaps

    Nota lateral: O uso PMREMGeneratorno nível do aplicativo não é mais necessário nas versões mais recentes. Os mapas de ambiente são pré-processados ​​internamente PMREMGeneratorse forem usados ​​com materiais PBR ou se você configurar um fundo desfocado por meio de Scene.backgroundBlurriness .

    • 1

relate perguntas