unity中实现Edge浏览器鼠标手势的功能思路详解

 更新时间:2023年12月18日 11:13:58   作者:安东尼王  
这篇文章主要介绍了unity中实现Edge浏览器鼠标手势的功能思路详解,实现起来其实并不复杂,涉及的技术点有pc端和移动端屏幕拖动事件,二维向量的相关运算,手势匹配算法,事件系统设计模式,需要的朋友可以参考下

概要

Edge浏览器中,只需要使用鼠标按住右键在屏幕上不同方向拖动,就可以触发很多快捷操作,效果很丝滑。那如果想使用unity开发这么一个功能,支持PC端和移动端,要怎么做呢?

实现思路

实现起来其实并不复杂,涉及的技术点有pc端和移动端屏幕拖动事件,二维向量的相关运算,手势匹配算法,事件系统设计模式。
大概思路是:定义鼠标路径为不同的事件类型,例如:“Up”,“Down”,“Left”,“Right”,将相邻不重复的路径类型添加到一个列表中, 通过鼠标事件,获取当前帧和上一帧的滑动方向,如果方向偏移当前方向范围,则判断为鼠标在滑动过程中发生了转折,将每次转折的方向记录到一个列表中,转折次数根据定义的事件鼠标路径数量而定,超出这个数量则判定为无效手势,最后当手势抬起时,匹配定义的事件手势路径列表和滑动过程中记录的手势列表,如果匹配成功则判定触发事件。

1.鼠标拖动事件

提示:移动端和pc端事件有所区别

MouseDown

 	private static bool MouseDown()
    {
        if (Application.isMobilePlatform)
        {
            if (Input.touchCount == 1 && Input.touches[0].phase == TouchPhase.Began)
            {
                MouseId = 0;
                return true;
            }
            return false;
        }
        if (Input.GetMouseButtonDown(1))
        {
            return true;
        }
        return false;
    }

MousePress

 	private static bool MousePress()
    {
        if (Application.isMobilePlatform)
        {
            return Input.touches[0].phase == TouchPhase.Moved || Input.touches[0].phase == TouchPhase.Stationary;
        }
        if (Input.GetMouseButton(1))
        {
            return true;
        }
        return false;
    }

MouseUp

 	private static bool MouseUp()
    {
        if (Application.isMobilePlatform)
        {
            return Input.touches[0].phase == TouchPhase.Ended || Input.touches[0].phase == TouchPhase.Canceled;
        }
        if (Input.GetMouseButtonUp(1))
        {
            return true;
        }
        return false;
    }

2.鼠标拖动的二维方向计算

获取鼠标拖动的方向向量

  	private Vector2 GetDragDirection()
    {
        var v = (Vector2)Input.mousePosition - _preMousePoint;
        return v.normalized;
    }

计算方向,目前只识别上下左右四个方向,次方法可扩展为八个方向

 private Direction GetDirection()
    {
        var dir = GetDragDirection();
        var dotH = Vector2.Dot(Vector2.right, dir);
        var dorV = Vector2.Dot(Vector2.up, dir);
        //更趋向于横向滑动
        if (Mathf.Abs(dotH) > Mathf.Abs(dorV))
        {
            return dotH > 0 ? Direction.Right : Direction.Left;
        }
		//更趋向于纵向滑动
        if (Mathf.Abs(dotH) < Mathf.Abs(dorV))
        {
            return dorV > 0 ? Direction.Up : Direction.Down;
        }
        return _preDirection;
    }

提示:_preMousePoint为上一帧的鼠标位置,此字段采集的频率建议不要太过频繁,不建议每帧采集,因为可能导致滑动速度过慢时存在噪点手势,影响事件结果

3.匹配鼠标手势路径

记录路径方向

private void UpdateGestures()
    {
        var dir = GetDirection();
        if (_preDirection != dir)
        {
            _preDirection = dir;
            _curDirections.Add(dir);
        }
    }

定义事件路径,此处只示例最多两段路径,事件路径可以扩展多段

  public static Dictionary<GestureState, List<Direction>> Gestures = new()
    {
    { GestureState.Down , new() { Direction.Down }},
    { GestureState.Up , new(){ Direction.Up }},
    { GestureState.Left , new() { Direction.Left }},
    { GestureState.Right , new() { Direction.Right }},
    { GestureState.DownLeft , new() { Direction.Down, Direction.Left}},
    { GestureState.DownRight , new() { Direction.Down,Direction.Right }},
    { GestureState.UpLeft , new() { Direction.Up,Direction.Left }},
    { GestureState.UpRight , new() { Direction.Up,Direction.Right }},
    { GestureState.LeftDown , new() { Direction.Left, Direction.Down }},
    { GestureState.LeftUp , new() { Direction.Left, Direction.Up }},
    { GestureState.RightDown , new() {Direction.Right, Direction.Down }},
    { GestureState.RightUp , new(){Direction.Right, Direction.Up }},
    };

匹配路径

private GestureState MatchGesture()
    {
        var state = GestureState.Invalid;
        foreach (var gesture in Gestures)
        {
            if (gesture.Value.SequenceEqual(_curDirections))
            {
                state = gesture.Key;
                break;
            }
        }
        return state;
    }

小结

直线手势比较简单,后续会继续研究进阶手势,如曲线,异性等手势,欢迎交流!

到此这篇关于unity中实现Edge浏览器鼠标手势的功能的文章就介绍到这了,更多相关unity Edge浏览器鼠标手势内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • C#中多线程Tread的使用(推荐)

    C#中多线程Tread的使用(推荐)

    线程是操作系统分配CPU时间的基本单元,在一个进程中可以有多个线程同时执行代码,这篇文章主要介绍了C#中多线程的使用Tread,需要的朋友可以参考下
    2022-10-10
  • C#微信开发之发送模板消息

    C#微信开发之发送模板消息

    这篇文章主要为大家详细介绍了C#微信开发之发送模板消息的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • c#中LINQ的基本用法(三)

    c#中LINQ的基本用法(三)

    这篇文章介绍了c#中LINQ的基本用法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下的相关资料
    2022-04-04
  • 剖析设计模式编程中C#对于组合模式的运用

    剖析设计模式编程中C#对于组合模式的运用

    这篇文章主要介绍了设计模式编程中C#对于组合模式的运用,理论上来说组合模式包含抽象构件、树叶构件和树枝构件三个角色,需要的朋友可以参考下
    2016-02-02
  • String.Format大全(C# Java)

    String.Format大全(C# Java)

    String.format无论是在C#中还是在java中应用都非常广泛,今天小编抽个时间把有关string.format知识总结分享给大家,需要的朋友可以参考下
    2015-09-09
  • C#队列Queue多线程用法实例

    C#队列Queue多线程用法实例

    这篇文章主要介绍了C#队列Queue多线程用法,实例分析了队列的相关使用技巧,需要的朋友可以参考下
    2015-05-05
  • c# TreeView添加右键快键菜单有两种方法

    c# TreeView添加右键快键菜单有两种方法

    c# TreeView添加右键快键菜单有两种方法,需要的朋友可以参考一下
    2013-04-04
  • C#温故而知新系列教程之闭包

    C#温故而知新系列教程之闭包

    闭包是将一些执行语句的封装,可以将封装的结果像对象一样传递,在传递时,这个封装依然能够访问到原上下文。下面这篇文章主要给大家介绍了关于C#中闭包的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2018-05-05
  • C# String常用函数的使用详解

    C# String常用函数的使用详解

    这篇文章主要介绍了C# String常用函数的使用详解,帮助大家更好的理解和学习使用c#,感兴趣的朋友可以了解下
    2021-04-04
  • c# 多线程环境下控制对共享资源访问的解决方法

    c# 多线程环境下控制对共享资源访问的解决方法

    这篇文章主要介绍了c# 多线程环境下控制对共享资源访问的解决方法,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
    2024-07-07

最新评论