Unity3D Shader实现贴图切换效果

本文实例为大家分享了shader实现基于世界坐标的贴图置换效果。

效果如下:

设置面板如下:

可在面板上设置切换方向,与切换对象,及其切换速度。

shader实现如下:

Shader "XM/Effect/SwapTexture" {
 Properties {
 _Color ("Color", Color) = (1,1,1,1)
 _MainTex ("Albedo (RGB)", 2D) = "white" {}
 _TargetTex ("Target Tex", 2D) = "white" {}//目标贴图
 [KeywordEnum(Up, Down, Left, Right, Forward, Back)] _mode ("Mode", Int) = 0//切换方向
 _SwapBlend ("Blend", Range(0,1)) = 0//0-1混合值
 _SwapMin("Min Value", Float) = 0//最小世界坐标
 _SwapMax("Max Value", Float) = 0//最大世界坐标
 _Glossiness ("Smoothness", Range(0,1)) = 0.5
 _Metallic ("Metallic", Range(0,1)) = 0.0
 }
 SubShader {
 Tags { "RenderType"="Opaque" }
 LOD 200

 CGPROGRAM
 // Physically based Standard lighting model, and enable shadows on all light types
 #pragma surface surf Standard fullforwardshadows vertex:vert

 // Use shader model 3.0 target, to get nicer looking lighting
 #pragma target 3.0

 sampler2D _MainTex;
 sampler2D _TargetTex;

 struct Input {
  float2 uv_MainTex;
  float3 worldPos;
 };

 half _mode;
 half _SwapBlend;
 float _SwapMin;
 float _SwapMax;
 half _Glossiness;
 half _Metallic;
 fixed4 _Color;

 void vert (inout appdata_full v, out Input o) {
  UNITY_INITIALIZE_OUTPUT(Input,o);
 }

 void surf (Input IN, inout SurfaceOutputStandard o) {
  half useTarget = 0;
  float targetValue = 0;
  switch(_mode)//模式选择
  {
  case 0://up
   targetValue = (_SwapMax - _SwapMin) * _SwapBlend + _SwapMin;
   useTarget = IN.worldPos.y > targetValue?0:1;
   break;
  case 1://down
   targetValue = (_SwapMax - _SwapMin) * (1 - _SwapBlend) + _SwapMin;
   useTarget = IN.worldPos.y < targetValue?0:1;
   break;
  case 2://left
   targetValue = (_SwapMax - _SwapMin) * (1 - _SwapBlend) + _SwapMin;
   useTarget = IN.worldPos.x < targetValue?0:1;
   break;
  case 3://right
   targetValue = (_SwapMax - _SwapMin) * _SwapBlend + _SwapMin;
   useTarget = IN.worldPos.x > targetValue?0:1;
   break;
  case 4://forward
   targetValue = (_SwapMax - _SwapMin) * _SwapBlend + _SwapMin;
   useTarget = IN.worldPos.z > targetValue?0:1;
   break;
  case 5://back
   targetValue = (_SwapMax - _SwapMin) * (1 - _SwapBlend) + _SwapMin;
   useTarget = IN.worldPos.z < targetValue?0:1;
   break;
  }

  // Albedo comes from a texture tinted by color
  fixed4 c;
  if(useTarget == 1)
  {
  c = tex2D (_TargetTex, IN.uv_MainTex);
  }
  else
  {
  c = tex2D (_MainTex, IN.uv_MainTex);
  }

  c *= _Color;
  o.Albedo = c.rgb;
  // Metallic and smoothness come from slider variables
  o.Metallic = _Metallic;
  o.Smoothness = _Glossiness;
  o.Alpha = c.a;
 }
 ENDCG
 }
 FallBack "Diffuse"
}

配合使用的脚本如下:

using System;
using System.Collections;
using UnityEngine;

namespace XM.Effect
{
 public class SwapTexture : MonoBehaviour
 {
  public enum SwapDirection
  {
   Up,
   Down,
   Left,
   Right,
   Forward,
   Back
  }

  public Shader _shader;//"XM/Effect/SwapTexture” shader
  public SwapDirection _swapDir;//切换方向
  public Renderer _target;//目标对象
  [Range(0, 1)]
  public float _speed;//速度

  private Material _matOld;
  private Material _matNew;

  public void Swap(Texture tex, Action<bool> onComplete)
  {
   if (_matOld != null)
   {
    StopAllCoroutines();
    if (null != onComplete)
    {
     onComplete(false);
    }

    _target.material = _matOld;
   }

   _matOld = _target.material;

   _matNew = new Material(_shader);
   _matNew.SetTexture("_MainTex", _target.material.GetTexture("_MainTex"));
   _matNew.SetTexture("_TargetTex", tex);
   _matNew.SetInt("_mode", (int)_swapDir);
   _matNew.SetFloat("_SwapBlend", 0);

   StartCoroutine("_StartChange", onComplete);
  }

  private IEnumerator _StartChange(Action<bool> onComplete)
  {
   float deltaVal = 0;

   _target.material = _matNew;

   Vector3 vtMin;
   Vector3 vtMax;
   float minVal = 0;
   float maxVal = 0;

   while (deltaVal != 1)
   {
    vtMin = _target.bounds.min;
    vtMax = _target.bounds.max;

    switch (_swapDir)
    {
     case SwapDirection.Up:
     case SwapDirection.Down:
      minVal = vtMin.y;
      maxVal = vtMax.y;
      break;
     case SwapDirection.Left:
     case SwapDirection.Right:
      minVal = vtMin.x;
      maxVal = vtMax.x;
      break;
     case SwapDirection.Forward:
     case SwapDirection.Back:
      minVal = vtMin.z;
      maxVal = vtMax.z;
      break;
    }

    minVal -= 0.01f;
    maxVal += 0.01f;

    _matNew.SetFloat("_SwapMin", minVal);
    _matNew.SetFloat("_SwapMax", maxVal);

    deltaVal = Mathf.Clamp01(deltaVal + _speed * Time.deltaTime);
    _matNew.SetFloat("_SwapBlend", deltaVal);
    yield return null;
   }

   _matOld.SetTexture("_MainTex", _matNew.GetTexture("_TargetTex"));
   _target.material = _matOld;

   _matNew = null;
   _matOld = null;

   if (null != onComplete)
   {
    onComplete(true);
   }
  }

  public void OnDrawGizmos()
  {
   if (_target != null)
   {
    Gizmos.DrawWireCube(_target.bounds.center, _target.bounds.size);
    Gizmos.DrawWireSphere(_target.bounds.min, 0.1f);
    Gizmos.DrawWireSphere(_target.bounds.max, 0.1f);
   }
  }

  //test
  public Texture testTex;
  private void OnGUI()
  {
   if (GUILayout.Button("SwapTexture"))
   {
    Swap(testTex, (t) =>
    {
     Debug.Log("Swap>" + t);
    });
   }
  }
  //
 }
}

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

(0)

相关推荐

  • Unity iOS混合开发界面切换思路解析

    思路 之前一篇文章里面只谈到了Unity和iOS工程的融合,并没有谈到iOS和Unity界面的切换,这里谈谈思路,Unity导出的iOS工程里面的结构大致是这样的,有一个Window,Window上有一个UnityView,但是并没有控制器,也没有根控制器,虽然在导出的iOS工程中Classes文件夹下的UnityAppController中有rootController的属性,但是上面也标注为空~ 所以,思路就只有一种,,既然Unity导出的iOS工程有一个Window并没有控制器,那好,混合

  • Unity3D Shader实现贴图切换效果

    本文实例为大家分享了shader实现基于世界坐标的贴图置换效果. 效果如下: 设置面板如下: 可在面板上设置切换方向,与切换对象,及其切换速度. shader实现如下: Shader "XM/Effect/SwapTexture" { Properties { _Color ("Color", Color) = (1,1,1,1) _MainTex ("Albedo (RGB)", 2D) = "white" {} _Targ

  • 实用的js 焦点图切换效果 结构行为相分离

    焦点图切换效果,对前端来说,恐怕再熟悉不过了,实现它的方法应该有多种,工作当中常用的一种,叙述如下: 如何让当前的数字导航与图片的显示同步? 这里有两个区域,图片切换区和数字导航区:分别对应着两个循环函数:plays(value)和setBg(value): 当图片循环切换到第2张时,此时数字导航的当前状态也变换到第2的位置,以此达到一种同步的效果,这里的关键就是给他们传递相同的参数value:而这个任务就交给了函数Mea(value): 图片应该是自动切换的,当循环显示到最后一种图片后,返回到

  • 网站基于flash实现的Banner图切换效果代码

    本文实例讲述了网站基于flash实现的Banner图切换效果代码,该实例的主要切换功能是由flash完成的.分享给大家供大家参考. 具体实现代码如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="

  • javascript 封装的一个实用的焦点图切换效果

    所以在原来的基础上改了下,封装起来,并做了进一步的优化,这样同一个页面就可以使用多个这样的效果了,xhtm和css没有变化,感兴趣的朋友可以在js上面可以跟之前的代码做个对比,这样更容易理解和掌握.有什么问题和建议请回帖 @&@1.xhtml 复制代码 代码如下: <div class="jfocus">    <div id="jfocuspic">        <a href="#" style=&qu

  • vue自定义js图片碎片轮播图切换效果的实现代码

    定义一个banner.js文件,代码如下 ;window.requestAnimationFrame = window.requestAnimationFrame||function(a){return setTimeout(a,1000/60)}; window.cancelAnimationFrame = window.cancelAnimationFrame||clearTimeout; var FragmentBanner = function(option) { //实例化时,可传的参

  • WPF实现手风琴式轮播图切换效果

    本文实例为大家分享了WPF实现轮播图切换效果的具体代码,供大家参考,具体内容如下 实现效果如下: 步骤: 1.自定义控件MyImageControl 实现图片的裁切和动画的赋值. public partial class MyImageControl : UserControl { public static readonly DependencyProperty ShowImageProperty = DependencyProperty.Register("ShowImage",

  • JavaScript实现淘宝商品图切换效果

    JavaScript之衣服相册切换效果(类似淘宝商品图切换),供大家参考,具体内容如下 话不多说,直接上代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> #bigImg{ width: 200

  • js实现无缝滚动双图切换效果

    本文记录的是在html中写两个img实现多张图片的无缝滚动,供大家参考,具体内容如下 html结构如下: <div class="wrap"> <ul class="list"> <li> <img src="img/img0.png"> </li> <li> <img src="img/img1.png"> </li> </

  • Unity3D Shader实现流光效果

    本文实例为大家分享了Unity3D Shader实现流光效果的具体代码,供大家参考,具体内容如下 流光效果图: 演示工程:下载地址 //功能需求:模拟数据传送效果,高亮色块从模型上方移动到下方 //功能分析:这里采用UV动画的方式来实现,利用Alpha贴图控制流动的形状 // 利用Alpha遮罩贴图,控制模型中哪些地方需要进行流动 Shader "Custom/DataFlowEffect" { Properties { _MainColor("Main Color"

  • Unity Shader实现动态过场切换图片效果

    本文实例为大家分享了Unity Shader实现动态过场切换图片的具体代码,供大家参考,具体内容如下 一.简单介绍 Shader Language的发展方向是设计出在便携性方面可以和C++.Java等相比的高级语言,"赋予程序员灵活而方便的编程方式",并"尽可能的控制渲染过程"同时"利用图形硬件的并行性,提高算法效率". 本文介绍,如何使用 shader ,动态过场形式切换图片的一点简单效果. 二.实现原理 1.通过时间叠加判断,当 值小于 主图

随机推荐