Home Explore Help
Sign In
javascript
/
three.js
mirror of https://github.com/tazdij/three.js.git
2
0
Fork 0
Files Issues 0 Wiki
Browse Source

Updated examples that use DragControls.

Mr.doob 8 years ago
parent
2c35c268a8
commit
c0f8fb8266
2 changed files with 11 additions and 11 deletions
Unified View Show Diff Stats
  1. 7 6
      examples/webgl_geometry_spline_editor.html
  2. 4 5
      examples/webgl_interactive_draggablecubes.html

+ 7 - 6
examples/webgl_geometry_spline_editor.html
View File 

@@ -16,9 +16,10 @@
 
 	<body>
 
 	<body>
 
 
 
 		<script src="../build/three.js"></script>
 
 		<script src="../build/three.js"></script>
 
+
 
+		<script src="js/controls/DragControls.js"></script>
 
 		<script src="js/controls/OrbitControls.js"></script>
 
 		<script src="js/controls/OrbitControls.js"></script>
 
 		<script src="js/controls/TransformControls.js"></script>
 
 		<script src="js/controls/TransformControls.js"></script>
 
-		<script src="js/controls/DragControls.js"></script>
 
 
 
 		<script src="js/libs/stats.min.js"></script>
 
 		<script src="js/libs/stats.min.js"></script>
 
 
 
@@ -167,16 +168,16 @@
 
 
 
 				var dragcontrols = new THREE.DragControls( camera, splineHelperObjects, renderer.domElement ); //
 
 				var dragcontrols = new THREE.DragControls( camera, splineHelperObjects, renderer.domElement ); //
 
 
 
-				dragcontrols.on( 'hoveron', function( e ) {
 
+				dragcontrols.addEventListener( 'hoveron', function ( event ) {
 
 
 
-					transformControl.attach( e.object );
 
-					cancelHideTransorm(); // *
 
+					transformControl.attach( event.object );
 
+					cancelHideTransorm();
 
 
 
 				} );
 
 				} );
 
 
 
-				dragcontrols.on( 'hoveroff', function( e ) {
 
+				dragcontrols.addEventListener( 'hoveroff', function ( event ) {
 
 
 
-					if ( e ) delayHideTransform();
 
+					delayHideTransform();
 
 
 
 				} );
 
 				} );

+ 4 - 5
examples/webgl_interactive_draggablecubes.html
View File 

@@ -17,9 +17,8 @@
 
 
 
 		<script src="../build/three.js"></script>
 
 		<script src="../build/three.js"></script>
 
 
 
-		<script src="js/controls/TrackballControls.js"></script>
 
-
 
 		<script src="js/controls/DragControls.js"></script>
 
 		<script src="js/controls/DragControls.js"></script>
 
+		<script src="js/controls/TrackballControls.js"></script>
 
 
 
 		<script src="js/libs/stats.min.js"></script>
 
 		<script src="js/libs/stats.min.js"></script>
 
 
 
@@ -103,10 +102,10 @@
 
 
 
 				container.appendChild( renderer.domElement );
 
 				container.appendChild( renderer.domElement );
 
 
 
-				var dragControls = new THREE.DragControls(camera, objects, renderer.domElement);
 
+				var dragControls = new THREE.DragControls( camera, objects, renderer.domElement );
 
 				dragControls.enabled = true;
 
 				dragControls.enabled = true;
 
-				dragControls.on('dragstart', function(e) { controls.enabled = false;  });
 
-				dragControls.on('dragend',   function(e) { controls.enabled = true;  });
 
+				dragControls.addEventListener( 'dragstart', function ( e ) { controls.enabled = false; } );
 
+				dragControls.addEventListener( 'dragend', function ( e ) { controls.enabled = true; } );
 
 
 
 				var info = document.createElement( 'div' );
 
 				var info = document.createElement( 'div' );
 
 				info.style.position = 'absolute';
 
 				info.style.position = 'absolute';