aframe - 如何導入Google紙板創建的圖像

Question

如何在aframe中使用Cardboard Camera 360圖像？

Cardboard Camera的分辨率不是2:1。這可以用img標籤參數糾正嗎？

Answer 1

首先，您可以通過任何照片應用程序預覽圖像，然後使用share函數將圖像保存到您的電子郵件或其他可以獲取圖像的位置。由紙板相機創建的360圖像文件名將爲IMG_yyyymmdd-xxxxxx.vr.jpg。

對於360圖像，您可以嘗試將其渲染到a-curvedimage。 a-curvedimage會將圖像渲染到圓柱體上。

a-curvedimage的默認設置不用於紙板相機360圖像。爲了得到結果作爲渲染上默認a-sky，我用下面的參數

<a-curvedimage src="IMG_20160506_123456.vr.jpg" height="140" radius="100" theta-length="360" rotation="0 0 0"></a-curvedimage>

您可以檢查a-curvedimage document瞭解更多詳情。

Answer 2

編輯：我創建了一個Web應用程序來查看Cardboard相機圖像。你仍然需要convert，但在那之後它就像dragging and dropping onto this page一樣簡單。

這也有可能upload to Imgur and share via URL。欲瞭解更多詳情，請參閱this page。

---

現在，用適當的立體聲在A幀中顯示Cardboard Camera圖像並不容易。但如果你真的很熱衷：

1）將vr.jpg源文件從您的手機中取出並放到您的計算機上。

2）使用this web service將vr.jpg轉換爲equirectangular上方的。

3）使用諸如ImageMagick之類的工具對步驟（2）中獲得的圖像進行分割。此命令的工作原理如下：

magick convert <IMAGE.png> -crop 1x2@ +repage +adjoin pano_%d.png 

重命名輸出「左」和「右」。

4）創建一個A幀場景，其中包含兩個帶有左右圖像紋理的實體。使用stereo component向左眼顯示左紋理天空，向右眼顯示右紋理天空。 或下載/分享this repository。

這是an example使用Cardboard Camera應用程序中的示例。