Laya2.13.3在Web条件下使用键盘控制相机移动

需求:在Laya开发时,常常没法移动相机来观察场内的环境,故制作一个移动相机的脚本来是实现此功能,目前先使用键盘后续会添加鼠标控制移动旋转等功能。

     onEnable(){
         this.camera = new Laya.Camera(0, 0.1, 100);
         this._tempVector3 = new Laya.Vector3(0, 0, 0);
         this.KeyBoardManager = Laya.KeyBoardManager;
         Laya.timer.frameLoop(2, this, this.onUpdate);
     }	


	onUpdate(){
		this.KeyBoardManager.hasKeyDown(87) && this.moveForward(-5 * 0.1);//W
		this.KeyBoardManager.hasKeyDown(83) && this.moveForward(5 * 0.1);//S
		this.KeyBoardManager.hasKeyDown(65) && this.moveRight(-5 * 0.1);//A
		this.KeyBoardManager.hasKeyDown(68) && this.moveRight(5 * 0.1);//D
	}

	moveForward(distance) {
		this._tempVector3.x = this._tempVector3.y = 0;
		this._tempVector3.z += distance;
		this.mainCamera.transform.translate(this._tempVector3);
	}

	/**
	 * 向右移动。
	 * @param distance 移动距离。
	 */
	moveRight(distance){
		this._tempVector3.y = this._tempVector3.z = 0;
		this._tempVector3.x += distance;
		this.mainCamera.transform.translate(this._tempVector3);
	}

  • 5
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值