Laya引擎下实现双指缩放

最新推荐文章于 2025-08-23 02:53:08 发布

明早叫我起床

最新推荐文章于 2025-08-23 02:53:08 发布

阅读量868

点赞数 1

CC 4.0 BY-SA版权

分类专栏： # 游戏引擎 LayaAir2.0 文章标签： unity javascript 游戏

本文链接：https://blog.csdn.net/weixin_43396132/article/details/115873404

游戏引擎 LayaAir2.0 专栏收录该内容

5 篇文章

订阅专栏

本文介绍在Laya引擎中实现双指缩放的方法。通过注册舞台鼠标滑动事件并利用touchId属性来判断单指或双指操作，进而计算两指间的距离变化，实现缩放效果。

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

Laya引擎下实现双指缩放

首先要知道如何识别双指操作
//注册舞台鼠标滑动事件

 Laya.stage.on(Laya.Event.MOUSE_MOVE, this, this.OnMouseMove);
private OnMouseMove(p){
	console.log(p)//可以打印看看这个p里边都有什么
}

打印下这个p，p中有个属性touchId，这个值等于0意味着单指滑动，这个值等于1意味着双指滑动。
2. 接下来就好办了，只需要在OnMouseMove下边，处理这段逻辑即可：当前的双指距离是否大于上一帧的双指距离。如果小于，说明玩家是在进行”缩小“操作，如果大于，说明玩家是在进行”放大“操作。
3. 简单代码如下

 if(this.data.mouseDown && p.touchId == 0){
            this.data.nowTouch1.x = p.stageX
            this.data.nowTouch1.y = p.stageY            
        }
        if(p.touchId == 1){
            this.data.nowTouch2.x = p.stageX
            this.data.nowTouch2.y = p.stageY
            let b = true
            if(this.data.lastTouch1){
                let lastDis = Math.sqrt((this.data.lastTouch2.x-this.data.lastTouch1.x)*(this.data.lastTouch2.x-this.data.lastTouch1.x)
                                        +(this.data.lastTouch2.y-this.data.lastTouch1.y)*(this.data.lastTouch2.y-this.data.lastTouch1.y))
                let nowDis =  Math.sqrt((this.data.nowTouch2.x-this.data.nowTouch1.x)*(this.data.nowTouch2.x-this.data.nowTouch1.x)
                                       +(this.data.nowTouch2.y-this.data.nowTouch1.y)*(this.data.nowTouch2.y-this.data.nowTouch1.y))
                
                if(nowDis <= lastDis){
                    b = false
                }
            }            
            
            this.data.lastTouch1.x = this.data.nowTouch1.x 
            this.data.lastTouch1.y = this.data.nowTouch1.y
            this.data.lastTouch2.x = this.data.nowTouch2.x
            this.data.lastTouch2.y = this.data.nowTouch2.y
        }