Welcome to Jiawei Network Technology!

SVGA 制作常见问题汇总1

2020-12-09 12:08:59

资源输出丢失:


——①jpg资源导致输出黑屏\强调检查习惯、使用在线预览功能。

问:输出的svga会突然变黑,文件刚开始做,还没有牵扯到复杂的做法。

答:收到他的文件,使用官方的在线预览发现了端倪。

地址如下:http://svga.io/svga-preview.html

在线预览相比本地输出有一个更强大的功能,”浏览素材” 很实用。

可以查看到输出的版本、合成组帧率、总帧数、合成组大小、内存占用等

最重要的是能看到使用到的图片资源列表及长宽(画布大小)。

导出后进来看一下,瞬间定位大文件、不认识的垃圾文件,干净输出。


回顾一下他这个问题,

在浏览素材页面发现了个0像素大小的资源,问题确认,找到这个素材,

是使用了1张jpg的图片,当这个素材出现时,画面黑掉了,改成png修复。

svga的素材不支持JPG。动画资源建议使用png;

不推荐使用psd图层(画布大小浪费及检查不直观)。




——②png命名后缀bug(X.X.png)导致输出丢失。

问:我这次做礼物是使用的png资源,但全都无法输出,为什么?

答:命名不规范,引擎时代,程序会禁止美术使用乱七八糟符号命名,甚至限制空格的使用;

如果需要字符隔开,可以使用下划线(_)。

回到正题,为了更清楚的介绍这个问题,我给大家复现一下BUG。


输出两组图片,不同命名,A组Test.01(乱加了.符号点),B组Test_01



同样的效果如下

输出后,BUG出现,A组命名的图片输出丢失,不要乱加符号,有必要就用下划线。





——③输出SVGA后缀名丢失

问:输出时后缀名丢失?导出没有后缀的文件(.svga)咋整?

答:莫慌,肯定是你在导出操作时,把文件命名.svga一起从新输入了,仔细看图。

即便习惯不好或者感觉不顺手,那导出后,手动重命名添加.svga也ok的。




序列资源使用篇:


——④序列资源闪烁问题修复

问:AE输出序列帧会闪\可能重叠前一帧\又或者少一帧\每次bug还随机??

答: 序列帧的资源如果能够做到不滥用序列帧,还是可以进阶使用的。

很多同学反映序列帧在SVGA输出时重复绘制的问题,BUG询问了官方,没有得到反馈。

在群友的交流下,得知AN输出序列帧资源不会出问题。

经过测试和部分同学验证,给出大家以下解决方法:

序列帧资源添加透明度关键帧,0→100→0,

关键帧切换类型改为定格切换

原理:

AE的关键帧过渡更为多样性,修改关键帧为定格,动画环境就等同AN的画面切变,从而在资源层面进行设置,避免了重复绘制的BUG(当然SVGA完全可以优化这块)




——⑤序列帧怎么节省,抽帧又是什么意思?

答:

压缩图片是减少文件大小,与内存占用是两个值。

节省考虑:时长不变,减少精度(画面大小),减少帧率(图片张数)。

如果应用熟练,可以将序列帧消耗仅用在复杂的部分表现,好钢用在刀刃上。

具体可以移步之前帖子,传送门




——⑥为什么我用序列图层排列总是反的?

答:正选反选的原因。有点初级,但确实蛮多人问~

点第一张,按住Shift往下划、选到尾是正排序,反之亦然…




官方相关问题


——⑦帧率常见设置

问:我效果21帧\24帧输出之后怎么都只有20了?

类似问题:我一套序列帧精简抽帧到8帧,怎么输出只有6的帧率,是AE设置不对么?

答:官方规定,强制规范。

SVGA转换器会在输出时强制设置为 60 的约数,如6, 10, 12, 15, 20, 30, 60等


SVGA礼物模块如果帧率太高、相应文件也会大一丢丢,没做深究。

游戏帧率一般在 60 以内, 一些手游客户端甚至会锁定帧率为30就得。

我一般建议15、30、10,礼物常用15,高频位移的给到30

其他看情况(序列也许10),约数的帧率与前端其他表现更容易画面同步。




——⑧SVGA输出音频

问:最近有需求导出SVGA礼物时输出音频,SVGA支持音频么?

答:测试输出了SVGA+音频文件,可以输出,目前仅支持MP3格式。

如果输出成功,在转换面板和官网在线预览时都可以听到声音。

其他:

询问了作者团队,给的答复是:2.0版本SVGA可以输出音频,但是BUG较多,能支持的格式有限、不能过多特殊编辑(暂停,或者中间某段循环播等等)

更建议的落地方案为:音频的播放由业务前端去做,而不是耦合在SVGA里面。





——⑨问:关于SVGA对于图片资源的压缩

答:美术资源制作的过程中,我会有选择性的对大部分资源进行压缩(例如https://tinypng.com/)

一些个光晕类纹理图,暴力压缩会出出色阶。

如果部分图压烂了,尝试柔和加个光晕底图,也许还会更突出礼物呢。

常用技巧会跳过压缩,在缩小后使用(之前案例有讲)就可以达到缩减大小并保证效果。


压缩问题还是有幸咨询到了作者团队,结果是:

SVGA转换时会进行一次全图压缩,目前使用开源的压缩算法本地处理,压缩率相对较差一点。

这似乎也解释了之前文章介绍的,我们使用熊猫压图(看起来压缩了70-90%的图片大小)

而输出文件的文件大小却只有2-10%的减少。摊手~

不过既然都玩svga了,省一点算一点吧。小声哔哔...

Taobao store