码迷,mamicode.com
首页 > 编程语言 > 详细

Unity3D在NGUI中使用mask

时间:2015-03-11 09:20:59      阅读:1466      评论:0      收藏:0      [点我收藏+]

标签:3d游戏开发   unity3d培训   unity3d游戏   unity培训   unity3d学习   

欢迎来到unity学习unity培训unity企业培训教育专区,这里有很多U3D资源U3D培训视频U3D教程U3D常见问题U3D项目源码,【狗刨学习网】unity极致学院,致力于打造业内unity3d培训、学习第一品牌。

过程是这样的:最近一直想做一个头像的mask效果,后来发现原来unity的mask需要用shader来写,网上找了不少资料,也能实现,不过大多数都是用render texture作为相机投影的texture。然后把这个相机的图像作为一个material,然后在ngui中创建一个texture,把这个material赋给texture。怎么说呢,这种方式虽然也能实现,但是必须要创建一个相机,对于一个大型项目来说有点不切实际。一个头像加个mask多简单的一件事,肯定有更好的办法。

最终还是找到了一种很好的方法,这种方法更接近想象中的方法,废话不多说了,跟我一步步做吧!
首先,我们需要新建一个shader。然后给他添加下面的代码。
在project试图中,右键->Create->Shader,新建一个shader,名字随便。

  1. Shader "Unlit/Transparent Colored with mask" {
  2.   Properties {
  3.     _MainTex ("Base (RGB), Alpha (A)", 2D) = "white" {}
  4.     _AlphaTex ("Yeahyeah", 2D) = "white" {}
  5.   }

  6.   SubShader{
  7.     LOD 100

  8.     Tags{
  9.       "Queue" = "Transparent"
  10.       "IgnoreProjector" = "True"
  11.       "RenderType" = "Transparent"
  12.     }

  13.     Pass {
  14.       Cull Off
  15.       Lighting Off
  16.       ZWrite Off
  17.       Fog { Mode Off }
  18.       Offset -1, -1
  19.       ColorMask RGB
  20.       AlphaTest Greater .01
  21.       Blend SrcAlpha OneMinusSrcAlpha
  22.       ColorMaterial AmbientAndDiffuse

  23.       SetTexture [_MainTex] {
  24.         Combine Texture * Primary
  25.       }

  26.       SetTexture [_AlphaTex] {
  27.         Combine previous, texture
  28.       }
  29.     }
  30.   }
  31. }
复制代码

顺便说下shader吧。太官方了可能不好理解,大概意思就是,在渲染的时候shader规定了某些规则,这些规则往往是用来实现某些炫酷的特效,或者为了某使些功能更高效。
代码中的Properties相当于unity脚本中的公共变量,当把shader赋给某个material时这些变量就能想出来,你可以给他赋值 ,跟unity脚本基本一样。
代码中的SubShader是子渲染器,这里面就能访问到前面设置的变量,这里主要是实现shader功能的地方,当然你还可以在这里面定义函数,等等,但是函数是用的一种叫Cg / HLSL的语言。
Pass,是渲染通道。这里可以设置一些参数来规定渲染方式。
好了基本就这样,要想具体了解shader,看unity官方的解释

好了我们接着做mask。如果shader代码能看懂的话,基本你也就会做了。
它主要做了两件事:
1,给两个texture赋值,其实就是两张图片。
2,把_AlphaTex中不透明的像素和_MainTex中的像素输出,其实就相当在MainTex中抠出一个AlphaTex中不透明的那部分形状一样的图块。

其实刚开始我搜到了不少shader,很多都没有提到怎么使用,下面来看一下
其实很简单,点击建好的shader在inspector面板中你会看到

顺便说下shader吧。太官方了可能不好理解,大概意思就是,在渲染的时候shader规定了某些规则,这些规则往往是用来实现某些炫酷的特效,或者为了某使些功能更高效。
代码中的Properties相当于unity脚本中的公共变量,当把shader赋给某个material时这些变量就能想出来,你可以给他赋值 ,跟unity脚本基本一样。
代码中的SubShader是子渲染器,这里面就能访问到前面设置的变量,这里主要是实现shader功能的地方,当然你还可以在这里面定义函数,等等,但是函数是用的一种叫Cg / HLSL的语言。
Pass,是渲染通道。这里可以设置一些参数来规定渲染方式。
好了基本就这样,要想具体了解shader,看unity官方的解释

好了我们接着做mask。如果shader代码能看懂的话,基本你也就会做了。
它主要做了两件事:
1,给两个texture赋值,其实就是两张图片。
2,把_AlphaTex中不透明的像素和_MainTex中的像素输出,其实就相当在MainTex中抠出一个AlphaTex中不透明的那部分形状一样的图块。

其实刚开始我搜到了不少shader,很多都没有提到怎么使用,下面来看一下
其实很简单,点击建好的shader在inspector面板中你会看到

技术分享

从project视图中把两张图片拖上去就可以了。
MainTex是你要显示的图片
AlphaTex是你要抠图的形状,注意这张图除了形状可以用任何颜色以外其他必须都是透明的,而且图的大小要跟MainTex图片一样大。
最后就是使用了,用NGUI创建一个Texture,把shader拖到UITexture脚本的shader变量中,你会发现兴奋的事情发生啦!!最终效果如下:

技术分享
声明:此篇文档时来自于【狗刨学习网】社区,是网友自行发布的Unity3D学习文章,如果有什么内容侵犯了你的相关权益,请与官方沟通,我们会即时处理。

更多精彩内容:www.gopedu.com

Unity3D在NGUI中使用mask

标签:3d游戏开发   unity3d培训   unity3d游戏   unity培训   unity3d学习   

原文地址:http://blog.csdn.net/book_longssl/article/details/44193933

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!