如何在aframe
中使用Cardboard Camera 360图像?
纸板相机的分辨率不是2:1
。可以使用img
标记参数更正此内容吗?
答案 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了解详情。