Examples: Rename DragControls example.

a8080659 · Mugen87 · 81463ef1 · a8080659 · a8080659
隐藏空白更改
内联并排

Showing with 10 addition and 20 deletion

examples/files.js examples/files.js +1 -1

examples/misc_controls_drag.html examples/misc_controls_drag.html +9 -19

未找到文件。
--- a/examples/files.js
+++ b/examples/files.js
@@ -52,7 +52,6 @@ var files = {
 		"webgl_interactive_cubes_gpu",
 		"webgl_interactive_instances_gpu",
 		"webgl_interactive_cubes_ortho",
-		"webgl_interactive_draggablecubes",
 		"webgl_interactive_lines",
 		"webgl_interactive_points",
 		"webgl_interactive_raycasting_points",
@@ -360,6 +359,7 @@ var files = {
 		"misc_animation_keys",
 		"misc_boxselection",
 		"misc_controls_deviceorientation",
+		"misc_controls_drag",
 		"misc_controls_fly",
 		"misc_controls_map",
 		"misc_controls_orbit",

--- a/examples/webgl_interactive_draggablecubes.html
+++ b/examples/webgl_interactive_draggablecubes.html
 <!DOCTYPE html>
 <html lang="en">
 	<head>
-		<title>three.js webgl - draggable cubes</title>
+		<title>three.js webgl - drag controls</title>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
 		<link type="text/css" rel="stylesheet" href="main.css">
@@ -18,7 +18,7 @@
 	<body>

 		<div id="info">
-			<a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> webgl - draggable cubes
+			<a href="https://threejs.org" target="_blank" rel="noopener">three.js</a> webgl - drag controls
 		</div>

 		<script type="module">
@@ -27,11 +27,10 @@

 			import Stats from './jsm/libs/stats.module.js';

-			import { TrackballControls } from './jsm/controls/TrackballControls.js';
 			import { DragControls } from './jsm/controls/DragControls.js';

 			var container, stats;
-			var camera, controls, scene, renderer;
+			var camera, scene, renderer;
 			var objects = [];

 			init();
@@ -98,24 +97,17 @@

 				container.appendChild( renderer.domElement );

-				controls = new TrackballControls( camera, renderer.domElement );
-				controls.rotateSpeed = 1.0;
-				controls.zoomSpeed = 1.2;
-				controls.panSpeed = 0.8;
-				controls.noZoom = false;
-				controls.noPan = false;
-				controls.staticMoving = true;
-				controls.dynamicDampingFactor = 0.3;
+				var controls = new DragControls( objects, camera, renderer.domElement );

-				var dragControls = new DragControls( objects, camera, renderer.domElement );
-				dragControls.addEventListener( 'dragstart', function () {
+				controls.addEventListener( 'dragstart', function ( event ) {

-					controls.enabled = false;
+					event.object.material.emissive.set( 0xaaaaaa );

 				} );
-				dragControls.addEventListener( 'dragend', function () {

-					controls.enabled = true;
+				controls.addEventListener( 'dragend', function ( event ) {
+
+					event.object.material.emissive.set( 0x000000 );

 				} );

@@ -150,8 +142,6 @@

 			function render() {

-				controls.update();
-
 				renderer.render( scene, camera );

 			}