aframe - Как импортировать изображения, созданные Google картоном

Как использовать изображение Cardboard Camera 360 в aframe?

Разрешение Cardboard Camera не 2:1. Можно ли это исправить с помощью параметра тега img?


aframe
person john calder    schedule 04.05.2016    source источник

Ответы (2)


arrow_upward
4
arrow_downward

Изменить: я создал веб-приложение для просмотра изображений Cardboard Camera. Вам по-прежнему нужно преобразовать, но после этого это так же просто, как перетаскивание на эту страницу.

Также можно загрузить в Imgur и поделиться через URL-адрес, используя такой URL-адрес:

https://spano.pyrik.dev/?url=https://i.imgur.com/PgAHSy8.jpg

Подробнее см. на этой странице.

Сейчас непросто отображать изображения Cardboard Camera в формате A-Frame с правильным стереозвуком. Но если вы действительно заинтересованы:

  1. Загрузите исходные файлы vr.jpg с телефона на компьютер.

  2. Используйте эту веб-службу, чтобы преобразовать vr.jpg в формат равноугольный.

  3. Разделите изображение, полученное на шаге (2), с помощью такого инструмента, как ImageMagick. Эта команда работает:

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

Переименуйте выходы слева и справа.

  1. Создайте сцену A-Frame с двумя объектами, текстурированными с левым и правым изображениями. Используйте стереокомпонент, чтобы показать левое текстурированное небо левому и правому глазу. -текстурированное небо для правого глаза. Или загрузите/разветвите этот репозиторий.

Вот пример с использованием примера из приложения Cardboard Camera.

person bryik    schedule 15.07.2016

arrow_upward
2
arrow_downward

Сначала вы можете просмотреть изображение через любое приложение для работы с фотографиями, а затем использовать функцию share, чтобы сохранить изображение на свою электронную почту или в другое место, где вы можете получить изображение. Имя файла 360-градусного изображения, созданного картонной камерой, будет IMG_yyyymmdd-xxxxxx.vr.jpg.

Для изображения 360 вы можете попробовать отрендерить его на a-curvedimage. a-curvedimage отобразит изображение на цилиндр.

Настройки по умолчанию для a-curveimage не используются для изображения картонной камеры 360. Чтобы получить результат в виде рендера по умолчанию a-sky, я использую следующие параметры

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

Подробнее см. в документе с кривым изображением.

person gasolin    schedule 06.05.2016