compute the necessary inverse and reuse it

lafflan · web-flow · commit 26978c4e198a · 2018-11-12T10:28:11.000+08:00
diff --git a/examples/js/controls/DragControls.js b/examples/js/controls/DragControls.js
@@ -20,6 +20,8 @@ THREE.DragControls = function ( _objects, _camera, _domElement ) {
 	var _offset = new THREE.Vector3();
 	var _intersection = new THREE.Vector3();
 	var _worldPosition = new THREE.Vector3();
+	var _inverseMatrix = new THREE.Matrix4();
+	
 	var _selected = null, _hovered = null;
 
 	//
@@ -71,7 +73,7 @@ THREE.DragControls = function ( _objects, _camera, _domElement ) {
 
 			if ( _raycaster.ray.intersectPlane( _plane, _intersection ) ) {
 
-				_selected.position.copy( _selected.parent.worldToLocal( _intersection.sub( _offset ) ) );
+				_selected.position.copy( _intersection.sub( _offset ).applyMatrix4( _inverseMatrix ) );
 
 			}
 
@@ -129,6 +131,7 @@ THREE.DragControls = function ( _objects, _camera, _domElement ) {
 
 			if ( _raycaster.ray.intersectPlane( _plane, _intersection ) ) {
 
+				_inverseMatrix.getInverse( _selected.parent.matrixWorld );
 				_offset.copy( _intersection ).sub( _worldPosition.setFromMatrixPosition( _selected.matrixWorld ) );
 
 			}
@@ -174,7 +177,7 @@ THREE.DragControls = function ( _objects, _camera, _domElement ) {
 
 			if ( _raycaster.ray.intersectPlane( _plane, _intersection ) ) {
 
-				_selected.position.copy( _selected.parent.worldToLocal( _intersection.sub( _offset ) ) );
+				_selected.position.copy( _intersection.sub( _offset ).applyMatrix4( _inverseMatrix ) );
 
 			}
 
@@ -208,6 +211,7 @@ THREE.DragControls = function ( _objects, _camera, _domElement ) {
 
 			if ( _raycaster.ray.intersectPlane( _plane, _intersection ) ) {
 
+				_inverseMatrix.getInverse( _selected.parent.matrixWorld );
 				_offset.copy( _intersection ).sub( _worldPosition.setFromMatrixPosition( _selected.matrixWorld ) );
 
 			}

Original file line number	Diff line number	Diff line change
`@@ -20,6 +20,8 @@ THREE.DragControls = function ( _objects, _camera, _domElement ) {`
`20`	`20`	`var _offset = new THREE.Vector3();`
`21`	`21`	`var _intersection = new THREE.Vector3();`
`22`	`22`	`var _worldPosition = new THREE.Vector3();`
	`23`	`+ var _inverseMatrix = new THREE.Matrix4();`
	`24`	`+`
`23`	`25`	`var _selected = null, _hovered = null;`
`24`	`26`
`25`	`27`	`//`
`@@ -71,7 +73,7 @@ THREE.DragControls = function ( _objects, _camera, _domElement ) {`
`71`	`73`
`72`	`74`	`if ( _raycaster.ray.intersectPlane( _plane, _intersection ) ) {`
`73`	`75`
`74`		`- _selected.position.copy( _selected.parent.worldToLocal( _intersection.sub( _offset ) ) );`
	`76`	`+ _selected.position.copy( _intersection.sub( _offset ).applyMatrix4( _inverseMatrix ) );`
`75`	`77`
`76`	`78`	`}`
`77`	`79`
`@@ -129,6 +131,7 @@ THREE.DragControls = function ( _objects, _camera, _domElement ) {`
`129`	`131`
`130`	`132`	`if ( _raycaster.ray.intersectPlane( _plane, _intersection ) ) {`
`131`	`133`
	`134`	`+ _inverseMatrix.getInverse( _selected.parent.matrixWorld );`
`132`	`135`	`_offset.copy( _intersection ).sub( _worldPosition.setFromMatrixPosition( _selected.matrixWorld ) );`
`133`	`136`
`134`	`137`	`}`
`@@ -174,7 +177,7 @@ THREE.DragControls = function ( _objects, _camera, _domElement ) {`
`174`	`177`
`175`	`178`	`if ( _raycaster.ray.intersectPlane( _plane, _intersection ) ) {`
`176`	`179`
`177`		`- _selected.position.copy( _selected.parent.worldToLocal( _intersection.sub( _offset ) ) );`
	`180`	`+ _selected.position.copy( _intersection.sub( _offset ).applyMatrix4( _inverseMatrix ) );`
`178`	`181`
`179`	`182`	`}`
`180`	`183`
`@@ -208,6 +211,7 @@ THREE.DragControls = function ( _objects, _camera, _domElement ) {`
`208`	`211`
`209`	`212`	`if ( _raycaster.ray.intersectPlane( _plane, _intersection ) ) {`
`210`	`213`
	`214`	`+ _inverseMatrix.getInverse( _selected.parent.matrixWorld );`
`211`	`215`	`_offset.copy( _intersection ).sub( _worldPosition.setFromMatrixPosition( _selected.matrixWorld ) );`
`212`	`216`
`213`	`217`	`}`