Aframe 我该如何使用设置;公园(日)“;从gltf查看器到A帧的照明环境?

Aframe 我该如何使用设置;公园(日)“;从gltf查看器到A帧的照明环境?,aframe,gltf,Aframe,Gltf,我试图将gltf模型()加载到a帧,但它看起来很暗,我使用进行了检查,区别在于在gltf查看器中,在照明下,有一个名为environment的字段设置为“Park(Day)” 将环境设置为:无 环境设置为:公园(天) 如何将此设置应用于A型架中的模型 另一个区别是gammeOutput属性,我已经用a场景渲染器中的“colorManagement:true”修复了该属性 当前使用的是A-Frame的0.9.0版如果您看到模型反射的图像,则它是一个。当您希望对象反映其周围环境或任何其他环境时,

我试图将gltf模型()加载到a帧,但它看起来很暗,我使用进行了检查,区别在于在gltf查看器中,在照明下,有一个名为environment的字段设置为“Park(Day)”

将环境设置为:无

环境设置为:公园(天)

如何将此设置应用于A型架中的模型

另一个区别是gammeOutput属性,我已经用a场景渲染器中的“colorManagement:true”修复了该属性


当前使用的是A-Frame的0.9.0版

如果您看到模型反射的图像,则它是一个。当您希望对象反映其周围环境或任何其他环境时,可以使用此选项

您可以使用
envMap
(cubemap)或
sphericalEnvMap
(360图像)属性在基本体上设置它:

<a-sphere material="roughness:0; sphericalEnvMap: #myImage>
let texture = THREE.TextureLoader()
const mesh = element.getObject3D('mesh');
const envMap = texture;
if (!mesh) return;

mesh.traverse(function (node) {
  if (node.material && 'envMap' in node.material) {
    node.material.envMap = envMap;
    node.material.needsUpdate = true;
  }
});

如果您看到模型反射的图像,则它是一个。当您希望对象反映其周围环境或任何其他环境时,可以使用此选项

您可以使用
envMap
(cubemap)或
sphericalEnvMap
(360图像)属性在基本体上设置它:

<a-sphere material="roughness:0; sphericalEnvMap: #myImage>
let texture = THREE.TextureLoader()
const mesh = element.getObject3D('mesh');
const envMap = texture;
if (!mesh) return;

mesh.traverse(function (node) {
  if (node.material && 'envMap' in node.material) {
    node.material.envMap = envMap;
    node.material.needsUpdate = true;
  }
});

谢谢你的回复,我现在明白了。我会尝试应用我自己的环境地图。@AxelRaymundo我看到它工作了,很高兴我能帮上忙:)谢谢你的回复,我现在明白了。我会尝试应用我自己的环境地图。@AxelRaymundo我看到它工作了,很高兴我能帮上忙:)