threejs 实现场景围绕鼠标缩放，而不是默认的场景缩放中心

// function handleMouseWheel( event ) {

// if ( event.deltaY < 0 ) {

// dollyIn( getZoomScale() );

// } else if ( event.deltaY > 0 ) {

// dollyOut( getZoomScale() );

// }

// scope.update();

// }

threejs中实现鼠标缩放拖拽旋转事件的就是orbitControls控件，所以我们直接改这里面的源码即可或者自己去监听dom事件进行修改监听事件的话记得本身的缩放=false 附上源码修改后的结果

function handleMouseWheel( event ) {

let factor = 6;

let element = scope.domElement;

let mx = (event.clientX / element.width) * 2 - 1;

let my = -(event.clientY / element.height) * 2 + 1;

let vector = new Vector3(mx, my, 0);

vector.unproject(scope.object);

vector.sub(scope.object.position).setLength(factor);

if (event.deltaY < 0) {

scope.object.position.add(vector);

scope.target.add(vector);

} else {

scope.object.position.sub( vector);

scope.target.sub(vector);

}

scope.update();

}

原理的话打开编辑器自己闹个group 改变中心去试试就懂了

threejs 实现场景围绕鼠标缩放，而不是默认的场景缩放中心相关推荐

Winform中设置ZedGraph鼠标滚轮缩放的灵敏度以及设置滚轮缩放的方式(鼠标焦点为中心还是图形中心点)
场景 Winforn中设置ZedGraph曲线图的属性.坐标轴属性.刻度属性: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/10 ...
Threejs系列--9游戏开发--沙漠赛车游戏【基础场景渲染】
Threejs系列--9游戏开发--沙漠赛车游戏[基础场景渲染] 序言准备工作目录结构代码一览 index.js代码 index.css代码 Camera.js代码 Sizes.js代码 App ...
【Unity3D】缩放、平移、旋转场景
1 前言场景缩放.平移.旋转有两种实现方案,一种是对场景中所有物体进行同步变换,另一种方案是对相机的位置和姿态进行变换. 对于方案一,如果所有物体都在同一个根对象下(其子对象或孙子对象),那么只需要 ...
pygame鼠标进行拖拽移动图片、缩放、以及按钮响应案例
pygame鼠标进行拖拽移动图片.缩放.以及按钮响应案例 # -*- coding: UTF-8 -*- #!/usr/bin/env python3 # @Time : 2021.12 # @Au ...
opencv实现鼠标画矩形框、显示十字线、缩放图片
opencv实现鼠标画矩形框.显示十字线.缩放图片简介材料收集开始设计 1,将鼠标响应函数封装到类 2.合理的显示图像全部代码项目资源简介实现一个在图片上框选区域的类,可以缩放图像方便操 ...
5G通信系统应用场景与消费物联网、工业物联网应用场景综合分析
5G通信系统应用场景与消费物联网.工业物联网应用场景综合分析一.5G通信系统应用场景 5G的到来意味着什么?高速率(增强型移动宽带,eMBB).大容量(大规模机器通信,mMTC).低时延(高可靠低时 ...
机器学习特征工程之特征缩放+无量纲化：最小最大缩放（MinMaxScaler）
机器学习特征工程之特征缩放+无量纲化:最小最大缩放(MinMaxScaler) 在Andrew Ng的机器学习课程里面,讲到使用梯度下降的时候应当进行特征缩放(Feature Scaling).进行缩 ...
机器学习特征工程之特征缩放+无量纲化：最大绝对值缩放（MaxAbsScaler）
机器学习特征工程之特征缩放+无量纲化:最大绝对值缩放(MaxAbsScaler) 在Andrew Ng的机器学习课程里面,讲到使用梯度下降的时候应当进行特征缩放(Feature Scaling).进行 ...
sceneManager.loadscene加载场景时不会主动去加载场景的依赖包，要手动加载或添加场景到build setting列表中...
sceneManager.loadscene加载场景时不会主动去加载场景的依赖包,要手动加载或添加场景到build setting列表中假设有一场景1001.unity,,manifest文件如下: ...

threejs 实现场景围绕鼠标缩放，而不是默认的场景缩放中心

threejs 实现场景围绕鼠标缩放，而不是默认的场景缩放中心相关推荐

最新文章

热门文章