three.js DragControls 移动整个模型 group

最新推荐文章于 2025-05-30 09:00:52 发布

鸽子鸽

最新推荐文章于 2025-05-30 09:00:52 发布

阅读量2.5k

点赞数 2

CC 4.0 BY-SA版权

文章标签： JavaScript three.js DragControls

本文链接：https://blog.csdn.net/assfafa/article/details/103475256

本文详细解析了在Three.js中优化交互控制的具体方法，重点介绍了如何通过修改DragControls.js文件来改善鼠标点击事件的响应机制，包括射线检测、目标选择及平移操作的实现细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近天天有人问这个问题啊

打开DragControls.js 改案例的话主意好你用的是jsm还是js里的

//第122行找到这个事件
	function onDocumentMouseDown( event ) {

		event.preventDefault();

		_raycaster.setFromCamera( _mouse, _camera );

		var intersects = _raycaster.intersectObjects( _objects, true );

		if ( intersects.length > 0 ) {
                                              //从这射线返回的mesh上获取上级的group
                                              //如果多层group嵌套需要递归到最上层
			_selected = intersects[ 0 ].object.parent;//这里加上.parent
			console.log(_selected);
			if ( _raycaster.ray.intersectPlane( _plane, _intersection ) ) {

				_inverseMatrix.getInverse( _selected.parent.matrixWorld );
				_offset.copy( _intersection ).sub( _worldPosition.setFromMatrixPosition( _selected.matrixWorld ) );

			}

			_domElement.style.cursor = 'move';

			scope.dispatchEvent( { type: 'dragstart', object: _selected } );

		}


	}