Настройка кнопки запуска игры в AFrame - PullRequest
Новая
       11

Настройка кнопки запуска игры в AFrame

0 голосов
/ 23 апреля 2019

Так что я работаю над vr игрой для школьного проекта.С aframe вам нужно иметь взаимодействие с пользователем, чтобы включить звук в браузерах мобильных устройств.Я пытаюсь создать кнопку на веб-странице, которая будет выступать в качестве триггера, и установить для видимости a-scene значение false.Проблема в том, что сцена все еще там невидима и загружается сверху кнопки, поэтому я не могу нажать на нее.

Я поместил кнопку в собственный div и установил отступы сверху и снизу на 15 пикселей, но это не сработало.Я также пытался поместить a-сцену в ее собственный div, но это не помогло 

<body>

  <div  id="startButton"  
        style=" display: block;
                margin-left: 50%;
                margin-right: 50%;
                width: 100%;
                height: 100%;
                padding-top: 15px;
                padding-bottom: 15px">
    <button   onclick="startGame()">Start</button>
  </div>


    <a-scene  visible="true">


...

Когда я загружаю страницу вверх, кнопка появляется так, как мне нравится, но я не могу нажатьЭто.Похоже, что мышь все еще установлена ​​на a-сцене, поэтому все, что находится под ней, не может быть недоступно.

Редактировать: добавлено больше кода.

1 Ответ

0 голосов
/ 23 апреля 2019

Установка visible=false на элементе <a-scene> не приведет к его исчезновению.Вам лучше использовать свойство display .Либо:

1) Скрыть / показать <a-scene>
2) Создать div перед сценой, и скрыть его, когда вы хотите, чтобы опыт отображался.

Проверкавне номер2 в это скрипка.

...