Fix: dragndrop interference between objects.

extraymond · Jul 5, 2019 · 2121663 · 2121663
1 parent f32cc1b
commit 2121663
Show file tree

Hide file tree

Showing 8 changed files with 72,991 additions and 34 deletions.
diff --git a/README.md b/README.md
@@ -1,16 +1,18 @@
 [![npm version](https://badgen.net/npm/v/aframe-mouse-dragndrop-component)](https://www.npmjs.com/package/aframe-mouse-dragndrop-component)
 [![jsdelivr version](https://badgen.net/jsdelivr/v/npm/aframe-mouse-dragndrop-component)](https://cdn.jsdelivr.net/npm/aframe-mouse-dragndrop-component@1.0.4/dist/index.js)
 
-
 # aframe-mouse-dragndrop
+
 Drag-n-drop entites using mouse cursor.
 
 ## implementation
+
 There's a new parameter in cursor component that we can use to monitor mouse interaction.
 
 ```html
 <a-scene cursor="rayOrigin: mouse"></a-scene>
 ```
+
 Based on this feature, we can intercept the event data emitting by the cursor component. [read more about cursor component](https://aframe.io/docs/0.9.0/components/cursor.html#intersection-data)
 
 I've sperated this module into two sepearte component, **track-cursor** and **dragndrop**. And use dependencies to chain component startup. [read more about component dependencies](https://aframe.io/docs/0.9.0/core/component.html#dependencies)
@@ -23,26 +25,29 @@ if (this.el.is("tracking")) {
   ...
 }
 ```
+
 If a draggable component is being pressed, it will enter the dragging state. Likewise you can check it with:
 
 ```js
 if (this.el.is("dragging")) {
   ...
 }
 ```
+
 If you want to do some startup/cleanup before entering/exiting these two states, be sure to listener to "stateadded"/"stateremoved" events.
 
 ## usage
 
 ```html
 <a-entity dragndrop></a-entity>
 ```
+
 After adding the component, you can drag and drop it with mouse click.
 
 ## additional features
 
-1. When dragging the entity, look-controls on the camera will be temporary disabled.
-2. You can use mousewheel to send it further/closer when dragging.
+1.  When dragging the entity, look-controls on the camera will be temporary disabled.
+2.  You can use mousewheel to send it further/closer when dragging.
 
 Check out the live demo: [link](https://sassy-piper.glitch.me)
 

diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1,13 @@
+<head>
+  <script type="text/javascript" src="/src.7ed060e2.js">
+  </script>
+</head>
+<body>
+  <a-scene>
+    <a-box dragndrop="" position="-1 0.5 -3" rotation="0 45 0" color="#4CC3D9"></a-box>
+    <a-sphere dragndrop="" position="0 1.25 -5" radius="1.25" color="#EF2D5E"></a-sphere>
+    <a-cylinder dragndrop="" position="1 0.75 -3" radius="0.5" height="1.5" color="#FFC65D"></a-cylinder>
+    <a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane>
+    <a-sky color="#ECECEC"></a-sky>
+  </a-scene>
+</body>
diff --git a/dist/index.js b/dist/index.js
diff --git a/dist/index.js.map b/dist/index.js.map