a-frame vr, как перетаскивать активы/элементы, чтобы понять изображение?

Я пробую рамку и ничего не могу найти о том, как перетаскивать элементы, и искал ее часами! Кто-нибудь знаком с а-фреймом? Спасибо

это мой код до сих пор:

<a-scene>
    <a-cursor></a-cursor>
 <a-assets>
  <img id="enemy-sprite" crossorigin="" src="mustache1.jpg">
 </a-assets>
 <a-image look-at="#player" src="#enemy-sprite" transparent="true" position="0 1.8 -4"></a-image>
 <a-camera id="player" position="0 1.8 0"></a-camera>
 <a-sky src="street.jpg"></a-sky>

РЕДАКТИРОВАТЬ: браузер/home.html:

  <scene scene-id="sceneId"></scene>

браузер/js/приложение/директивы/экран.html:

  <a-scene>
    <a-sphere click-drag position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
    <a-camera look-controls-enabled="false"></a-camera>
  </a-scene>

index.html

<script src="https://aframe.io/releases/0.3.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-click-drag-component"></script>
<script>  registerAframeClickDragComponent(window.AFRAME); </script>

aframe webvr
person javascript2016    schedule 09.10.2016    source источник

Ответы (1)


arrow_upward
6
arrow_downward

Это не встроено в Aframe, но вы можете использовать сторонний компонент для получения желаемых результатов.

aframe-click-drag-component позволяет щелкать и перетаскивать объекты на экране:

Объекты с компонентом click-drag можно щелкать и перетаскивать по 3D-сцене. Работает даже во время движения или вращения камеры!

<head>
  <script src="https://aframe.io/releases/0.3.0/aframe.min.js"></script>
  <script src="https://unpkg.com/aframe-click-drag-component"></script>
  <script>
    registerAframeClickDragComponent(window.AFRAME);
  </script>
</head>

<body>
  <a-scene>
    <a-sphere click-drag position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
    <a-camera look-controls-enabled="false"></a-camera>
  </a-scene>
</body>

Посмотрите демонстрацию.

person Jess Telford    schedule 09.10.2016
comment
Спасибо. Вы знакомы с компонентом рисования? Я попытался установить его с помощью npm, а затем потребовать (var AFRAME = require(aframe-core); var draw = require(aframe-draw-component).component; AFRAME.registerComponent(draw, draw);), но я продолжаю получать сообщение об ошибке, что AFRAME не определен - person javascript2016; 10.10.2016
comment
Попробуйте использовать aframe, а не aframe-core. - person ngokevin; 11.10.2016
comment
Эй, твой ответ был отличным, и тогда перетаскивание начало работать, но теперь уже нет, и я не могу сказать, почему. Я обновил свой вопрос кодом, было бы здорово, если бы вы могли помочь. Я так долго исследовал, но для а-фрейма в Интернете не так много.. Сделал это так, как вы предложили, и не может переместить объект и не «переместить» экран.. все просто статично.. - person javascript2016; 29.01.2017
comment
Я точно следую инструкциям по установке и получаю эту ошибку в консоли. v-tour-embed:10 Uncaught ReferenceError: registerAframeClickDragComponent не определен в v-tour-embed:10 - person Spencer Cooley; 25.04.2017
comment
@SpencerCooley См. здесь: github.com/jesstelford/aframe-click-drag -component/issues/17 - person Dunatotatos; 08.05.2017