Unity小功能之—利用Pivot中心点-实现Image图片的从不同角度的放大缩小

最新推荐文章于 2024-07-22 17:33:11 发布
最新推荐文章于 2024-07-22 17:33:11 发布
阅读量4.3k 收藏 12
点赞数 3
分类专栏： Unity5.6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37712328/article/details/102720592
版权
本文介绍了如何在Unity 2017.4.9版本中，通过调整RectTransform的Pivot属性，实现Image图片从不同角度的放大缩小效果。详细阐述了Pivot属性的作用，并展示了Scene、Hierarchy、Inspector和Animator窗口的界面截图，配合代码解释了具体实现过程。
摘要由CSDN通过智能技术生成

Unity版本：2017.4.9                    使用画布大小：1280*720

一、实现的效果：

RectTransform组件下的Pivot属性表示中心点：

（0，0）表示：左下角     （1，1）表示：右上角    （0.5，0.5）表示：中间位置

Pivot：X  Y              X在0-1之间，Y在0-1之间。这里列举常见的9种组合方式：

（0，1）       （1，0）

（0，0.5）    （0.5，0）

（0.5，1）    （1，0.5）</

最低0.47元/天 解锁文章
于杰1996
关注
专栏目录
Unity中实现自己的圆形Image组件
L的博客
12-19 5648
一：前言 例如圆形头像或者圆形技能图标，一般做法是使用Image组件+Mask组件实现，但是Mask组件会增加额外的drawcall影响效率并打断合批所以不建议使用 UGUI的Mask实现原理：利用GPU的模版缓冲 Mask组件会赋给父级和子级UI一个特殊的材质，这个材质会给Image的每个像素点进行标记并放在一个称为Stencil Buffer的缓存内，父级每个像素点的标记设置为1，子级UI进行渲染的时候会去检查这个Stencil Buffer内的标记是否为1，如果为1则进行渲染，否则不渲染 .
unity 平移图片_Unity实现放大缩小以及相机位置平移实现拖拽效果
weixin_39636164的博客
12-21 1157
放大缩小功能是游戏开发中用到的功能，今天就来讲一下Unity中放大缩小怎么实现。1.IDragHandler, IBeginDragHandler, IEndDragHandler这三个接口是Unity常用的接口，分别对应于拖拽，开始拖拽，可结束拖拽(需要注意的是，这三个接口只能运用在UGUI(无需添加Collider)，Sprite不能使用(Sprite可以使用OnMouseDown，OnMou...
Unity鼠标滑过，图片局部放大效果
05-29
Unity中鼠标滑过，图片局部放大效果，像淘宝上商品详细的效果
unity 实现图片的放大与缩小（根据鼠标位置拉伸放缩）
最新发布
小柒的博客
07-22 735
unity 实现图片的放大与缩小，根据鼠标位置拉伸放缩
Unity Image(RawImage) 实现按轴心放大缩小，序列化存储轴心信息，实现编译器窗口保存轴心
blastospore的博客
08-04 759
Unity Image(RawImage) 实现按轴心放大缩小，序列化存储轴心信息，实现编译器窗口保存轴心,能够实现2D上的一些镜头效果
Unity3D 放大缩小图片
yuyingwin的专栏
06-21 4886
using UnityEngine; using UnityEngine.UI; using System.Collections; public class PictureZoom : MonoBehaviour { #region Zoom /// <summary> /// 上一帧两指间距离 /// </summary> private float lastDistance = 0; /// <summary> ...
Unity通过相机旋转和缩放物体
a451319296的博客
01-12 1838
1.首先新建一个空物体命名为“CameraController” 2.在“CameraController”对象下,创建一个名为“CameraObject”的空对象 3.将“Main Camera”拖动到“CameraObject”对象层级下 4.新建一个“Cube”物体 5.在“CameraController”对象上,创建一个名字为“RotateZoomObject...
Unity实现加载文件夹内所有图片并可显示和放大的一种解决方案
他在试图用代码书写这个世界，字里行间温柔尽显。勿忘初心，努力做有价值的技术文章。
01-05 5669
实现思路 Unity加载外部图片可以通过文件流和WWW的形式加载出来，再根据加载出来的纹理图片创建为精灵图片，赋值给Image对象即可；放大的思路主要是创建一张固定大小的Image图，点击小图时，将小图的sprite赋值给大图的sprite即可，也可以将大图的宽高设置为图片原始的width和height。 demo场景搭建 新建图片文件夹，并添加几张图片用来测试： 脚本实现 分别可以用文件流和WWW的形式加载图片，并有放大图片、查看上一张下一张图片的功能。 以上就是整个脚本从上到下的完整
Unity3D如何实现UI的旋转2
08-08
在Unity UI中，我们可以直接对`RectTransform`组件进行操作，通过修改其`pivot`（旋转中心点）和`rotation`（旋转角度）属性来实现UI元素的旋转。例如，可以使用`RectTransform.rotation = Quaternion.Euler(new ...
【unity小技巧】unity排序问题的探究
向宇
10-29 928
unity的排序问题其实之前分享的项目多多少少都有提到一点，但是没有单独拿出来说，所以这次特地做一次整理排序图层的作用？sorting Group排序组的使用？树木排序问题，我们希望实现人物走到树前，人物遮挡树木，当人物走到树后，树又遮挡玩家。
图片的局部放大（放大镜效果）
09-19
图片的局部放大（放大镜效果）,基于jquery，使用非常简单，上手很容易。效果炫酷，与淘宝上图片放大的效果一样鼠标悬停，将图片局部放大显示
Unity-Pixel-Perfect-Camera：用于将像素艺术游戏渲染（和缩放）到具有固定尺寸的（虚拟）窗口中的组件
02-05
像素完美画布 将Unity 3D用于像素艺术游戏存在两个主要问题：没有简单的方法来使窗口具有固定尺寸（以像素为单位）的窗口，也没有方法将视图重新缩放比例仅限制为整数因子。 通过导入具有高“像素到单位”价值的资产可以稍微解决后者。 但是，这没有考虑到每个图块/精灵理想上应该是图块的倍数。 该插件尝试通过将主摄像机渲染为纹理并确保显示的图像位于屏幕中心并按整数倍缩放来解决这些问题。 该解决方案具有增加的效果，即甚至可以编写自定义着色器来修改将如何渲染放大的图像（例如，添加假扫描线）。 另外，尽管通常需要事先创建渲染纹理，但此插件可以按预期工作并创建自己的临时纹理。 正在安装 将“ plugi
UnityEditor-批处理Texture，spriteEditor，代码设置Pivot失效问题
Htlas的博客
05-12 2118
需求起因，最近制作角色2D八方向的动画，美术提供的序列帧图片资源，角色不同动作不同方向的图片大小和角色实际的中心点是不一致的，如图所示：攻击和溃败的序列帧图片尺寸和角色在图片中心位置是不一样的。 这样会导致一个问题：在动画状态切换的时候，犹豫锚点不一致的原因会导致位置的瞬间偏移，但这样导出序列帧资源也有一个好处是最大程度的降低图片尺寸。 那么解决这个问题方案是修改序列帧图片的锚点，将图片锚点设置在角色脚下，这样切换动画的时候就会以脚底为锚点解决位置偏移的问题。 代码设置Texture锚点，只需要先
记录：Unity旋转和缩放物体
qq_42824652的博客
08-03 894
两个手指缩放物体参考：缩放物体方法地址 主要用到点击屏幕的方法，然后记录老的位置，当位置发生变化时 进行新老值的计算 然后改变缩放大小或改变旋转角度 public class ChangeObjectSizeAndRotate: MonoBehaviour{ [SerializeField] GameObject changeObject; //你要改变的物体 private Vector2 lastSlidePos; ...
使用UnityShader实现图片沿中心缩放的功能（附UE4中的3种实现方法）
HeizJiao的博客
03-05 6647
使用UnityShader实现图片沿中心缩放（附UE4中的3种实现方法）原理Unity中Shader的实现UE4中的3种实现方法方法1（使用虚幻自带的节点）方法2（使用蓝图节点自己计算）方法3（使用custom节点进行运算） 原理 在网上搜了一下贴图沿中心缩放的代码，发现并没有，自己研究了一下午最后得出了结论 对原理不敢兴趣的同学可以直接跳到第二部分的shader实现上，下面讲原理部分 首先，在U...
unity使用梳理——利用Pivot中心点-实现Image的控制
heng_3219的博客
06-24 760
利用Pivot中心点-实现Image图片的从不同角度的放大缩小 2020/06/24更新 RectTransform组件下的Pivot属性表示中心点： （0，0）表示：左下角 （1，1）表示：右上角 （0.5，0.5）表示：中间位置 (Pivot： X在0-1之间，Y在0-1之间) 这里列举常见的9种组合方式： （0，1）、 （1，0） （0，0.5）、（0.5，0） （0.5，1）、（1，0.5） （0，0）、 （0.5，0.5） （1，1） 中心点(类似于坐标轴的位置) 你的中心点设置在哪
Unity Ugui 实现 列表item居中放大效果
qq_37775368的博客
06-23 2324
通过拖拽或者点击图片 使图片居中放大使用scroll view组件 并为子节点conter添加 Grid layout Group 组件实现逻辑记录每个item到scroll中心点的距离的数据在拖拽过程中 通过当前conter的localpostion位置 去判断离中心点距离最短的item找到对应item 让conter的localpostion通过插值lerp 移动到对应的位置 使其item居中并缩放水平拖拽 这里知晓localpostion关于x的信息即可垂直拖拽 即y。 在拖拽接口中不断实
unity fixedupdate_unity相关
weixin_39960503的博客
11-23 226
会频繁更新 主要给自己看性能优化总结:成本和分析工具:Memory Profiler/Unity Editor Profiler/Frame Debugger/RenderDoc/ VS / ADB /Instruments / GPA /Inter VTune Profiler /Unity Bulid Report Tool优化大纲:1:CPU(1)渲染模块简化资源:Back Face Cu...
unity中 background-image 图片旋转自适应大小
01-11
在Unity中，可以通过修改CSS样式和使用JavaScript来实现背景图片的旋转和自适应大小。下面是一个示例代码： 1. 首先，在index.html文件中找到以下代码： ```html <div id="unityContainer" style="width: 100%; height: 100%;"></div> ``` 将其替换为以下代码： ```html <div id="unityContainer" style="width: 100%; height: 100%; position: relative;"> <div id="backgroundImage" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('your_image_path'); background-size: cover;"></div> </div> ``` 将"your_image_path"替换为你想要设置为背景图片的图片路径。 2. 然后，在TemplateData文件夹下的style.css文件中添加以下代码： ```css #backgroundImage { animation: rotate 10s infinite linear; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } ``` 这段代码将为背景图片添加一个旋转动画效果。 通过以上代码，你可以实现Unity中背景图片的旋转和自适应大小效果。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值