Unity 实现滑动效果

最新推荐文章于 2024-05-30 10:16:04 发布
最新推荐文章于 2024-05-30 10:16:04 发布
阅读量4.7k 收藏 4
点赞数
分类专栏： unity3d游戏开发 文章标签： Unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kchris008/article/details/79001085
版权

原理：利用ScrollRect类的HorizontalNormalizedPisition属性，通过对scrollBar的控制来定位页面当前显示的元素。

实现步骤：
1 将元素在容器中的位置映射为固定的索引值
2 在滑动结束后，将当前scrollBar的位置与每个元素的索引值进行比较，差值最小的即为滑动后展现元素的索引值。
3 在updata函数中通过差值运算，实现动画效果。

实现效果如下图：

这里写图片描述

KChrisa
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
实现简易的unity页面滑动功能Demo
05-21
实现简易的unity页面滑动功能Demo。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
unity双向滑动列表实现丝滑滑动
11-03
本篇将详细介绍如何实现标题中所说的"unity双向滑动列表实现丝滑滑动"，并探讨其核心技术和关键组件。 首先，双向滑动列表意味着用户可以从两个维度——水平和垂直方向——滚动内容。这种功能可以为用户提供更加...
Unity 中实现UI左右滑动效果
Baobaosimida的博客
08-10 7387
借助DoTween实现功能非常方便哦~，记得导入DoTween插件进项目 1.生成所有UI元素 根据配置面板之间的距离，大小，将UI生成到指定位置，这里是将第一个元素生成到屏幕的正中间 public float gaps;//间隙 public float reduceSize;//减小的大小 public RectTransform prefab;//每一项的Prefab public Transform prefabParent;//UI元素的父物体 ...
Unity图片自动轮播带滑动切换
最新发布
LM_1997的博客
05-30 716
图片自动轮播，带滑动效果。
20240116-【UNITY 学习】增加滑动功能
qq_44887198的博客
01-16 584
新增滑动功能，在移动时按下F键可进行一定时间的滑动，当处于下坡状态时，会一直处于滑动状态。
unity手指、鼠标滑动实现物体360度旋转、点击按钮实现物体旋转
qq_19829077的博客
04-28 3920
Input.touchCount RigidbodyConstraints.FreezeRotationZ transform.Rotate
Unity怎么制作可以移动的电线
weixin_42587866的博客
01-04 701
在Unity中制作可移动的电线，你可以使用如下方法： 创建一个电线模型，并使用贝塞尔曲线或样条曲线来给它添加弯曲的效果。 在Unity中创建一个新的GameObject，并将电线模型作为它的子对象。 给这个GameObject添加一个碰撞器(Collider)，并设置它的形状为贝塞尔曲线或样条曲线。 给GameObject添加一个Rigidbody组件，并设置它的刚体类型为"Dynamic...
Unity学习记录6——镜头跟随、背景滑动、无限背景
qq_52772299的博客
02-21 584
由于LateUpdate在Update后面执行，同时，Player的移动是在Update中执行的，所以在LateUpdate中可以较好的处理相机跟随Player。如果背景不是跟摄像机同位移滑动的话，就会出现背景跟不上摄像机出现断层的情况，所以我们需要判断当前摄像机中心点相对于背景的中心点在左边还是右边，从而实现背景的平移。拿到偏移量之后呢，我们添加到背景的位移中实现滑动，不同的背景，我们可以设置位移的速度。背景的滑动也是可以给玩家好的视觉反馈的~所以我们来实现一下。同时修改他们的显示图层，展示在摄像机中~
unity3d 屏幕触摸检测事件
崔小妹儿Jessica的博客
03-23 1万+
屏幕上的触摸检测一般会检测点击，滑动，长按等 TouchPhase Enumeration   Describes phase of a finger touch. Values Began A finger touched the screen. Moved A finger moved on the screen.
Unity UGUI实现滑动翻页效果
08-19
Unity UGUI 实现滑动翻页效果 Unity UGUI 是 Unity 游戏引擎中的一种用户界面系统，提供了许多实用的功能来帮助开发者快速构建用户界面。滑动翻页效果是 UGUI 中的一种常见效果，通过滑动手势来翻页，非常适合移动...
Unity 滑动幻灯片效果
11-25
Unity3D幻灯片效果 切换的效果 幻灯片效果 切换横屏 源码 可根据需求扩展,可根据需求扩展,可根据需求扩展
unity3d判断鼠标左右滑动，响应不同事件
07-06
unity3d判断鼠标左右滑动，响应不同事件
Unity3D图片滑动效果
08-14
### Unity3D图片滑动效果实现详解 #### 一、概述 在Unity3D开发过程中，实现图片滑动效果是一项常见的需求，特别是在制作游戏UI时。本文将通过一个具体的示例代码来详细介绍如何在Unity3D中实现图片的滑动效果，并...
unity 利用Scroll View实现滑动翻页效果
Oops
08-09 1609
unity利用Scrol View实现滑动翻页效果
unity.UGUI事件系统之Drag滑动事件
lala_lzw 的代码时间
12-09 3338
Drag滑动事件主要有四个event他们分别是： IInitializePotentialDragHandler, 初始化，鼠标最对应地方摁下出发（鼠标Down）每次点击触发一次 IBeginDragHandler, 鼠标移动出发，第一下移动触发一次 IDragHandler, 一直 触发 IEndDragHandler 结束（鼠标Up）鼠标点击松开触发一次 总的来说就是看图： 主要是实现方式也是认为为继承接口 using System.Collections; using Syst
Unity3d 触屏手机滑动事件（上下左右方向精确判断）
热门推荐
于子潇的博客
06-29 2万+
滑动方向判断
Unity3D实现页面的滑动切换功能
qq_37524903的博客
07-12 3218
//挂在 在有ScrollRect 组件 的UI 上 测试创建 页码数量 脚本 效果图： 参考地址：Unity3D实现页面的滑动切换功能_小程小程，永不消沉的博客-CSDN博客_unity3d 滑动
Unity TouchScripts实例 - 判断在物体上滑动
q1113277841的博客
03-18 4035
使用PressGesture和ReleaseGesture实现检测是否有在物体上滑动
unity 滑动屏幕实现水波效果
05-30
实现滑动屏幕水波效果可以按照以下步骤进行： 1. 创建一个 Plane，将其缩放为适当大小，以适应屏幕大小。 2. 创建一个材质，并将其 Shader 设置为“Mobile/Diffuse”。 3. 将材质的纹理贴图设置为水波图。 4. 在 Plane 上添加一个脚本，用于控制水波的运动。 5. 使用 Touch 事件监听屏幕滑动事件。 6. 根据滑动方向和幅度计算出水波的速度和振幅。 7. 将速度和振幅传递给 Shader，控制水波的运动。 以下是一个示例脚本，用于实现滑动屏幕水波效果： ```csharp using UnityEngine; using System.Collections; public class WaterController : MonoBehaviour { public float speed = 1.0f; public float amplitude = 0.1f; private Material mat; void Start () { mat = GetComponent<Renderer>().material; } void Update () { if (Input.touchCount > 0 && Input.GetTouch(0).phase == TouchPhase.Moved) { Vector2 deltaPos = Input.GetTouch(0).deltaPosition; Vector2 direction = deltaPos.normalized; float distance = deltaPos.magnitude; float velocity = distance * speed; float wave = Mathf.Sin(Time.time * velocity) * amplitude; mat.SetVector("_Direction", new Vector4(direction.x, direction.y, 0, 0)); mat.SetFloat("_Wave", wave); } } } ``` 在 Shader 中，可以使用以下代码来实现水波效果： ```csharp Shader "Custom/Water" { Properties { _MainTex ("Texture", 2D) = "white" {} _Direction ("Direction", Vector) = (1, 0, 0, 0) _Wave ("Wave", Range(0, 1)) = 0 } SubShader { Pass { Tags { "RenderType"="Opaque" } CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" struct appdata { float4 vertex : POSITION; float2 uv : TEXCOORD0; }; struct v2f { float2 uv : TEXCOORD0; float4 vertex : SV_POSITION; }; sampler2D _MainTex; float4 _MainTex_ST; float4 _Direction; float _Wave; v2f vert (appdata v) { v2f o; o.vertex = UnityObjectToClipPos(v.vertex); o.uv = TRANSFORM_TEX(v.uv, _MainTex); return o; } fixed4 frag (v2f i) : SV_Target { float2 p = i.uv - 0.5; float distance = length(p) * 2; float2 direction = normalize(_Direction.xy); float dotProduct = dot(p, direction); float wave = sin(dotProduct * distance * _Wave); return tex2D(_MainTex, i.uv + wave * direction * _Wave); } ENDCG } } FallBack "Diffuse" } ``` 在 Shader 中，使用 _Direction 和 _Wave 控制水波的运动。_Direction 表示水波的运动方向，_Wave 表示水波的振幅。在 frag 函数中，使用 sin 函数根据 _Direction 和 _Wave 计算出水波的波动，最后使用 tex2D 函数获取纹理贴图的颜色并返回。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值