Unity3D UGUI实现翻书特效

 更新时间:2019年11月30日 09:50:09   作者:码农小飞飞  
这篇文章主要为大家详细介绍了Unity3D UGUI实现翻书特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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的面板信息:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • C# 守护进程的介绍及实现详解

    C# 守护进程的介绍及实现详解

    本文主要介绍了C# 守护进程的介绍及实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-06-06
  • C#实现扫描枪扫描二维码并打印(实例代码)

    C#实现扫描枪扫描二维码并打印(实例代码)

    这篇文章主要介绍了C#实现扫描枪扫描二维码并打印,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01
  • C#中重载相等(==)运算符示例

    C#中重载相等(==)运算符示例

    这篇文章主要介绍了C#中重载相等(==)运算符示例,运算符重载一直是一个很诡异事情,本文通过实例探讨由运算符重载引出的一个问题,需要的朋友可以参考下
    2015-06-06
  • C# WinForm窗体编程中处理数字的正确操作方法

    C# WinForm窗体编程中处理数字的正确操作方法

    这篇文章主要介绍了C# WinForm窗体编程中处理数字的正确操作方法,本文给出了正确示例,并解释了为什么要这么做,需要的朋友可以参考下
    2014-08-08
  • c#协变和逆变实例分析

    c#协变和逆变实例分析

    这篇文章主要介绍了c#协变和逆变,以实例形式详细讲述了协变和逆变的原理与具体用法,具有一定的学习借鉴价值,需要的朋友可以参考下
    2014-10-10
  • C#使用webbrowser的常见用法实例

    C#使用webbrowser的常见用法实例

    这篇文章主要介绍了C#使用webbrowser的常见用法,涉及C#使用webbrowser实现判断网络连接、模拟登陆、点击等常用技巧,需要的朋友可以参考下
    2015-08-08
  • C#实现将音频PCM数据封装成wav文件

    C#实现将音频PCM数据封装成wav文件

    这篇文章主要为大家详细介绍了C#如何实现将音频PCM数据封装成wav文件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2023-10-10
  • c# 颜色选择控件的实现代码

    c# 颜色选择控件的实现代码

    这篇文章主要介绍了c# 颜色选择控件的实现代码,帮助大家更好的理解和学习使用c#,感兴趣的朋友可以了解下
    2021-04-04
  • 找到整型阵列中最大值和最小值的几种方法总结

    找到整型阵列中最大值和最小值的几种方法总结

    下面小编就为大家分享一篇找到整型阵列中最大值和最小值的几种方法总结,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-12-12
  • Unity解析gif动态图操作

    Unity解析gif动态图操作

    这篇文章主要介绍了Unity解析gif动态图操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2021-04-04

最新评论