IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 游戏开发 -> Unity 水墨风格Shader -> 正文阅读

[游戏开发]Unity 水墨风格Shader

最近在做一个帮助美术初学者画稿定位的一个项目,里面涉及到了一些要把图片变成水墨风格的一个需求,查阅资料,在前人的基础上修修改改,弄出了一个Shader,效果如下

请添加图片描述

效果就是可以切换水墨画风格和原画,还可以调整线条的粗细和内容的填充度,具体参数如下

在这里插入图片描述
shader代码如下:

Shader "Custom/SobelLine"
{
    Properties
    {
        _MainTex ("Base (RGB)", 2D) = "white" {}
		//_MainTex ("Base (RGB)", 2D) = "white" {}
		_Saturability ("_Saturability",Range(0.0,2.0))= 0.5
		_LineRange ("_LineRange", Range(0, 1.6)) = 0.8
		_ScreenResolution ("_ScreenResolution", Vector) = (0,0,0,0)
    }
    SubShader
    {
        Tags { "RenderType"="Opaque" }
        LOD 100

        Pass
        {
            Cull Off ZWrite Off ZTest Always
			CGPROGRAM
			#pragma vertex vert
			#pragma fragment frag
			#pragma multi_compile MY_multi_Y MY_multi_N
			#include "UnityCG.cginc"
			
			uniform sampler2D _MainTex;
			uniform float _Saturability;
			uniform float _LineRange;
			uniform float4 _ScreenResolution;
			

			float4 _MainTex_ST;
            struct appdata
            {
                float4 vertex : POSITION;
                float2 uv : TEXCOORD0;
			
				float4 color    : COLOR;
            };

            struct v2f
            {
                float2 uv : TEXCOORD0;
                UNITY_FOG_COORDS(1)
                float4 vertex : SV_POSITION;

				float4 color    : COLOR;
            };

			 v2f vert (appdata v)
            {
                v2f o;
                o.vertex = UnityObjectToClipPos(v.vertex);
                o.uv = TRANSFORM_TEX(v.uv, _MainTex);
                UNITY_TRANSFER_FOG(o,o.vertex);
				#if _TEX_ON
					v2f OUT;
					OUT.vertex = UnityObjectToClipPos(v.vertex);
					OUT.uv = v.uv;
					OUT.color = v.color;
					return OUT;
				#endif

                return o;
            }

			float intensity(in float4 color){
				return sqrt((color.x*color.x)+(color.y*color.y)+(color.z*color.z));
			}
				
			float3 sobel(float stepx, float stepy, float2 center){
				
				float tleft 	= intensity(tex2D(_MainTex,center + float2(-stepx,stepy)*_LineRange));
				float left 		= intensity(tex2D(_MainTex,center + float2(-stepx,0)*_LineRange));
				float bleft 	= intensity(tex2D(_MainTex,center + float2(-stepx,-stepy)*_LineRange));
				float top 		= intensity(tex2D(_MainTex,center + float2(0,stepy)*_LineRange));
				float bottom 	= intensity(tex2D(_MainTex,center + float2(0,-stepy)*_LineRange));
				float tright 	= intensity(tex2D(_MainTex,center + float2(stepx,stepy)*_LineRange));
				float right 	= intensity(tex2D(_MainTex,center + float2(stepx,0)*_LineRange));
				float bright 	= intensity(tex2D(_MainTex,center + float2(stepx,-stepy)*_LineRange));
				
				float x =  tleft + 2.0 * left + bleft  - tright - 2.0 * right  - bright;
				float y = -tleft - 2.0 * top  - tright + bleft  + 2.0 * bottom + bright;
				
				float color = sqrt((x*x) + (y*y));
				if(color<_Saturability)
				{
				    color=0;
				}
				return float3(1- color,1- color,1- color);
			}            

			           

            fixed4 frag (v2f i) : SV_Target
            {

				float4 col = float4(0, 0, 0, 0);


				#ifdef MY_multi_Y
					col = tex2D(_MainTex, i.uv);
                // apply fog
					UNITY_APPLY_FOG(i.fogCoord, col);
				#endif
				#ifdef MY_multi_N
					float2 uvst = UnityStereoScreenSpaceUVAdjust(i.uv, _MainTex_ST);
					col= float4(sobel(1./_ScreenResolution.x, 1./_ScreenResolution.y, uvst),1.0);	
				#endif

				return col;
				
            }
            ENDCG
        }
    }
}

值得注意的是,在原话和水墨风格切换的时候我是通过两个变体处理的
在这里插入图片描述然后C#脚本里面进行切换

 		if (Input.GetKeyDown(KeyCode.W))
        {

            Shader.EnableKeyword("MY_multi_Y");
            Shader.DisableKeyword("MY_multi_N");


        }

        if (Input.GetKeyDown(KeyCode.A))
        {

            Shader.EnableKeyword("MY_multi_N");
            Shader.DisableKeyword("MY_multi_Y");

        }

代码一共就这么多,需要复制粘贴一下就行,或者私信向我要也ok,快下班了,时间仓促,就这样,有时间我在补充补充放个工程上去,哈哈哈

  游戏开发 最新文章
6、英飞凌-AURIX-TC3XX: PWM实验之使用 GT
泛型自动装箱
CubeMax添加Rtthread操作系统 组件STM32F10
python多线程编程:如何优雅地关闭线程
数据类型隐式转换导致的阻塞
WebAPi实现多文件上传,并附带参数
from origin ‘null‘ has been blocked by
UE4 蓝图调用C++函数(附带项目工程)
Unity学习笔记(一)结构体的简单理解与应用
【Memory As a Programming Concept in C a
上一篇文章      下一篇文章      查看所有文章
加:2022-01-08 14:22:27  更:2022-01-08 14:22:29 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/27 18:45:55-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码