Unity shader实现自由放大缩小效果

本文实例为大家分享了Unity shader实现自由放大缩小效果的具体代码,供大家参考,具体内容如下

代码:

以下实现的shader代码:

Shader "Hidden/Wave"
{
 Properties
 {
 _MainTex ("Texture", 2D) = "white" {}
 _WaveWidth("Wave Width",float) = 0.5
 _CenterX("CenterX",float)=0.5
 _CenterY("CenterY",float)=0.5
 }
 SubShader
 {
 // No culling or depth
 Cull Off ZWrite Off ZTest Always

 Pass
 {
  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;
  };

  float _WaveWidth;
  float _CenterX;
  float _CenterY;
  v2f vert (appdata v)
  {
  v2f o;
  o.vertex = UnityObjectToClipPos(v.vertex);
  o.uv = v.uv;
  return o;
  }

  sampler2D _MainTex;

  fixed4 frag (v2f i) : SV_Target
  {
  float2 center=float2(_CenterX,_CenterY);
  float2 distance= center - i.uv;
  float x=center.x+ center.x*(-distance.x/center.x) *(1-_WaveWidth);
  float y=center.y+ center.y*(-distance.y/center.y) *(1-_WaveWidth);
  float2 uv = float2(x,y);
  return tex2D(_MainTex, uv);
  }
  ENDCG
 }
 }
}

主要的内容还是在frag中。

下面是挂在摄像机上的脚本:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class WaveCreame : MonoBehaviour {

  public Shader waveShader = null;
  [Range(0.0f,1f)]
  public float waveWidth = 0.3f;
  private Material m_WaveMaterial = null;
  private float m_CenterX = 0.5f;
  private float m_CtenterY = 0.5f;
 // Use this for initialization
 void Start () {
    m_WaveMaterial = new Material(waveShader);
 }

 // Update is called once per frame
 void Update () {
    Vector3 pos = Input.mousePosition;
    m_CenterX = pos.x / Screen.width;
    m_CtenterY = pos.y / Screen.height;
    if (Input.GetMouseButton(0)) {
      waveWidth += Time.deltaTime * 0.5f;
    }
    if (Input.GetMouseButton(1))
    {
      waveWidth -= Time.deltaTime * 0.5f;
    }
  }

  private void OnRenderImage(RenderTexture source, RenderTexture destination)
  {
    if (waveShader == null || m_WaveMaterial == null) return;
    m_WaveMaterial.SetFloat("_WaveWidth", waveWidth);
    m_WaveMaterial.SetFloat("_CenterX", m_CenterX);
    m_WaveMaterial.SetFloat("_CenterY", m_CtenterY);
    Graphics.Blit(source, destination, m_WaveMaterial);
  }
}

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

(0)

相关推荐

  • Unity3D UGUI实现缩放循环拖动卡牌展示效果

    本文实例为大家分享了Unity3D UGUI实现缩放循环拖动卡牌展示的具体代码,供大家参考,具体内容如下 需求:游戏中展示卡牌这种效果也是蛮酷炫并且使用的一种常见效果,下面我们就来实现以下这个效果是如何实现. 思考:第一看看到这个效果,我们首先会想到UGUI里面的ScrollRect,当然也可以用ScrollRect来实现缩短ContentSize的width来自动实现重叠效果,然后中间左右的卡牌通过计算来显示缩放,这里我并没有用这种思路来实现,我提供另外一种思路,就是自己去计算当前每个卡牌的位

  • Unity3D实现物体旋转缩放移动效果

    本文实例为大家分享了Unity3D实现物体旋转缩放移动的具体代码,供大家参考,具体内容如下 由于项目运行在安卓上,运用到了插件,比较麻烦.你们可以在触发条件上进行修改,不用插件也可以. 1.下载FingerGestures 插件 下载地址 点击打开链接 2.导入插件,创建场景 将预设Finger Gestures Initializer 拖拽到 Hierarchy 视图中 3.添加脚本,拖拽到摄像机上.创建一个方块拖拽到脚本target 属性上. using UnityEngine; using

  • Unity shader实现自由放大缩小效果

    本文实例为大家分享了Unity shader实现自由放大缩小效果的具体代码,供大家参考,具体内容如下 代码: 以下实现的shader代码: Shader "Hidden/Wave" { Properties { _MainTex ("Texture", 2D) = "white" {} _WaveWidth("Wave Width",float) = 0.5 _CenterX("CenterX",float

  • 微信小程序swiper实现滑动放大缩小效果

    效果图如下所示: 具体代码如下所示: <swiper class="swiper-block" previous-margin="90rpx" next-margin="90rpx" current="0" bindchange="swiperChange"> <block wx:for="{{imgUrls}}" wx:index="{{index}}&qu

  • Unity Shader实现3D翻页效果

    本文实例为大家分享了Unity Shader实现3D翻页效果的具体代码,供大家参考,具体内容如下 参考文章:UnityShader使用Plane实现翻书效果 效果图: 原理:Shader顶点动画 在顶点着色器进行对顶点Y值的偏移(使用了Sin函数模拟翻页时产生的弯曲),对顶点X值的偏移实现纸张在翻页时的收缩(一般是不用收缩),最后对顶点进行围绕Z轴旋转实现Plane翻页(Z轴是本例的旋转轴,请根据你具体情况修改,上面的两个偏移同理). Shader "Unlit/PaperTurnMilkSha

  • Unity Shader实现新手引导遮罩镂空效果

    这两天实现了下新手引导需要的遮罩镂空shader效果,记录一下. 1.圆形镂空shader代码:  //计算片元世界坐标和目标中心位置的距离 float dis = distance(IN.worldPosition.xy, _Center.xy); //过滤掉距离小于(半径-过渡范围)的片元 clip(dis - (_Radius - _TransitionRange)); //优化if条件判断,如果距离小于半径则执行下一步,等于if(dis < _Radius) fixed tmp = st

  • js实现图片缓慢放大缩小效果

    本文实例为大家分享了图片缓慢放大缩小js实现代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片的缓慢缩放</title> </head> <script> window.onload = function(){ var btn_big = docu

  • Unity shader实现顶点动画波动效果

    本文实例为大家分享了Unity shader实现顶点动画的具体代码,供大家参考,具体内容如下 需要了解的背景知识: 波动实例:y=  Asin(ωx+φ) φ:决定波形与X轴位置关系或横向移动距离(左加右减) ω:决定周期(最小正周期T=2Π/|ω|) A:决定峰值(纵向拉伸压缩的倍数) 顶点着色器的主要计算: 1.顶点位置 2.矩阵转换 片段着色器 1.纹理寻址 2.灯光作用 _Time表示时间周期 float4(t/20,  t,  t*2,  t*3) Shader "Custom/Wav

  • canvas实现图片根据滑块放大缩小效果

    效果图: 图(1) 原始图 图(2) 缩小后 图(3) 放大后 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> #canvas1{ box-shadow: 3px 3px 10px black; } </style> &

  • javascript运动效果实例总结(放大缩小、滑动淡入、滚动)

    本文实例总结了javascript运动效果实现与用法.分享给大家供大家参考,具体如下: 一.图片放大缩小效果: <!doctype html> <html> <head> <meta charset="utf-8"> <title>图片放大缩小</title> <style> *{ margin:0; padding:0; list-style:none;} #ulList{ margin:50px;}

  • javascript 图片放大缩小功能实现代码

    看JS源码: 复制代码 代码如下: // 放大缩小控制 var PhotoSize = { zoom: 0, // 缩放率 count: 0, // 缩放次数 cpu: 0, // 当前缩放倍数值 elem: "", // 图片节点 photoWidth: 0, // 图片初始宽度记录 photoHeight: 0, // 图片初始高度记录 init: function(){ this.elem = document.getElementById("focusphoto&qu

  • Android中imageView图片放大缩小及旋转功能示例代码

    一.简介 二.方法 1)设置图片放大缩小效果 第一步:将<ImageView>标签中的android:scaleType设置为"fitCenter" android:scaleType="fitCenter" 第二步:获取屏幕的宽度 DisplayMetrics dm=new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetrics(dm); dm.widthPixels 第三

随机推荐