threejs

最新推荐文章于 2024-10-08 10:35:39 发布

甜拳拳

最新推荐文章于 2024-10-08 10:35:39 发布

阅读量570

点赞数

分类专栏： threeJS 文章标签：前端

本文链接：https://blog.csdn.net/xing_1209/article/details/124016577

版权

threeJS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

threejs

1.OrbitControls控制器
- 1）参考文章
- 2）代码
2.文字标注
- 1）参考文章
- 2）代码

1.OrbitControls控制器

1）参考文章

three.js轨道控制器OrbitControls.js

three.js中OrbitControls.js的属性与方法

2）代码

//添加轨道控制器
map3d.controls = new THREE.OrbitControls(map3d.camera, map3d.renderer.domElement);
map3d.controls.target = new THREE.Vector3(541276.16500, 4423171.623500, 0);//控制焦点

// 使动画循环使用时阻尼或自转 意思是否有惯性
map3d.controls.enableDamping = true;
//动态阻尼系数 就是鼠标拖拽旋转灵敏度
map3d.controls.dampingFactor = 0.5;
//是否可以缩放
map3d.controls.enableZoom = true;
//是否自动旋转
map3d.controls.autoRotate = false;
//设置相机距离原点的最近距离
map3d.controls.minDistance = 1;
//设置相机距离原点的最远距离
map3d.controls.maxDistance = opts_.furthest;
//是否开启右键拖拽
map3d.controls.enablePan = true;
clock = new THREE.Clock();//用于更新轨道控制器

//渲染函数
map3d.rander = function() {
	//更新控制器
	if(map3d.controls){
		elta = clock.getDelta();//获取时间差
		map3d.controls.update(elta);//更新时间			
	}
	map3d.renderer.render(map3d.scene, map3d.camera);
	requestAnimationFrame(map3d.rander);
}
map3d.rander();