a-frame vr Wie ziehe ich Objekte/Elemente in ein Bild?

Ich probiere a-frame aus und finde nichts über das Ziehen und Ablegen von Elementen und suche schon seit Stunden danach! Kennt jemand a-frame? Danka-frame vr Wie ziehe ich Objekte/Elemente in ein Bild?

das ist mein Code so weit:

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

EDIT: Browser/home.html:

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

Browser/js/app/Richtlinien/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>

Quelle

2016-10-09 javascript2016

Dies ist nicht in Aframe integriert, aber Sie können eine Komponente von Drittanbietern verwenden, um die gewünschten Ergebnisse zu erzielen.

aframe-click-drag-component ermöglicht klicken und Objekte um auf den Bildschirm ziehen:

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>

Check out the demo.

Quelle

2016-10-09 22:24:56

Vielen Dank. Kennen Sie die Zeichenkomponente? Ich habe versucht, npm installieren und dann erfordern (var AFRAME = erfordern ("aframe-core"); var zeichnen = erfordern ("aframe-draw-component"). Komponente; AFRAME.registerComponent ("zeichnen", zeichnen);), aber ich bekomme immer die Fehlermeldung, dass AFRAME nicht definiert ist – javascript2016

Versuchen Sie es mit einem Frame, nicht mit einem aframe-core. – ngokevin

Hey, deine Antwort war großartig und damals hat Drag and Drop angefangen zu arbeiten, aber jetzt nicht mehr und ich kann nicht sagen warum. Ich habe meine Frage mit dem Code aktualisiert, wäre toll, wenn Sie mir helfen könnten. Recherchieren seit so langer Zeit, aber es gibt nicht viel online für A-Frame .. Haben Sie es nur wie Sie vorgeschlagen und kann das Objekt nicht bewegen und weder 'bewegen' den Bildschirm .. alle nur statisch .. – javascript2016

a-frame vr Wie ziehe ich Objekte/Elemente in ein Bild?

Antwort

Verwandte Themen