Unity3D UGUI实现翻书特效
作者:码农小飞飞 时间:2022-03-30 23:02:59
本文实例为大家分享了Unity3D UGUI翻书展示的具体代码,供大家参考,具体内容如下
参考大佬的,链接找不到了,找到了再加在这。
下边是Shader代码:
// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'
Shader "Personal/PageTurning" {
Properties
{
_Color ("Color", Color) = (1,1,1,1)
_MainTex("MainTex",2D)="White"{}
_SecTex("SecTex",2D)="White"{}
_Angle("Angle",Range(0,180))=0
_Warp("Warp",Range(0,10))=0
_WarpPos("WarpPos",Range(0,1))=0
_Downward("Downward",Range(0,1))=0
}
SubShader
{
pass
{
Cull Back
CGPROGRAM
#pragma vertex vert
#pragma fragment frag
#include "UnityCG.cginc"
struct v2f
{
float4 pos : POSITION;
float2 uv : TEXCOORD0;
};
fixed4 _Color;
float _Angle;
float _Warp;
float _Downward;
float _WarpPos;
sampler2D _MainTex;
float4 _MainTex_ST;
v2f vert(appdata_base v)
{
v2f o;
v.vertex += float4(5,0,0,0);
float s;
float c;
sincos(radians(-_Angle),s,c);
float4x4 rotate={
c,s,0,0,
-s,c,0,0,
0,0,1,0,
0,0,0,1};
float rangeF=saturate(1 - abs(90-_Angle)/90);
v.vertex.y += -_Warp*sin(v.vertex.x*0.4-_WarpPos* v.vertex.x)*rangeF;
v.vertex.x -= rangeF * v.vertex.x*_Downward;
v.vertex = mul(rotate,v.vertex);
v.vertex += float4(-5,0,0,0);
o.pos = UnityObjectToClipPos(v.vertex);
o.uv = TRANSFORM_TEX(v.texcoord,_MainTex);
return o;
}
fixed4 frag(v2f i):COLOR
{
fixed4 color = tex2D(_MainTex,-i.uv);
return _Color * color;
}
ENDCG
}
pass
{
Cull Front
CGPROGRAM
#pragma vertex vert
#pragma fragment frag
#include "UnityCG.cginc"
struct v2f
{
float4 pos : POSITION;
float2 uv : TEXCOORD0;
};
fixed4 _Color;
float _Angle;
float _Warp;
float _Downward;
float _WarpPos;
sampler2D _SecTex;
float4 _MainTex_ST;
v2f vert(appdata_base v)
{
v2f o;
v.vertex += float4(5,0,0,0);
float s;
float c;
sincos(radians(-_Angle),s,c);
float4x4 rotate={
c,s,0,0,
-s,c,0,0,
0,0,1,0,
0,0,0,1};
float rangeF=saturate(1 - abs(90-_Angle)/90);
v.vertex.y += -_Warp*sin(v.vertex.x*0.4-_WarpPos* v.vertex.x)*rangeF;
v.vertex.x -= rangeF * v.vertex.x*_Downward;
v.vertex = mul(rotate,v.vertex);
v.vertex += float4(-5,0,0,0);
o.pos = UnityObjectToClipPos(v.vertex);
o.uv = TRANSFORM_TEX(v.texcoord,_MainTex);
return o;
}
fixed4 frag(v2f i):COLOR
{
float2 uv = i.uv;
uv.x = -uv.x;
fixed4 color = tex2D(_SecTex,-uv);
return _Color * color;
}
ENDCG
}
}
}
下面是UI代码:
using System.Collections;
using UnityEngine;
using UnityEngine.UI;
public class FanShuUI : UIBase
{
private GameObject Plane;
private Material m_Material;
private Coroutine effect;
private Image LeftPage;
private Image RightPage;
private void Awake()
{
InitUI();
}
public override void InitUI()
{
Plane = GetGameObject("Plane");
LeftPage = GetComp<Image>("LeftPage");
RightPage = GetComp<Image>("RightPage");
Plane.SetActive(false);
m_Material = Plane.GetComponent<MeshRenderer>().material;
}
public void PlayPageTurnEffect(bool isLeft = true)
{
if (!gameObject.activeSelf)
{
return;
}
if (effect != null)
{
StopCoroutine(effect);
}
effect = StartCoroutine(FanShuEffect(0.5f, isLeft));
}
public void ShowRightImage(string right)
{
RightPage.gameObject.SetActive(true);
RightPage.sprite = ResourcesMgr.Instance.LoadObj<Sprite>(right);
}
public void ShowLeftImage(string left)
{
LeftPage.gameObject.SetActive(true);
LeftPage.sprite = ResourcesMgr.Instance.LoadObj<Sprite>(left);
}
private IEnumerator FanShuEffect(float time, bool isLeft)
{
LeftPage.gameObject.SetActive(false);
RightPage.gameObject.SetActive(false);
Plane.SetActive(true);
int angle = (int)(180 * 0.1f);
for (int i = 0; i < 10; i++)
{
if (isLeft)
{
m_Material.SetFloat("_Angle", angle * i);
}
else
{
m_Material.SetFloat("_Angle", 180 - angle * i);
}
yield return new WaitForSeconds(time * 0.1f);
}
if (isLeft)
{
m_Material.SetFloat("_Angle", 180);
}
else
{
m_Material.SetFloat("_Angle", 0);
}
Plane.SetActive(false);
OnEffectOver();
}
private void OnEffectOver()
{
//--callback
}
}
左右两页纸可以在翻书结束动态加载图片。
下边是Plane的面板信息:
来源:https://blog.csdn.net/songhuanfei2017/article/details/93750356
标签:Unity3D,UGUI,翻书
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
c# List find()方法返回值的问题说明(返回结果为对象的指针)
2023-11-20 21:55:34
![](https://img.aspxhome.com/file/2023/7/74817_0s.png)
springMVC引入Validation的具体步骤详解
2021-12-19 18:30:19
SpringBoot整合Shiro两种方式(总结)
2021-09-08 21:28:24
![](https://img.aspxhome.com/file/2023/6/65146_0s.png)
java实现文件夹解压和压缩
2022-06-07 03:00:39
java中申请不定长度数组ArrayList的方法
2023-02-24 17:37:37
SpringMVC上传文件的两种方法
2023-11-17 14:27:20
![](https://img.aspxhome.com/file/2023/2/59192_0s.jpg)
springboot实现在工具类(util)中调用注入service层方法
2021-06-17 20:02:51
![](https://img.aspxhome.com/file/2023/6/60616_0s.png)
Java事件监听机制讲解
2022-09-18 00:41:11
Android为View添加拖放效果的方法实例
2023-06-25 18:53:45
为什么wait和notify必须放在synchronized中使用
2022-07-20 07:32:39
![](https://img.aspxhome.com/file/2023/7/71187_0s.webp)
java和 javaw 及 javaws的区别解析
2023-07-21 06:31:05
![](https://img.aspxhome.com/file/2023/9/64749_0s.png)
C#设计模式之Facade外观模式解决天河城购物问题示例
2023-06-10 08:28:36
![](https://img.aspxhome.com/file/2023/8/67548_0s.png)
Java设计模式七大原则之里氏替换原则详解
2022-05-22 13:41:10
![](https://img.aspxhome.com/file/2023/8/61868_0s.jpg)
C#使用Monitor类实现线程同步
2021-07-20 03:01:14
![](https://img.aspxhome.com/file/2023/3/67553_0s.png)
Java String 拼接字符串原理详解
2023-05-14 10:10:33
SpringBoot ResponseBody返回值处理的实现
2023-06-29 23:18:43
Java使用openOffice对于word的转换及遇到的问题解决
2021-12-03 00:01:16
使用C++ Matlab中的lp2lp函数教程详解
2023-07-13 17:13:12
![](https://img.aspxhome.com/file/2023/0/103080_0s.png)
Java程序员面试中的多线程问题总结
2021-12-12 07:48:33
Maven如何打入依赖中指定的部分jar包
2023-09-22 02:50:33