我正在尝试一个框架,找不到任何关于如何拖放元素的东西,并且已经找了几个小时!有人熟悉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>
编辑:browser/home.html:
<scene scene-id="sceneId"></scene>
浏览器/ JS /应用/指令/ 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中,但您可以使用第三方组件来获得所需的结果.
aframe-click-drag-component 允许在屏幕上单击并拖动实体:
click-drag可以在3D场景周围单击并拖动具有该组件的实体.甚至可以在相机移动或旋转时工作!Run Code Online (Sandbox Code Playgroud)<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>
看看演示.
| 归档时间： |
|
| 查看次数： |
2460 次 |
| 最近记录： |