Aフレームに360度スカイボックスをロードするには

スカイボックスにローカルイメージをロードする際に問題が発生しています。これは私のコードです。Aフレームに360度スカイボックスをロードするには

<html> 
... 
..... 
<body> 
    <a-scene> 
     <a-assets> 
      <img id="sky" src="test.jpg"> 
     </a-assets> 
     <a-sky color="#6EBAA7" src="#sky"></a-sky> 
    </a-scene> 

</body> 
... 
</html>

ファイル構造は

|webvr 
    |index.htm 
    |test.jpg

である私が得るすべては、画像の痕跡なしにライムグリーンの背景です。

出典

2017-02-24 Travis Rivera

skyboxはa-skyです。球形です。あなたがキューブマップを持っているなら、それを変換することができます。私はそこに多くのツールがあると思う。または、キューブマップコミュニティコードを試してみてください。誰かがすでにそれを作った。イメージを空にロードする場合は、色を使わずに<a-sky src="#sky"></a-sky>を使用してください。私は色が画像を上書きすると思う。編集：OK、色は画像で乗算されます。だからあなたは緑色の色合いでイメージを見るべきです。 Edit2：サーバーを使わずにページをローカルに読み込むと、イメージが表示されず、corsヘッダーがなく、ローカルPCがローカルサーバーでないため、ロードされません。ただマングースを使用してください。 https://www.cesanta.com/products/binary :)

出典

2017-02-24 18:46:08

mongooseを使用して私の問題を解決しました。 –

Aフレームに360度スカイボックスをロードするには

答えて

関連する問題