Unity实现放大缩小以及相机位置平移实现拖拽效果
放大缩小功能是游戏开发中用到的功能,今天就来讲一下Unity中放大缩小怎么实现。
1.IDragHandler, IBeginDragHandler, IEndDragHandler这三个接口是Unity常用的接口,分别对应于拖拽,开始拖拽,可结束拖拽(需要注意的是,这三个接口只能运用在UGUI(无需添加Collider),Sprite不能使用(Sprite可以使用OnMouseDown,OnMouseDrag,OnMouseUp)),并且拖拽物体需要是Cavas下面的子元素。
先看一下简单的拖拽开始和拖拽结束,拖拽开始只有简单的判断是不是单点点击,记录点击的位置,标记拖拽状态为true。结束拖拽里面标记拖拽状态为flase。
public void OnBeginDrag(PointerEventData eventData)
{
if (Input.touchCount <= )
{
isDrag = true;
lastPoint = Input.mousePosition;
}
} public void OnEndDrag(PointerEventData eventData)
{
isDrag = false;
}
重点看一下拖拽中这个方法:这个方法是在你按下的过程中一直在执行,基本上每一行都有注释,应该都很好懂的
public void OnDrag(PointerEventData eventData)
{ if (isDrag && Input.touchCount <= )
{
//记录当前鼠标位置
currentPoint = Input.mousePosition;
//记录移动的距离 -号是因为我们要移动的是因为相机来显示物体的移动
//如果自己移动物体可以不加上-,原理是一样的,直接移动物体会造成重构,特别的有大量物体(比如地图的时候就会出现这种情况),性能上会消耗巨大
moveDir = -(currentPoint - lastPoint);
//规整z轴方向
moveDir = new Vector3(moveDir.x, moveDir.y, ); //如果移动的距离为0那么说明没有进行拖拽,直接返回
if (moveDir == Vector3.zero)
{
return;
} //这一段可以参考 https://www.jianshu.com/p/148725feecfa
//主要用于做到屏幕移动距离和相机移动距离保持一致,不随着缩放而改变
float aspect = eyeCamera.aspect;
float halfFOVTan = Mathf.Tan((eyeCamera.fieldOfView * 0.5f) * Mathf.Deg2Rad);
float hight = Mathf.Abs(eyeCamera.transform.position.z) * halfFOVTan * ;// 参照图片(计算透视相机视口宽高示意图)
float width = hight * aspect;
//计算实际上相机需要移动的距离
moveDir.x = moveDir.x / Screen.width * width;
moveDir.y = moveDir.y / Screen.height * hight; //相机移动距离:moveDir后面乘上的是一个下面我们要说的一个缩放系数,如果不加上的话会导致缩小之后移动比较慢一点,放大之后移动比较快速
eyeCamera.transform.Translate(moveDir * scale/6.6f); if (lastPoint != currentPoint)
{
lastPoint = currentPoint;
}
}
}
2.放大缩小
//这里是因为我用的正交相机,而正交相机的默认size等于6.6
private float scale = 6.6f;
public void ScaleView()
{
//多点触摸, 放大缩小(记录两个新的触摸点)
Touch newTouch1 = Input.GetTouch(0);
Touch newTouch2 = Input.GetTouch(1);
//判断是不是取消了,或者是新的点点击了或者抬起了直接退出ScaleView方法
for (int i = 0; i < Input.touchCount; ++i)
{
if (Input.GetTouch(i).phase == TouchPhase.Began || Input.GetTouch(i).phase == TouchPhase.Canceled ||
Input.GetTouch(i).phase == TouchPhase.Ended)
{
//取消之后当前点变成了上一个记录点
lastTouch2 = newTouch2;
lastTouch1 = newTouch1;
return;
}
} //计算老的两点距离和新的两点间距离,变大要放大模型,变小要缩放模型
float lastDistance = Vector2.Distance(lastTouch1.position, lastTouch2.position);
float newDistance = Vector2.Distance(newTouch1.position, newTouch2.position); //两个距离之差,为正表示放大手势, 为负表示缩小手势
float offset = lastDistance - newDistance;
//放大因子, 一个像素按 0.01倍来算(100可调整)
float scaleFactor = offset / zoomFactor;
//当前的相机size
float localScale = eyeCamera.orthographicSize;
//计算整体的放大倍数
scale = localScale + scaleFactor;
if (scale < minScale)
{
scale = minScale;
}
else if (scale > maxScale)
{
scale = maxScale;
}
//调整相机的尺寸
Scale2D.SetCameraOrthographicSize(scale, eyeCamera);
//记住最新的触摸点,下次使用
lastTouch1 = newTouch1;
lastTouch2 = newTouch2;
}
Unity实现放大缩小以及相机位置平移实现拖拽效果的更多相关文章
- [Unity]背包效果-使用NGUI实现物品的拖拽效果Drag
背包效果-使用NGUI实现物品的拖拽效果Drag 效果实现如图 对象层级关系图 PacketCell - Right 对象作为单元格背景 PacketContainer 对象作为单元格容器 Packe ...
- Android多点触控技术,实现对图片的放大缩小平移,惯性滑动等功能
首先推荐一下鸿洋大大的打造个性的图片预览与多点触控视频教程,这套教程教我们一步一步实现了多点触控实现对图片的平移和缩放的功能.这篇文章我将在鸿洋大大的基础之上做了一些扩展功能: 1.图片的惯性滑动 2 ...
- Canvas实现图片放大缩小移动操作
对于HTML5相信大家都不陌生,很早就出来了,但是貌似都没有真正的使用过.最近做项目时要实现这样一个需求:一个图片,大小不固定,要求能实现类似地图一样放大.缩小.移动功能.这里就很合适使用html5的 ...
- Android 手势滑动,多点触摸放大缩小图片
效果展示: 基本思路: <1>首先写一个图片控制类ImageControl,实现对图片控制的的基本操作,我们的图片控制类ImageControl是继承自ImageView自定义的视图: & ...
- Android DIY之路 (一) 指定区域多图片合成 放大 缩小 镜像 旋转 等(转)
惯例先看效果图 // 注意做类似这种模板功能时候 方位由后台数据提供,这里我们用假数据 4个点 或者xy 加区域来做示例 //一开始我们公司用的是透明盖住 操作图片 但发现 局限性较大.后来直接限定区 ...
- canvas上画出坐标集合,并标记新坐标,背景支持放大缩小拖动功能
写在前面:项目需求,用户上传一个区位的平面图片,用户可以在图片上添加新的相机位置,并且展示之前已绑定的相机坐标位置,图片支持放大缩小&拖动的功能.新增坐标,页面展示相对canvas定位,保存时 ...
- wpf下的图片放大缩小
WPF下实现图片的放大缩小移动 在windows 7里面有自带的图片查看器,这个软件可以打开一张图片然后以鼠标在图片中的焦点为原点来进行缩放,并且放大后可以随意拖动.下面我们在WPF中实现这个功能 ...
- PhotoView实现图片随手势的放大缩小的效果
项目需求:在listView的条目中如果有图片,点击条目,实现图片的放大,并且图片可以根据手势来控制图片放大缩小的比例.类似于微信朋友圈中查看好友发布的照片所实现的效果. 思路是这样的:当点击条目的时 ...
- 【开源】专业K线绘制[K线主副图、趋势图、成交量、滚动、放大缩小、MACD、KDJ等)
这是一个iOS项目雅黑深邃的K线的绘制. 实现功能包括K线主副图.趋势图.成交量.滚动.放大缩小.MACD.KDJ,长按显示辅助线等功能 预览图 最后的最后,这是项目的开源地址:https://git ...
随机推荐
- Azkaban 3.73.1 集群搭建(Multiple Executor)
一.简介 Azkaban是LinkedIn开源的任务调度框架,采用java编写 Azkaban功能和特点: 任务的依赖处理 任务监控,失败告警 任务流的可视化 任务权限管理 Azkaban具有轻量可插 ...
- 生产追溯系统-Raspberry Pi帮助我们节省大量硬件成本,助力信息化建设
初识 Raspberry Pi 竟然有这么小的电脑主机?只有手掌这么大?电源线竟然跟手机数据线一样?当我第一次看到Raspberry Pi的时候,在脑海中产生了一连串的疑问,带着这些疑问逐渐开始研究这 ...
- 阿里系手淘weex学习第一天
官网原文:https://weex.apache.org/zh/tools/extension.html#功能 功能 创建Weex项目. 支持在VSCode对Weex的语法支持. 检查iOS和Andr ...
- iOS 矢量图pdf替换2倍3倍图
一.在开发中矢量图的使用大大提高设计的切图效率! ios 中可以用pdf替换现在的2倍3倍图(1倍图已经忽略) 1.将pdf矢量图拖进工程Assets.xcassets中 2.按照步骤操作 3.矢量图 ...
- kuangbin专题 专题一 简单搜索 Oil Deposits HDU - 1241
题目链接:https://vjudge.net/problem/HDU-1241 题意:问有几个油田,一个油田由相邻的‘@’,组成. 思路:bfs,dfs都可以,只需要遍历地图,遇到‘@’,跑一遍搜索 ...
- C语言学习书籍推荐《C语言入门经典(第4版)》
霍顿 (Ivor Horton) (作者), 杨浩 (译者) <C语言入门经典(第4版)>的目标是使你在C语言程序设计方面由一位初学者成为一位称职的程序员.读者基本不需要具备任何编程知识, ...
- R035---偷个懒,用UiPath录制电脑操作过程,迅速实现流程自动化
一.缘起 UiPath可以录制你操作电脑的过程,从而实现自动化. 目前有点鸡肋,因为有些操作过程无法录制,例如: 键盘快捷键 修改键 右键点击 鼠标悬停 即便如此,录制功能有时候还是可以用一下,特别 ...
- BAT的人都是怎么学习的
不知道你发现没,在技术领域走在前列的人,基本都符合一个条件:保持对新技术的敏感度,还能定期更新自己的技能储备. 要做到这一点,最高效的办法就是直接跟 BAT 等一线大厂取经.说白了,平台足够大,就有更 ...
- 马蜂窝 IM 系统架构的演化和升级
今天,越来越多的用户被马蜂窝持续积累的笔记.攻略.嗡嗡等优质的分享内容所吸引,在这里激发了去旅行的热情,同时也拉动了马蜂窝交易的增长.在帮助用户做出旅行决策.完成交易的过程中,IM 系统起到了重要的作 ...
- SpringBoot2.0集成WebSocket,实现后台向前端推送信息
感谢作者,支持原创: https://blog.csdn.net/moshowgame/article/details/80275084 什么是WebSocket? WebSocket协议是基于TCP ...