原创作品

游戏特效优化指南—贴图篇

妹控 发表于   2021-09-10 09:30:08
2663
6
60

贴图篇


尺寸


长宽比必须为2^(整数倍)


比如64*64,128*128,128*512 等等


手游项目不要超过512*512




最大化利用像素


尽可能的使图案占满画面,最大化利用资源

如下图所示,左边图案占满了画面,最大限度的利用了像素,右边则利用率低下。





最大化利用图片的RGB通道


合并RGB通道来使一张贴图当三张贴图使用

如下图所示,最大化利用贴图的RGB通道,每个通道放一张贴图,结合shader,最大化利用资源。




具体制作方法


1


最原始的方法是在ps里面手动合并


具体操作可见B站up主 赵京宇


特效那点事儿 第十六课 图像RGB通道拆分合并 Photoshop技巧_哔哩哔哩_bilibili



2


我使用的是SD,制作起来比较方便,还能额外进行各种操作。



3


unity引擎内可通过插件实现,具体可见 B站up主 ADY521 的分享


https://www.bilibili.com/video/BV1Ef4y1Y72y







通过偏移色相,获得不同颜色的贴图


原则上尽可能的使用shader着色,如出现必要情况,使用了带颜色的贴图。


最好在shader中加入变色功能,以备不时之需。毕竟,皮肤换色大家都懂的。




具体操作可见B站up主 赵京宇



#特效那点事儿 第十课 #Unity3d #色相的秘密_哔哩哔哩_bilibili




渐变贴图的尺寸优化


推荐使用4*256或者4*128 尺寸。



这种先合并为RGB三通道贴图




再次压缩宽度,进一步缩小体积。


但是使用起来和压缩前并无区别。




圆环类效果的另一种制作方法



常规使用贴图的话,需要非常高的精度,才能获得一个边缘清晰的圆,同时像素利用率非常低下。


使用极坐标转换,把圆环贴图进行2次压缩压缩。


然后结合shader,使用模型加渐变贴图的做法,可以获得高性价比的圆圈效果,同时降低了Overdraw。









减少透明物体的重叠程度,降低overdraw


刀光效果与圆圈同理。使用模型制作可以显著减少重叠程度与贴图尺寸。







制作模型资产时,尽可能贴近特效轮廓

最为常见的圆形glow为例,图中左边为更加优秀的制作方法,因为引擎在计算半透明物体时的开销比顶点大,所以需要尽可能的缩小半透明计算范围。



除了手动建模,还可以使用houdini辅助操作。


具体操作可见 天才亚古兽的教程


天才亚古兽:Houdini在游戏里的简单运用p5(特效overdraw优化)


没有标签
确定
评论(6)
皮蛋大魔王
干货很多 关注了
回复
2021-09-17 10:17
wpwt889
666
回复
2021-09-16 16:02
微机课
别管这些,节省个屁,用最大的图,做最精致的特效,项目后期优化前离职跑路,别问我怎么知道的。你见过4963x3666的刀光图吗?
回复
2021-09-15 10:50
雪妖
回复
微机课
之前来了一个小孩,那贴图,那模型,那命名,然后就跑了,我就只能呵呵呵呵呵呵呵,怎么说就不听,现在孩子都这么个性的么?!
回复
2021-09-15 13:29
智勇双全啊全哥
是怎么把圆的刀光贴图转成直的贴图呢
回复
2021-09-15 09:48
Nemo
回复
智勇双全啊全哥
极坐标
回复
2021-09-15 12:16
Giaee
别管这些,节省个屁,用最大的图,做最精致的特效,项目后期优化前离职跑路,别问我怎么知道的。你见过4963x3666的刀光图吗?
回复
2021-09-14 22:04
十二点前要睡觉
回复
Giaee
优秀
回复
2021-09-15 09:25
summer_21
回复
Giaee
牛牛子
回复
2021-09-15 09:26
單刀赴会丶
优秀 现在要是不会点连连看都不能叫特效了.
回复
2021-09-13 20:06
没有更多啦~
  • 咨询
    客服
  • 扫码加入QQ群 或搜索QQ群号: 572860166
  • 扫码关注公众号 或微信搜索: cokey游戏特效