aframe - a-frame vr如何拖放 Assets /元素洞察图片?

标签 aframe webvr

我正在尝试框架,但找不到任何有关如何拖放元素的信息,并且已经寻找了几个小时!有人熟悉a-frame吗? 谢谢

这是我到目前为止的代码:

<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/app/directives/screne.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 中,但您可以使用第 3 方组件来获得所需的结果。

aframe-click-drag-component允许在屏幕上单击和拖动实体:

Entities with the click-drag component can be click and dragged around the 3D scene. Even works while the camera is moving or rotating!

<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>

查看the demo .

关于aframe - a-frame vr如何拖放 Assets /元素洞察图片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39939318/

相关文章:

javascript - 如何使用 Object3D.lookAt() 函数使 ExtrudeGeometry 面向对象?

javascript - Aframe 动态体通过 collada 静态体地板坠落

html - 如何在 Aframe 中的平面上加载 gif(具有透明度)(故障)?

aframe - A 形框透明带纹理

javascript - VideoTexture 未在 VR 中播放

javascript - 如何在单击框架中的另一个对象时在一个对象上启动动画?

javascript - 悬停动画上的 A 框架(mouseleave、mouseenter)

javascript - 更改 videosphere 上的源会更新 DOM 但不会渲染

javascript - 可以在一个 Canvas 上制作具有多个 3D 模型的框架场景并与 JavaScript 链接吗?

aframe - 如何在 React VR 中将摄像机更改为第三人称?