A 프레임 전환 엔티티 가시 컴포넌트가 360 이미지를 렌더링하지 않습니다.

Question

생성 한 일부 테스트 버튼을 사용하여 장면 전환을 에뮬레이트하기 위해 단일 페이지 앱에서 엔티티를 교환하려고합니다. 그것은 'scene3DModel'에 대해 올바르게 작동하지만 'scene360'으로 전환하면 src 이미지로 설정된 360 이미지가 렌더링되지 않습니다 ??? 360 이미지는 다른 '장면'이 주석 처리 될 때 올바르게 렌더링됩니다. '현장'실체에 대한

마크 업 :

<a-entity id="sceneHome" visible="true"> 
     <a-sky color="#6EBAA7"></a-sky> 
    </a-entity> 

    <a-entity id="scene360" visible="false"> 
     <a-sky src='url(/assets/360-photo.jpg)'></a-sky> 
    </a-entity> 

    <a-entity id="scene3DModel" visible="false" gltfpostprocessing gltf-opaque update-sun fog="density:1.3; near:4.0;"> 
    <!-- procedural environment--> 
    <a-entity environment="preset: yavapai; seed: 5; skyColor: #cbdff7; horizonColor: #d8e0ae; shadow: true; shadowSize: 25.0; lightPosition: 10 40 30; fog: 0.91; playArea: 1; ground:hills; groundYScale: 4; groundColor: #c69c7b; groundColor2: #c1a582; dressingAmount: 0; dressingUniformScale: false; grid: crosses; gridColor: #bb9977"></a-entity> 
    <!-- scene lights--> 
    <a-entity light="type: ambient; color: #fffcf2; intensity: 0.6; "></a-entity> 
    <!--3D Models--> 
    <a-entity id="loaded-model" gltf-model="#temple-gltf" ></a-entity> 
    </a-entity> 

은 버튼에 대한 마크 업을 생성 - 이벤트

<a-entity view-toggle-test="" id="view-toggle" position="0 1 2" rotation="0 180 0" scale="0.2 0.2 0.2" visible=""> 
    <a-triangle position="0 0" text="value:image;color:red;width:4;align:center" rotation="" scale="" visible="" material="" geometry="height:0.1846484165324745;width:4;primitive:triangle"></a-triangle> 
    <a-triangle position="0 1.5" text="value:home;color:red;width:4;align:center" rotation="" scale="" visible="" material="" geometry="height:0.1846484165324745;width:4;primitive:triangle"></a-triangle> 
    <a-plane position="0 3" text="value:model;color:red;width:4;align:center" rotation="" scale="" visible="" material="" geometry=""></a-plane> 
</a-entity> 

장면 관리자 구성 요소

제대로 방출되고있다

Answer 1

내가 사용하고있는 환경 구성 요소의 환경 설정이 a-sky 360을 무시하고있었습니다. 장면 관리를위한 k- 프레임 템플리트로 전환했고 속성 - 환경 전환, {active : false}