three.js 在手机端移动转向 可做场景漫游

本文介绍如何使用three.js库,在手机端通过单指点击前进、双指点击后退以及左右滑动转向,实现场景漫游功能。详细代码将在解耦后提供。
摘要由CSDN通过智能技术生成

先把几个函数发上来,完整代码等解耦后再完善
单手指点击屏幕前进,双手指点击后退 左右滑动专向

this.onTouchStart=function( event ) {

				isUserInteracting = true;
				var clientX = event.clientX || event.touches[ 0 ].clientX;
				var clientY = event.clientY || event.touches[ 0 ].clientY;
				onMouseDownMouseX = clientX;
				onMouseDownMouseY = clientY;
				onMouseDownLon = lon;
				onMouseDownLat = lat;

		
		if ( this.domElement !== document ) {

			this.domElement.focus();

		}

		event.preventDefault();   //防止违约
		event.stopPropagation();   //停止传播


		if ( this.activeLook ) {
					var touch = event.targetTouches[0];
					touchstartY=touch.pageX;

				switch ( event.touches.length ) {

			case 1:	
			 this.moveForward = true;
				
				break;

			case 2:	
				this.moveBackward = true; 
				break;

			default:	

		}
			}
		

		this.mouseDragOn = true;    //鼠标拖动


	console.log("touchstart");

	
	}

	this.onTouchEnd=function
  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值