オーバーレイ（部分的に透明）<a-sky />は、それを<img />にするのと同じですか？

Question

家の装飾の3Dビュー用のツールを作成しています。顧客はソファをクリックすると3Dビューで表示または非表示になります。

彼らは私に、家の背景のパノラマ画像と、ソファ部分を除いて同じサイズですが透明なソファ画像を提供します。

私が試した：

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

はオーバーレイするためにそれらを期待。しかし、ソファー画像は透明であるにも関わらず背景をブロックします。より具体的には、所与の背景（所望の結果である）のソファではなく、空白の空白のソファである。

目標を達成するにはどうすればよいですか？

Answer 1

jpgフォーマットは透過性をサポートしていません。代わりにpngを使用してください。

ソファエンティティのtrueにmaterial:transparentプロパティを設定します。以下

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

側ノート、フレームはPNG画像の不透明部分 周囲に灰色の境界線を追加しているように、作業フィドル、

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

あります。なぜこれが起こっているのか理解できません。誰かがこの問題を解決したかどうかを知ってうれしいです。