邬鸣的个人发布

奇技淫巧-Unity弯曲的赛道（一）

Wed, 06 Dec 2017 21:32:10 +0800

奇技淫巧-Unity弯曲的赛道（一）

2017-12-06 邬鸣

先来看个效果。一段风格鬼畜的赛道模型。通过一个Shader，控制整个场景模型的弯曲变形。

今天的主题和跑酷游戏有关。话说当年，我也曾进过合肥号称游戏行业老大的某堂，他们靠一款跑酷游戏起家，并一直很执着的做了下去。精神可嘉。

在我们印象中，经典的跑酷游戏大概都是这样，注意，这里我使用的是普通材质球。赛道是正常的直线型。

我这里采用的是摄像机固定。然后赛道循环出现的方式。其中每一段赛道是140个单位，也就是140M

好了，现在开始切入主题。

有一年的夏天和我大学同学@史良聊天。聊起跑酷项目。说起来一个问题。一般跑酷项目。直线赛道的尽头都不是很好处理。赛道不可能做无限长，尽头怎么藏，是个很考研场景美术的活。@史良同学给我演示了一个效果。就是把赛道尽头藏在地平线下。效果目测不是模型或动画调出来的。应该是Shader。不然不可能那么整齐划一。（合肥老大某堂的方式很粗暴。直接给个摄像机最大范围。完全无视天际尽头那一条明显的切线……）史同学问我咋搞，我当时沉浸在黄焖鸡米饭中，无暇他顾。含糊一声：嗯，回头我弄看看……

后来。我还是弄出来了。效果如下

如上图，整个赛道场景模拟一个地平线的效果。所有的模型都受一个弯曲效果的影响。

好了。废话少说。今天就给大家讲下具体怎么个操作法。

打开Shader Forge，新建一个Shader一切就绪。

拖入一个World Position （世界位置）节点。将Z节点连在Emission （自发光）节点上。

这时。整个赛道模型分成了黑白两部分。

你可以试试拖动整个赛道模型在场景中的地方，会发现黑白交接的地方永远是在世界原点。

如下图，我画了个大致的示意图。Unity的视图网格一格是100个单位。这个时候，模型上的黑白信息是已空间坐标来分的。以世界空间远点为基准。以Z轴的坐标划分。大于1的是白色。小于0的是黑色。（注意我连的是World Position的Z输出节点，如果是XYZ输出节点会是怎样？你可以试试，反正又不会死机）

好了。我上面说了。大于1的是白色。小于0的是黑色。那么1和0之间的呢。我给大家放大看看

如下图。放大后。在0-1这一个单位的大小上。有一个灰度渐变。

这里讲下基本原理。

World Position （世界位置）

在世界空间中输出网格当前部分的位置

World Position （世界位置）这个节点能够输出模型上世界坐标的数值。上面我输出的是Z轴向上的坐标。（Unity中表示颜色的方式和我们熟悉的Photoshop不一样，Unity中黑色是0.白色是1.Photoshop中黑色是0，白色是255。0-1有无数个色阶。但是0-255只有256个色阶。所以理论上你在PS里面能使用的颜色是256的三次方）所以这时候，模型上表现出来的黑白就是基于坐标的数值。由于我们的显示器是基于Adobe RGB的。也就是我提到的0-255这样的表示方式，所以。只能显示0-1之间的色彩。所以我们只能观察到坐标0-1之间这1M的空间上的明暗变化现象。

接下来，我们使用另一个节点

Remap (Simple) （重映射（简单））

R + LMB

将值从一个范围重映射到另一个范围。例如，如果节点期望 -1 到 1 的值，但您想要它输出 2 到 5 的值，那么您可以在第一行键入-1 和 1，在第二行键入 2 和 5

这个节点简单点说，就是把一个范围的数值缩放成另一个范围。

如下图

我使用了一个Remap节点，将之前-400到-50的数值，缩放成了0-1其实也就是将我们之前显示器显示范围之外的数值。缩放成了我们能观察到的数值。这个时候，就能看到赛道模型上面处于空间坐标Z轴上-400到-50的区域内。出现了可以看到的明暗变化效果。

OK。有了明暗数值变化，就好说了，直接把Remap后的数值乘以50，然后连到Vertex Offset （顶点偏移）输入端，这时。就能在视图里面，看到赛道模型发生了50个单位的偏移。

现在模型有了变形，同样，你也可以拖动赛道模型在场景中的位置看看变化。

接下来的事情，就是调整变形的效果了。

这部分且留在下回分解！

Unity学习笔记——小地图的实现

Sat, 02 Dec 2017 23:50:57 +0800

在unreal里面做小地图一向不是啥问题。在UDK里面，做好一张小地图的图片，世界属性里面设置好图片像素和世界坐标的对应关系就OK了。在ue4里面用蓝图做就更简单了。

最近研究了下，在Unity里面简单的实现小地图的功能。

简单来说，思路就是使用一个正交摄像机放在角色上方，Rneder Texture一张贴图到小地图UI上面

首先在测试场景上面新建一个正交摄像机

摄像机参数如下：Projection改为Orthographic，Target Texture里面指定一张Render Texture

然后在场景里面添加一个UI—Raw Image，在Texture里面拾取刚才那张Render Texture

然后设置好UI的大小，小地图就出来了。摄像机绑定在角色上面可以实现地图跟随效果。如果是固定摄像机，可以实现
全图小地图效果。然后程序控制正交摄像机视角大小，就可以实现小地图缩放。

这样实现的小地图，几乎不会增加额外的Batches，下面两图对比。有小地图和没有小地图也就是差距1个Batches这
个也就是就是UI占的那一个。

盾牌模型贴图制作

Wed, 31 May 2017 22:04:05 +0800

几年前用ZBRUSH做的一个冰封王座

Mon, 01 Feb 2016 00:57:28 +0800

前几天和同事讨论Z球的问题，好多年不用Zbrush，都快忘记了。翻了下。我还有个以前做的玩的东西。那会刚接触Z球。。。最终效果是在UDK里面呈现的。光那个冰雪的SHADER就花了我一天的时间，以模拟冰雪下面的3S和散射效果。

论游戏美工的理性思维方式

Tue, 16 Dec 2014 19:49:09 +0800

最近手上有一个手游项目。跑酷类型的。其中需要做一条赛道。需求很简单。泥土赛道加上两边的草地，但是赛道会有三道和两道、一道的。如下图。

本来按照常规方法，分别做好三种规格的贴图，贴上去就完事了。但是强迫症发作。觉得这样做比较浪费，于是开始盘算着各种方案，最后决定从shader入手。争取用一张贴图解决所有需求。

首先我对贴图做了一个规划，如下图。我把一张贴图五等分，绿色部分画草地纹理。黄色部分做泥土地纹理。泥土地隔成三条道。

这是完成的贴图。

接下来。我需要做一个shader，用这张图配合一个Alpha通道，来完美实现三种模式赛道。

我也做了一张流程图来阐述我的思路，具体方法为：

l 首先我需要在这张贴图的Alpha里面做一张MASK，这张黑白通道贴图白色的地方为有效部分，黑色的部分是透明部分。之前我已经在这张图上做了五等分的划分，那么从最右边起。第一个区域是全白，第二个区域是一个渐变过度。

l 然后给这张贴图一个UV偏移计算（panner）U方向的数值取到0.2。之所以是0.2，是因为引擎里面。UV的坐标也是以（0.0）开始。（1.1）结束的，那么之前五等分的区域，每一个区域的宽度就是0.2了。这个时候我需要位移一格，数值就是0.2.

l 最后在和这张图的原始RGB数值进行一个插值运算。数值取位移后的MASK的灰度数值。在游戏引擎里面。我们在Photoshop里面看到的白色的RGB值是255.255.255，黑色的RGB值是0.0.0.但是游戏引擎里面的计算方式是白色为1，黑色为0. 灰度部分，数值则是0.000……1到0.999……9

这样就做成两条道的shader，这个时候其实可以将panner的数值做成一个变量，这样策划或者其他美术拿到这个shader的时候自己也可以调整了。将这里的数值给到0.4的时候。就是一个单道的shader了。最后建模的时候。模型UV做出相应的设置就好了。

比如UDK里面：

或者unity里面

最后的效果

原理其实很简答，这样就节省了贴图和shader。做手游项目经常为了优化资源头疼，其实在一些细节方面多思考。是有很多办法达到资源利用最大化的

UDK光照贴图（lightmap）UV制作教程

Sat, 06 Dec 2014 16:32:30 +0800

光照贴图（lightmap）UV制作

光照贴图UV一般在模型上多加一个通道，分第二套UV。只有静态模型（static）才需要制作第二套UV，角色、NPC等动态模型都不需要。

第一套UV（diffuse UV）和第二套UV（lightmap UV）需要有不同的规范去分。

左图为1套UV，在避免出现贴图重复性的情况下，尽量多共用UV以增大贴图精度。右图为2套UV，用于在引擎中生成light map，UV块完全展开,除了底面背面UV缩小外，其余UV均保持大约相同比例。如有UV重叠或过小间隙将产生不正确，质量较差的光影，如下图：

关于UV重叠的检查

UV编辑器里的Select Overlapped Faces工具可检查2U是否重叠，如有重叠将以高亮红色显示，如下图：

第二套UV可以无限贴近UV编辑器边框。但是不能超出，否则在引擎中会出错。

第二套UV间距问题：

因为lightmap尺寸有限，各UV块之间光影互相影响，会导致模型部分发黑。建议首先按照基本参数设置指导，如遇到发黑等现象须根据模型的面数，大小，该物件的lightmap最大尺寸等情况，做一个反复尝试，达到资源最省效果相对最佳

UV断面处理

一般认为物件的2U接缝越少越好，以下为不同2U的门的效果对比：

门具有坚硬的属性，右图中把所有UV细节都连在一起，特别在缺口磨损处，lightmp

过于柔化，左图选择性的把缺口破损和结构坚硬处做UV断开处理，较好体现光影下的物件造型特征因此，物件2U接缝的选择，须根据物件特征而定

场景模型练习

Thu, 06 Nov 2014 23:40:08 +0800

场景模型练习

（内付3D实时演示）

3D实时作品演示

flash实时展示的作品光效和shader均达不到游戏引擎的水准，这一点我也很无奈。。。

请等待加载。。。（如果看不到加载条，说明你的flash播放器版本该更新了！）

消防栓练习

Tue, 30 Sep 2014 00:12:30 +0800

消防栓练习

（内付3D实时演示）

3D实时作品演示

flash实时展示的作品光效和shader均达不到游戏引擎的水准，这一点我也很无奈。。。

请等待加载。。。（如果看不到加载条，说明你的flash播放器版本该更新了！）

某个项目里的某口锅

Mon, 29 Sep 2014 23:29:29 +0800

某个项目里的某口锅

（内付3D实时演示）

3D实时作品演示

flash实时展示的作品光效和shader均达不到游戏引擎的水准，这一点我也很无奈。。。

请等待加载。。。（如果看不到加载条，说明你的flash播放器版本该更新了！）

个人次世代作品

Mon, 29 Sep 2014 22:27:09 +0800

一个机械模型的练习

（内付3D实时演示）

3D实时作品演示

flash实时展示的作品光效和shader均达不到游戏引擎的水准，这一点我也很无奈。。。

请等待加载。。。（如果看不到加载条，说明你的flash播放器版本该更新了！）