A-Frame: Как мне создать подвижные объекты по клику? - PullRequest
0 голосов
/ 10 июня 2019

Я пытаюсь сделать A-Frame игру, в которой пользователь может создавать дома.Я уже сделал шаблоны домов для 4 разных домов (модели obj).Каждый дом показывает индивидуальное имя при наведении курсора.У меня также есть 4 «кнопки» (коробки), которые должны создать дом.Пользователь должен иметь возможность щелкнуть по кнопке, чтобы создать дом, который будет подвижным и именным (с прикрепленным текстом на плоскости).После того, как он назван и перемещен в нужную позицию, он должен быть сохранен.Это вообще возможно?

Вот что у меня есть (для одного дома):

<a-obj-model src="#basic-house-obj" scale=".015 .015 .015" position="-1.958 0 -4.376" color="red" change-color-on-hover="color: #4CC3D9"
                event-set__enter="_event: mouseenter; _target: #modelBox; visible: true"
                event-set__leave="_event: mouseleave; _target: #modelBox; visible: false">
        <a-plane id="modelBox" hide-on-click visible="false" position="-35.872 135 23.300" material="opacity:0.4; color: black; side: front" scale="100 200">
            <a-text id="houseTitle" value="Test Kindergarden" align="center" color="#fff" position="0 0.4 0" scale="0.5 0.5 20"></a-text>
          </a-plane>
   </a-obj-model>

1 Ответ

0 голосов
/ 13 июня 2019

Итак, вы хотите, чтобы щелчок по кнопке прослушивался с помощью прослушивателя события щелчка, а затем создавался дом из шаблона (например, document.createElement + .setAttribute s), к которому прикреплен текстовый объект в качестве дочернего элемента,и иметь возможность перемещать его с помощью курсора / мыши / или ручных контроллеров VR?

...