Почему моя кнопка «Войти в VR» отсутствует или находится не на своем месте в A-Frame?

Я использую A-Frame, но не вижу кнопку «Войти в VR», которая обычно находится в правом нижнем углу. Таким образом, я не могу войти в VR или полноэкранный режим.

Как я могу сделать так, чтобы он отображался?


aframe
person ngokevin    schedule 23.08.2016    source источник

Ответы (2)


arrow_upward
20
arrow_downward

Если ваша сцена заключена в <div>, вам, возможно, придется поиграть со стилем вашего контейнера. <a-scene> по умолчанию равно position: relative. Холст и кнопка «Войти в VR» по умолчанию имеют значение position: absolute.

Это обычное дело, если вы используете React, для которого требуется контейнер рендеринга, или если вы используете сцены embedded и помещаете их в файл div.

Попробуйте установить стили контейнера position: absolute; height: 100%; width: 100%;.

person ngokevin    schedule 23.08.2016
comment
@ngokevin - это именно та проблема, с которой я столкнулся в vue.js, и я уже сделал это. Но в A-Frame 0.7.1 установка высоты контейнера на 100% нарушает поведение захвата/перемещения на рабочем столе (даже с событиями указателя: нет) и закрывает мое представление в инспекторе. - person TimHayes; 03.11.2017

arrow_upward
2
arrow_downward

Используя React, я просто сказал первоначальному рендеру использовать document.body, а не создавать элемент container/div для хранения моих компонентов AFrameReact. Это решило проблему для меня, и кнопка входа в режим VR снова стала видимой.

Полный пример: ReactDOM.render(<World />,document.body);

person Rolley    schedule 25.07.2018