aframe - 如何导入Google纸板创建的图像

时间:2016-05-04 22:38:18

标签: aframe

如何在aframe中使用Cardboard Camera 360图像?

纸板相机的分辨率不是2:1。可以使用img标记参数更正此内容吗?

2 个答案:

答案 0 :(得分:3)

修改:我创建了一个用于查看Cardboard Camera图片的网络应用。您仍然需要convert,但之后它就像dragging and dropping onto this page一样简单。

也可以upload to Imgur and share via URL。有关详细信息,请参阅this page

现在,使用适当的立体声在A-Frame中显示Cardboard Camera图像并不容易。但如果你真的很热衷:

1)将vr.jpg源文件从手机上移到计算机上。

2)使用this web service将vr.jpg转换为over-under equirectangular。

3)使用ImageMagick之类的工具分割步骤(2)中获得的图像。此命令有效:

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

重命名输出&#34; left&#34;和&#34;对&#34;。

4)创建一个A帧场景,其中两个实体用左右图像构图。使用stereo component向左眼显示左纹理天空,向右眼显示右纹理天空。 或下载/分叉this repository

此处使用Cardboard Camera应用中的示例an example

答案 1 :(得分:2)

首先,您可以通过任何照片应用预览图像,然后使用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了解详情。