如何覆蓋（部分透明）<a-sky />，像這樣做到<img />？

Question

我們正在構建家居裝飾3D視圖工具，客戶可以點擊沙發，並在3D視圖中顯示或隱藏。

它們爲我提供了家庭背景的全景圖像，以及除了沙發部分以外尺寸相同但透明的沙發圖像。

我想：

<a-sky src='background.jpg' /> 
<a-sky src='sofa.jpg' /> 

希望他們覆蓋。但沙發形象儘管是透明的，但會阻擋背景。更具體地說，結果是空白空間中的沙發，而不是給定背景中的沙發（這是期望的結果）。

我該如何實現自己的目標？

Answer 1

jpg格式不支持透明度。改爲使用png。

設置material:transparent財產到true沙發實體。

<a-sky src='sofa.png' material="transparent:true" /> 

下面是一個工作小提琴，

https://jsfiddle.net/od6gxgyL/1/

作爲一個方面說明，A-幀添加灰色邊框PNG圖像的不透明部分 。無法弄清楚爲什麼會發生這種情況。我很高興知道是否有人解決了這個問題。