使用材质来实现柔和的直角面过渡 - 引擎世界丨EngineWorld.CN

上传

点击文件名下载附件
建筑物的直角处,直接放材质,太过锋利,缺乏现实感
增加一些过渡面,既增加工作量又浪费性能
通过法线贴图的调整,可以实现在不增加面数的情况下做到更柔和的直角面过渡
(, 下载次数: 136)

上传

点击文件名下载附件
增加一张这样的法线贴图
(, 下载次数: 131)

上传

点击文件名下载附件
就可以实现像这样的平滑过渡了
(, 下载次数: 135)

上传

点击文件名下载附件
材质名称为M_Concrete,来自于EpicZenGarden这一移动端的Demo,这个Demo中还有很多针对移动端的极致优化的技巧
(, 下载次数: 136)

上传

点击文件名下载附件
就拿同一个材质的粗糙度来说
(, 下载次数: 136)

上传

点击文件名下载附件
巧妙的取用了基础颜色的红色通道,通过可调参数和线性插值实现了可以调整的粗糙度,堪称为无米之炊
更多介绍,可以看视频
http://v.youku.com/v_show/id_XMTY3ODU0MDEwMA==.html
里面还介绍了通过材质世界位置偏移来实现水底晃动折射效果,
以及同样通过材质的世界位置偏移来实现鱼游动的简单动画这样的可怕技巧
我想,尤其对于专注于移动端的朋友们来说,这是不可不知的精彩内容

作者: wtda 时间: 2016-8-11 20:50
看到标题我就觉得好熟悉，点进来果然是

作者: yuemingxishan 时间: 2016-8-11 23:50
建筑物的直角边都要这么搞一下，虚幻对真实的追求真可谓登峰造极了！

作者: cowolfox 时间: 2016-8-12 08:28
为啥我觉得在max里面加个倒角更简单一些呢？不倒圆角只是一块斜角的话两秒钟一个立方体只是多8-16个面，而且效果是更加真实可信的。

作者: wxy112300 时间: 2016-8-12 09:23
用法线贴图这么处理的话，UV方面也是要特殊做的吧？

作者: IOchair 时间: 2016-8-12 15:20

cowolfox 发表于 2016-8-12 08:28
为啥我觉得在max里面加个倒角更简单一些呢？不倒圆角只是一块斜角的话两秒钟一个立方体只是多8-16个面，而 ...

确实效果会更好,不过性能上还是用贴图好,尤其是视角相对固定一些的情况

作者: IOchair 时间: 2016-8-12 15:21

wxy112300 发表于 2016-8-12 09:23
用法线贴图这么处理的话，UV方面也是要特殊做的吧？

我学的不是很精,只能说这个例子用了3个TexCoord,每一个我看UV缩放都是1.0,一样的

作者: Yupsilon 时间: 2016-8-12 22:09

IOchair 发表于 2016-8-12 15:21
我学的不是很精,只能说这个例子用了3个TexCoord,每一个我看UV缩放都是1.0,一样的 ...

不一定一样，看TexCoord取的通道是不是一样的。有可能这张帖图使用了通道3，不然没道理额外使用一个Texcoord节点

作者: kgvito 时间: 2016-8-12 23:13
不错的资源

作者: teatimeif 时间: 2016-8-15 16:38
能共享下这个DEMO的工程文件么想拆解下

作者: IOchair 时间: 2016-8-16 13:52

teatimeif 发表于 2016-8-15 16:38
能共享下这个DEMO的工程文件么想拆解下

帖子里有:工程名称EpicZenGarden材质名称为M_Concrete
去虚幻商城搜就行了

作者: teatimeif 时间: 2016-8-17 22:41

IOchair 发表于 2016-8-16 13:52
帖子里有:工程名称EpicZenGarden材质名称为M_Concrete
去虚幻商城搜就行了

谢谢已经下载了

作者: zz_nirvana 时间: 2016-8-31 19:02
多谢分享、

作者: rello 时间: 2016-9-14 16:22
支持一下

作者: 弑魂狱灵 时间: 2016-9-25 00:32
非常棒！！

作者: yuemingxishan 时间: 2016-9-29 20:40
ZEN那个场景是放在移动端的？？我没看错吧。
那里面的山和瀑布确实很省面，效果也很棒，但那个场景东西也不少，打包到移动端。。。能跑的动啊

作者: IOchair 时间: 2016-9-29 21:45

yuemingxishan 发表于 2016-9-29 20:40
ZEN那个场景是放在移动端的？？我没看错吧。
那里面的山和瀑布确实很省面，效果也很棒，但那个场景东西也不 ...

没错,就是IOS的移动端Demo,听说还很流畅呢

作者: zapon5337 时间: 2016-10-17 09:46
666666666666666666666666666

作者: Ulysses_PS 时间: 2016-10-18 18:56
不错的资源

作者: vicyao 时间: 2016-10-23 07:03
這確實是一個很好的技巧
用在陽角的轉折會很棒
但相對用在陰角的內折處,看起來就會有點怪吧?
不然就是要多準備幾張不同邊的法線貼圖視情況運用
不能全都都用四個邊都處理過的法線貼圖~~

作者: IOchair 时间: 2016-10-23 09:36

vicyao 发表于 2016-10-23 07:03
這確實是一個很好的技巧
用在陽角的轉折會很棒
但相對用在陰角的內折處,看起來就會有點怪吧?

你打开例子看，阴角用的是那张法线贴图的另一边（法线贴图的左上是阳，右下是阴），然后阴角阳角是通过一套UV决定的，这个模型配了3套UV（好像）

作者: UnrealSyy 时间: 2016-11-10 18:24
很好很好！！！！

作者: kiben4 时间: 2016-11-14 20:59
好东西啊~ 却是值得学习！

作者: kiben4 时间: 2016-11-15 11:37
却是不错，仔细分析了一些里面的构造！

作者: lieque2016 时间: 2016-12-13 11:47
我去这个太好了啊

作者: 过彡畱 时间: 2016-12-15 17:53
学习学习

作者: LeoHvv 时间: 2016-12-19 16:15
3q~~~~~~~~~~~~~~~~~

欢迎光临引擎世界丨EngineWorld.CN (https://www.engineworld.cn/)