接上一篇中说的游戏,我们已经实现了client、host上的一个物体可见不可见的行为。之后我们可以加入类似检查两个单位之间的距离、或是两个单位之间有无阻挡物来进一步实现游戏机制。

在这篇随笔中我会首先介绍战争迷雾的一种绘制方法。下一篇中介绍Line of Sight模型的实时生成。两者结合后的最终的效果如下:

战争迷雾的绘制:

不同的绘制方法有很多,我们这里采取的是把战争迷雾的信息保存到贴图上,然后作为ImageEffect和最终图像融合。

在想要有迷雾遮罩的地方放上一个模型,然后将其图层设置为FowMask(仅做例子)。

将主相机中的Culling Mask中的FowMask取消勾选,这样这个模型不会被渲染到主相机里去。

然后新建一个相机作为渲染贴图的相机,称作Fow相机,作为主相机的child Gameobject,并且Culling Mask中只勾选FowMask。并设置Clear Flag和Background Color如下



这样保证在渲染出的图像中,除了遮罩模型的地方其他区域alpha都为0。因为我们接下来要用到alpha表示一个区域是否有遮罩。

在Fow相机下添加一个脚本

public class LosMaskSubCamera : MonoBehaviour {

	// Use this for initialization
void Start () {
var t = new RenderTexture(Screen.width, Screen.height, 16);
GetComponent<Camera>().targetTexture = t;
Shader.SetGlobalTexture("_LOSMaskTexture", t);
}
}

该脚本新建一张RenderTexture并且让相机渲染到这张texture中。同时把它作为Shader的输入。这里的Shader就是附在主相机上的image effect。

在主相机上添加一个脚本代码如下:

public class LosMask : MonoBehaviour {
public Material LOSMaskMaterial; private void OnRenderImage(RenderTexture source, RenderTexture destination) {
Graphics.Blit(source, destination, LOSMaskMaterial);
}
}

一个单纯的调用一个ImageEffect的代码。在之后完成Shader、创建Material之后再把Material赋值给它。

现在我们新建一个Shader。代码跟Image Effect模板相差无几,如下:

Shader "Custom/LOSMaskShader"
{
Properties
{
_MainTex("MainTex",2D) = "white"{}
}
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;
}; v2f vert (appdata v)
{
v2f o;
o.vertex = mul(UNITY_MATRIX_MVP, v.vertex);
o.uv = v.uv;
return o;
} sampler2D _LOSMaskTexture;
sampler2D _MainTex; fixed4 frag (v2f i) : SV_Target
{
float4 mask = tex2D(_LOSMaskTexture,i.uv);
float4 main = tex2D(_MainTex,i.uv); main = main * saturate(mask.a+0.2); //0.2代表不可见区域的可见度。也可以把它暴露成一个变量
return main;
}
ENDCG
}
}
}

代码非常简单,最终效果是_LOSMaskTexture中alpha值低的区域变暗。注意到mask里只用到了alpha通道,用剩下的rgb通道还可以做一些有趣的事情。

比如说给在迷雾地区显示点东西:



模糊是因为整个遮罩都被我模糊过了。

具体实现这里先略过。

之后新建一个Material赋值给主相机下的脚本就可以完成了。

要看到效果,需要新建一个模型,比如一个球体,然后把图层调整为FowMask。之后运行游戏就可以看到效果了。

如果需要平滑边缘可以加上高斯模糊。

我这里参考了一位大牛的博客:http://blog.csdn.net/u011047171/article/details/47977441 。直接粘在Fow相机下即可。

unity中绘制战争迷雾的更多相关文章

  1. Unity3D高性能战争迷雾实现

    效果图 先上效果图吧,这是为了吸引到你们的ヽ(。◕‿◕。)ノ゚ 战争迷雾效果演示图 战争调试界面演示图 由于是gif录制,为了压缩图片,帧率有点低,实际运行时,参数调整好是不会像这样一卡一顿的. 战争 ...

  2. Unity3D游戏高性能战争迷雾系统实现

    一 效果图 先上效果图吧,这是为了吸引到你们的ヽ(。◕‿◕。)ノ゚ 战争迷雾效果演示图 战争迷雾调试界面演示图 由于是gif录制,为了压缩图片,帧率有点低,实际运行时,参数调整好是不会像这样一卡一顿的 ...

  3. 《C++游戏开发》笔记十四 平滑过渡的战争迷雾(二) 实现:真正的迷雾来了

    本系列文章由七十一雾央编写,转载请注明出处.  http://blog.csdn.net/u011371356/article/details/9712321 作者:七十一雾央 新浪微博:http:/ ...

  4. 《C++游戏开发》笔记十二 战争迷雾:初步实现

    本系列文章由七十一雾央编写,转载请注明出处.  http://blog.csdn.net/u011371356/article/details/9475979 作者:七十一雾央 新浪微博:http:/ ...

  5. 在Unity中使用UGUI修改Mesh绘制几何图形

    在商店看到这样一个例子,表示很有兴趣,他们说是用UGUI做的.我想,像这种可以随便变形的图形,我第一个就想到了网格变形. 做法1: 细心的朋友应该会发现,每个UGUI可见元素,都有一个‘Canvas ...

  6. [转] AS3地图拼接与战争迷雾的实现

    在开发游戏的过程中,特别是地图编辑器中,需要利用最少的资源,实现最丰富的地形地貌.虽然现在众多的RPG开始使用整图,但是我们偶尔还是需要能够让玩家自己编辑地图,或者其他需要自动进行地图构建的功能.另外 ...

  7. 平滑过渡的战争迷雾(一) 原理:Warcraft3地形拼接算法

    本系列文章由七十一雾央编写,转载请注明出处.  http://blog.csdn.net/u011371356/article/details/9611887 作者:七十一雾央 新浪微博:http:/ ...

  8. 【unity shaders】:Unity中的Shader及其基本框架

    shader和Material的基本关系 Shader(着色器)实际上就是一小段程序,它负责将输入的Mesh(网格)以指定的方式和输入的贴图或者颜色等组合作用,然后输出.绘图单元可以依据这个输出来将图 ...

  9. 解读Unity中的CG编写Shader系列三

    转自http://www.itnose.net/detail/6096068.html 在上一个例子中,我们得到了由mesh组件传递的信息经过数学转换至合适的颜色区间以颜色的形式着色到物体上.这篇文章 ...

随机推荐

  1. 线段树简单入门 (含普通线段树, zkw线段树, 主席树)

    线段树简单入门 递归版线段树 线段树的定义 线段树, 顾名思义, 就是每个节点表示一个区间. 线段树通常维护一些区间的值, 例如区间和. 比如, 上图 \([2, 5]\) 区间的和, 为以下区间的和 ...

  2. 第二篇 Python初识别及变量名定义规范

    第一个Python程序 可以打开notepad或者其他文本编辑器,输入:print("Hello Python!"),将文件保存到任意盘符下,后缀名是  .py 两种python程 ...

  3. POJ 2168 Joke with Turtles(DP)

    Description There is a famous joke-riddle for children: Three turtles are crawling along a road. One ...

  4. 软件工程项目组Z.XML会议记录 2013/09/14

    软件工程项目组Z.XML会议记录 [例会时间]2013年9月14日星期六21:00-22:30 [例会形式]小组讨论 [例会地点]新主楼A1025 [例会主持]李孟 [会议记录]李孟 会议整体流程 一 ...

  5. 福大软工1816:Alpha(3/10)

    Alpha 冲刺 (3/10) 队名:第三视角 组长博客链接 本次作业链接 团队部分 团队燃尽图 工作情况汇报 张扬(组长) 过去两天完成了哪些任务: 文字/口头描述: 1.学习qqbot库: 2.实 ...

  6. 【WebService】——入门实例

    服务端 服务: 1.add(int a,int b) 2.minus(int a,int b) 具体如下: <pre name="code" class="java ...

  7. 【SSH】——Struts2中的动态方法调用(二)

    当action中的方法有很多时,那应该怎么调用呢?上次我们提到的UserAction类中只有一个execute方法,如果我们需要增加用户的增删改查方法,如下: public class UserAct ...

  8. elasticsearch 6.2.3安装ik分词

    下载 zip文件 上传到服务器 https://github.com/medcl/elasticsearch-analysis-ik/releases unzip elasticsearch-anal ...

  9. ArcGis融合小多边形到相邻多边形

     在有的时候,我们的数据中可能会有许多细小的图斑,这些并不是我们想要的,需要将它们合并到周围的图斑中,如果一个一个手动合并,那工作量之大简直不敢想象.现在借助ArcGIS的Eliminate工具可 ...

  10. [NOI.AC省选模拟赛3.23] 集合 [数学]

    题面 传送门 一句话题意: 给定$n\leq 1e9,k\leq 1e7,T\leq 1e9$ 设全集$U=\lbrace 1,2,3,...n\rbrace $,求$(min_{x\in S}\lb ...