unity3d显示圆形或异形背景

在unity3d里显示圆形的背景。有两种方式,一种是在GUI上显示,通常是用在UI上。另外一种是通过3D的Plane显示,这种时候用在游戏场景里,例如做游戏的小地图。然后,ngui的方式也比较简单。

1、GUI显示


添加背景图片,添加连个图片,分别是透明背景,黑色圆形和黑色五角,png图片。



添加panel,在panel下再添加一个image



把图片背景添加到image上



为panel添加一个mask组件



把圆形添加到panel上



这个时候,就能看见一个圆形的背景图了。



如果把五角形添加在panel上,看到的就是五角形的背景。



2、plane方法

这种方法适合用来做小地图。


首先添加一个Shader



改个名字



双击以后编辑内容

Shader "Custom/Mask"
{
	Properties
	{
		_MainTex("Main Texture",2D)="white"{}
		_Mask("Mask Texture",2D)="white"{}
	}
	SubShader
	{
		Lighting On
		Zwrite Off
		Blend SrcAlpha OneMinusSrcAlpha
		 Pass {
		SetTexture [_Mask] {combine texture}
		SetTexture [_MainTex] {combine texture,previous}
		}
	}
}

在ps里面做一个黑底,白圆。存为tga格式



找到导入的tga文件



重新设置属性如下


在场景里添加一个Plane,并把背景拖到plane上



选中生成的材质



将Shader属性改为Custom/Mask



设置Mask Texture属性为 Mask,这个时候在编辑器里就变成圆的了。



需要把摄像机的Clear Flages属性设置为Depth only



运行预览,就能看见圆的背景了。使用的时候,需要双摄像机,一个显示背景,一个显示内容。



3、ngui显示

在ngui里面,也比较简单

首先添加一个panel,设置为Texture Mask,然后把圆形的png图片拖进去



在panel下添加一个ngui对象,我添了一个2d sprite,把背景图片拖进去



运行,ok。ngui果然好用啊


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值