精华内容
下载资源
问答
  • 动画文件是什么格式
    万次阅读
    2016-04-09 12:12:15

    动画文件的格式

    1、GIF动画格式
           GIF图像采用无损数据压缩方法中压缩率较高的LZW算法,文件尺寸较小,因此被广泛采用。GIF动画格式可以同时存储若干幅静止图像并进而形成连续的动画,目前Internet上大量采用的彩色动画文件多为这种格式的GIF文件。很多图像浏览器如《豪杰大眼睛》等都可以直接观看此类动画文件。
    2、FLIC,FLI/FLC格式
           FLIC是Autodesk公司在其出品的Autodesk Animator / Animator Pro / 3D Studio等2D/3D动画制作软件中采用的彩色动画文件格式,FLIC是FLC和FLI的统称,其中,FLI是最初的基于320×200像素的动画文件格式,而FLC则是FLI的扩展格式,采用了更高效的数据压缩技术,其分辨率也不再局限于320×200像素。FLIC文件采用行程编码(RLE)算法和Delta算法进行无损数据压缩,首先压缩并保存整个动画序列中的第一幅图像,然后逐帧计算前后两幅相邻图像的差异或改变部分,并对这部分数据进行RLE压缩,由于动画序列中前后相邻图像的差别通常不大,因此可以得到相当高的数据压缩率。它被广泛用于动画图形中的动画序列、计算机辅助设计和计算机游戏应用程序。
    3、SWF格式
           SWF是Micromedia公司的产品Flash的矢量动画格式,它采用曲线方程描述其内容,不是由点阵组成内容,因此这种格式的动画在缩放时不会失真,非常适合描述由几何图形组成的动画,如教学演示等。由于这种格式的动画可以与HTML文件充分结合,并能添加MP3音乐,因此被广泛地应用于网页上,成为一种“准”流式媒体文件。
    4、AVI格式
           AVI是对视频、音频文件采用的一种有损压缩方式,该方式的压缩率较高,并可将音频和视频混合到一起,因此尽管画面质量不是太好,但其应用范围仍然非常广泛。AVI文件目前主要应用在多媒体光盘上,用来保存电影、电视等各种影像信息,有时也出现在Internet上,供用户下载、欣赏新影片的精彩片段。
    5、MOV、QT格式
           MOV、QT都是QuickTime的文件格式(有关QuickTime的知识在2001年第21期本版的《流媒体播放三剑客》一文中有详细介绍)。该格式支持256位色彩,支持RLE、JPEG等领先的集成压缩技术,提供了150多种视频效果和200多种MIDI兼容音响和设备的声音效果,能够通过Internet提供实时的数字化信息流、工作流与文件回放,国际标准化组织(ISO)最近选择QuickTime文件格式作为开发MPEG4规范的统一数字媒体存储格式。

    注意:动画是视频的一类,但视频还包括由摄像机连续拍摄得到的图像,不是人工一幅一幅制作的动画,视频有更多格式在使用着,格式包括:
    AVI, ivX, Div, Xvid, MPGE, MPG, DAT, WMV, ASF, ASX, RM, RMVB, MOV, QT, 3GP, 3G2, MP4, M4V, FLV

    更多相关内容
  • cesium动画路径文件json格式
  • 一个JSON格式的Lottie动画文件,使用阿里-犸良动画设计平台生成,用于Lottie动画+SwiftUI教程测试使用
  • 一款动画文件格式为svga,可应用于Android、iOS、wap等页面,下载即可实用,开发应用需要用到的文件
  • 动画骨骼模型文件格式fbx

    千次阅读 2021-08-31 15:34:03
    但是,即便是拥有骨骼动画的md5格式,也已经是将近10年前的诞生物了,那么这10年来,3d模型格式到底有没有发生了什么变化?——我们将从当今主流的格式略窥一二。 作为开场前口水话,先来说一说实时渲染领域上的3d...

    前言

    2011年的时候集中轰击了五款3D模型格式(obj、3ds、md2、md3、md5),那时候其实主要是从渲染方式和模型动画方式的进化角度来选择的,尤其是ID Tech的md系列,让这个世界的模型动画观念从最简单的“帧动画”到当前主流的“骨骼动画”进化。但是,即便是拥有骨骼动画的md5格式,也已经是将近10年前的诞生物了,那么这10年来,3d模型格式到底有没有发生了什么变化?——我们将从当今主流的格式略窥一二。

    作为开场前口水话,先来说一说实时渲染领域上的3d模型的些许历史罢。上世纪90年代初,由游戏产业带动的娱乐化三维实时渲染开始兴起,那时候的模型也只停留在非常简陋的阶段,甚至没必要专门的存储手段,更别谈什么模型动画了。但是随后当人们发现硬件和技术(值得一提的是,OpenGL也在此时应运而生)逐渐可以支持更复杂的静态模型数据的实时渲染时,存储问题也正式被重视。在没有一个统一标准的情况下,那些以往用于工业建模设计上的交换格式(简化版本),例如Autodesk 3DS Max下的.3ds和Wavefront软件下的.obj,就被选为最具代表性的两种主流静态模型格式了,情况甚至延续至今。

    随着90年代中后期视频游戏的爆发式发展,模型中的动画也自然变成需求的一部分,而引领动画技术快速发展的一个重要角色,就是前面说到的ID Software公司下的ID Tech系列引擎。包括至今被众多游戏制作者崇拜着的约翰·卡马克所策动的Doom系列和经典的C/S架构游戏Quake系列,ID Tech在世纪交换期可谓聚集式吸引了视频游戏领域的众眼球。在这众系列引擎中,也隐含着模型动画方式的进化:

    md(或者称md1),推测应该是ID Tech 1(1996)所使用的模型格式或概念,是否包含动画信息尚不可知,但是它必然是后来此系列模型格式的基石;
    md2,始于ID Tech 2(1997),真正地把动画中的“各帧模型”合并到一个模型中,利用帧数据(结合Morphing技术)还原动画,简单而数据量巨大;
    md3,始于ID Tech 3 (1999),虽仍以帧数据还原动画,但同时引入了骨骼这一概念,把模型分为下身、上身、头和武器这几部分,通过骨骼节点连接,下身节点带动上身移动和旋转,以此类推——相当于加入了一条短骨骼,有效地降低数据冗余度,各部分的动画可以各种组合;
    md4,草稿式的模型格式,它的存在印证着新千年初始期,ID Tech人员对更高效模型格式和渲染技术的探寻,但也只停留在概念阶段而被略去——但也有其他人实现了这一概念(mdr格式),也存在别的发展分支(mdl格式);
    md5,始于ID Tech 4(2004),从03年完善到05年,是真正的支持骨骼动画、顶点蒙皮渲染的模型格式,随着著名的Doom3游戏进入大众的视线。
    随着新世代显卡的发展、各种商业非商业实时渲染引擎的出现和发展,骨骼动画被引入为主流的模型动画标准,至今仍为主流技术。这10年来,随着ID Tech的沉默(最新的ID Tech 5已不如往日辉煌)和各路人马的强大和异军突起,业界也有巨头期盼着制作出某种更通用的(被更多模型制作工具支持或转换,可被各方人员交换和重用的)模型格式标准,这其中就包括Autodesk、Microsoft和与我们OpenGL标准息息相关Khronos委员会。

    fbx,[WIKI]源于Kaydara的FilmBox(后改为现称的MotionBuilder)软件(1996),后来被Autodesk收购,但是这个模型格式依然被一直发展,直至今天它还是“最”跟得上潮流的格式——鉴于Autodesk已经无法给3ds格式更好的动画信息支持了,现在fbx才是它的主打,也因为有个强大的爹,这个格式被广泛的建模软件和游戏引擎支持,也有引擎(像那个Xxity3D)把它作为主要支持的导入模型的;
    x,这是Microsoft弄出来的模型格式,随着DirectX的SDK一起升级,后来也成为了骨骼动画的代表模型格式之一,这是微软为了把DX塑造成完整的自生态开发系统而采取的常见行为,虽然格式本身是开放的,但可见对Direct3D是无条件支持的(甚至有内置函数可以直接读取),这里我就不过多阐述了,因长期没更新,所以业界使用率没比md5更广泛得了去哪,常见于D3D的例子Demo;
    dae,[WIKI]也称Collada模型,是非盈利性组织Khronos负责维护的开放性三维模型格式(现已成为 ISO标准之一),应该说跟OpenGL是同一级别的,作为一个标准,其目的自然是能被各方支持了,而毕竟Autodesk有自己的利益考虑,所以远没有像fbx那样完美的支持,但这不妨碍它现在还是能够与封闭的fbx分庭抗礼的主要模型格式。
    除了以上说的这些,其实还有很多模型格式,除了那些纯粹地用来保存建模软件的阶段结果的(.max、.blender之类)的,还有沿袭式地用于VR领域的(.vrml和.x3d之类),以及一些特定为某些游戏引擎所用的模型格式(像那Xxre的.Xxremesh和那Xxrlicht的Xxrmesh)。而本文主要还是聚焦于当前最流行的Fbx和Dae,切入正题。(在此希望不太懂顶点蒙皮原理的同学先自己学习下或者参考上面链接中的MD5模型导入的两文,不然看本文肯定觉得不知所云。)

    FBX

    如前所述,fbx是一种封闭的模型格式,这不仅说它通常作为二进制文件出现,而且是目前只能使用Autodesk提供的FBX SDK来操控这种文件。事实上,无论是3DS Max还是其SDK内置的Converter工具,都可以把其转换成ASCII的文本格式,虽然看上去有点JSON的样子,可事实上是全自给的“仅供观赏”的数据堆,也没有spec,通常也不会有人使用这种方式输出模型。好了,看来是必须借助其SDK了,所以首先要做的一件不太让人愉快的事情:加入这个SDK的库(lib&dll)。现在我用的是最新的fbxsdk-2013.3,下文仅就这版本兼容的模型而言。(注意,在预处理器选项中加入FBXSDK_NEW_API和FBXSDK_SHARED,如果你不想编译器抱怨一大堆的话。)

    这里首先说一下,对于Fbx(其实下文的Dae也是一样的),它保存的最大集合是一个Scene(场景),跟很多的游戏引擎所使用的概念是一致的,就是用场景节点树来组织成一个场景。以前的3ds[3DS文件结构的初步认识] 虽然也是树状地组织数据,但它是把不同类型数据堆抽象成节点,而Fbx/Dae则是纯粹地表述场景节点。所以对于后者们来说,即使把场景中多个物体/模型保存到同一个模型文件里,也是可以的,只不过是不同名字的节点而已,甚至把灯光、相机也可以抽象成节点而已。当然,对于我们编程者来说,一个模型文件仅仅对应一个模型是最自然的。所以接下来我只会谈及抽取模型和动画本身信息(事实上动画信息并非必须的——fbx和dae文件在没有动画或骨骼信息时,也就是静态模型了),不相关的部分则不涉及也不关心。

    注意

    当我们加载骨骼动画fbx文件格式时,经常看到和fbx一起导出的文件.meta,其实只需要fbx就可以,不需要meta文件格式

    FbxScene *pScene = FbxScene::Create(pFbxManager, "ImporterScene");  
      
    pSdkImporter->Import(pScene);  
      
    PrepareAnimationInfo((Scene*)pScene);  
      
    FbxNode *pRootNode = pScene->GetRootNode();  
      
    if (pRootNode)  
    {  
        for (int i = 0; i < pRootNode->GetChildCount(); ++i)  
        {  
            FbxNode *pNode = pRootNode->GetChild(i);  
      
            ProcessNode((Node*)pNode, szResDirectory);  
        }  
    }  
      
    SetupJointKeyFrameInfo();  
    

    参考

    http://www.zwqxin.com/archives/opengl/model-fbx-dae-format-import-animation.html

    展开全文
  • PSD文件格式拥有图层信息,图像清晰度高,但容量巨大。...通过制作实验动画片 表明,PSD文件格式完全可以应用于二维动画片制作中,而且对于适合分层信息的素材文件更便利、快速,非常适用于非 专业二维动画制作人员操作。
  • 我们使用电脑的过程中经常会遇到各种各样的格式,比如办公文件的几种常用格式,一些电子书籍的常用格式,设计过程中也会遇到一些常用的格式~上面的都是以前糖糖上学或工作中做的笔记,以及自己对这些格式的理解和...

    我们使用电脑的过程中经常会遇到各种各样的格式,比如办公文件的几种常用格式,一些电子书籍的常用格式,设计过程中也会遇到一些常用的格式~

    e2564cb35968f9ff575f29ee67e955da.png
    ff6322e95c264deb84302c3d801878f7.png
    f2a3969d2d349755bcf2f9a4b9f60449.png

    上面的都是以前糖糖上学或工作中做的笔记,以及自己对这些格式的理解和认知,总结整理的,网上介绍的篇幅很长,糖糖尽量用比较容易理解的方式来表达展示这些格式,如果不对的地方还望各位朋友指出、更正(手动抱拳)~


    日常我们打开网页,不论是pc端还是手机端,网页最常见的三种格式:JPEG、GIF、PNG:

    一、JPG格式

    daf7bdc8617337f7ef7ff5c0a9b828d0.png

    1、JPEG——文件扩展名为.jpg或.jpeg,就是我们日常选择图片时,在图片名称的后面会看到“.jpg”的后缀,具体可见下图。

    3cefb7bfda55fde9c67d061f4301b572.png

    2、相对于gif格式只支持256种颜色来说,jpg格式支持上百万种颜色,文件颜色显示的比较丰富。

    3、因为jpg使用的是有损压缩,所以会对图像产生不可恢复的损失,如果对图像有较高的质量要求不建议保存这种格式。可能日常大家要求都不高,会经常见到jpg格式搭配出来的图片,所以也不会很奇怪,如果不是专业人士对图片质量要求肯定不会很高。

    4、相对于png格式来说,jpg格式是不支持透明背景的,透明背景就是背景不是色块或其他复杂的效果,透明在ps中就是棋盘格的那种样式。

    具体见下面图片树叶的背景就是白色的:

    c6005ce8209e6e99e2176e04c78aaa80.png

    下面这张图片树叶背景就是透明的:

    3c41bf14d12660ac7353d9a311d1717d.png

    5、相对于gif格式来说,jpg格式也不支持动画,这里说的动画就是我们平时看到的会动的表情包。


    二、GIF格式

    提到gif格式,可能大家不一定特别熟悉,但是我们聊天时斗图用的会动的表情包都是gif动画格式哦~

    1、gif格式,文件扩展名为“.gif”,就是文件名称后面的后缀名为”.gif“,见下图的名称(我从网上下载了一个皮卡丘咀嚼食物的动态图片)~

    c54dc96972def2cf4573e30188ad161d.png

    2、gif格式的图像可以保存为静态的,也可以保存为动态的,根据需要操作就好。gif支持透明背景,上面我们在介绍jpg格式的时候提到过透明背景,所以关于透明背景不再多说~

    3b17c54fec56bf7ca7519a074e0ce25e.png

    虽然gif支持透明背景,但是不论是不是透明背景都是可以根据需要保存gif格式的~如果背景不是透明的,可以利用一些方法去除背景,变为透明的,那么就可以保存透明背景的gif格式了~如果图片不会动,没有进行帧动画的制作,那么直接保存的就是静态的gif格式了~

    3、我用ps打开这张皮卡丘的图片,具体见下方第三张图:可以看到多个图层,还可以看到打开的时间轴上有好几帧画面。

    c59097431bda5b0ba533ab7e7f4a78ce.png

    在软件PS里,可以配合动作新建一些图层和关键帧,还有时间上的设置,以及播放次数,就可以做帧动画了,如果你操作熟练,可以自制一些简单的动画表情包哦~除了ps软件可以做gif小动画,也有一些可以在线生成gif的小工具~

    3、不过由于gif只支持256色,所以保存的时候颜色整体不是特别丰富,它是一种压缩位图格式,“体型”很小,所以效果会有些失真,图像质量不是特别好,有时候看起来小动画有点模糊或有些颗粒感也就是这个原因,因此更不适用于摄影、印刷和高质量的图像。


    三、png格式——文件扩展名为“.png”,可移植网络图形,支持透明背景,是目前为止最好的网页文件图形格式,因为它很好的结合了gif的良好压缩功能以及jpg的无限调色板的功能。

    有时候我们用ps作图的时候需要png透明背景的素材,如果背景不是透明的需要我们自己抠图去除背景处理成透明的,因为png格式支持透明背景,所以有时候我们可以网上搜索一些png免抠素材就会更方便一些~

    4407d81a15276c681d2fa1df90734b34.png

    上图效果在ps里就是透明的~

    26d3e11cd2b31303fc0a0ee15de58c9e.png

    上图中香蕉及数字2就是透明的~

    e237d6c55f975ff9543cdbf99dc87bc4.png

    上图就是在ps里需要保存png格式弹出的对话框,一般情况下接下来弹出的直接默认就好~一般情况下png格式的图片用看图软件打开透明的部分看到的是白色,只有在ps中打开才可以看到透明的部分哦~

    apng——是一个基于PNG的位图动画格式,png格式不支持动画,但是apng格式支持哦~


    四、存为web所用格式——老版本直接在文件菜单下可以找到,高版本应该都在文件参考下,找到导出才可以看到,如下图,快捷键就是ctrl+shift+alt+s~

    03c0303403347916d193a83898d97ab5.png

    保存为网页个格式目的是输出展示在网页上的图片,创建网页使用的图像,保存的主要目的之一是在维持图片质量的同时尽可能地缩小文件体积;

    其次还可以保存gif格式的动画文件,也可以保存为png和jpg格式

    因为这样保存的文件体积相对来说较小,所以有时候我们若直接保存gif、jpg或png格式不行的时候,可以试试保存为这种格式,可能有时候我们网上报名上传照片调整后不妨试试这种保存格式~


    常用设计软件原始格式:psd、ai、cdr、indd

    1、psd格式——文件扩展名“.psd”,是软件Adobe Photoshop特有的源文件格式;可以保存图像中的图层、通道、辅助线和路径等信息;如果电脑上安装有PS的话可以打开文件,或者也可以在适当的时候用CDR或AI打开或导入psd的素材文件也是可以的~

    可能有时候你付费定稿以后,向你的设计师要的是原文件,但是设计师给你的源文件就是PSD格式的,你拿到以后或打不开,因为你电脑上没有装PS软件,所以你打不开。可能你只是想要一张效果图,但是设计师认为你要的源文件就是psd文件,所以你和你的设计师不在一个频道(手动捂脸),所以有时候沟通是会遇到这样的问题的~

    e4804c6958a29c19d310e1d3b227c268.png

    2、ai格式与cdr格式

    ai格式——文件扩展名“.ai”,是软件Adobe Illustrator的特有的源文件格式,简称为“AI”,这里指的不是人工智能那个AI哦,是一款矢量软件就是在这个软件里绘制的图形可以无限放大不失真见图1(是相对于PS来说的,PS是位图软件,打开图片放大会看到一个个的小格子,见图2),都是Adobe公司的软件,可以和PS相互配合使用,可以做视觉设计,也可以绘画使用~

    f3e887360841f4438e5eb7f749d0442e.png

    图1 在ps中打开放大图片边缘就可以看到类似的效果

    ace442e4879110c57b3d080f2c1df8ee.png

    图2 在AI中绘制的图形无限放大不失真

    cdr格式——文件扩展名是“cdr”,cdr也是软件的简称,是软件CorelDRAW特有的源文件格式,一般情况下可以打开低版本的ai格式,是加拿大Corel公司的平面设计软件,前些年用Painter的做绘画的软件也是这个公司的哟。cdr也可以做视觉设计,或者绘画等都是可以的~

    以前工作的时候也遇到过有客户给你要了源文件,然后他告诉你他打不开,后来才知道他用ps打开cdr文件,肯定是不可以的啊(手动捂脸),他想看效果就用cdr给他导出jpg格式发他就好~

    cdr和AI一样都是矢量软件,操作比较方便,只不过有些地方会有侧重的用某一款软件,一直以来都有用哪个软件之争,因为印刷方面的原因所以多数印刷厂师傅用习惯了cdr做印前设计,所以多数都会要求源文件为cdr格式,当然但是也有用ai的印刷厂,糖糖觉得软件只是工具,过程不重要,结果才重要,用什么软件不重要,成品什么效果才重要对不对~


    3、indd格式——文件扩展名为“.indd”,是软件Adobe InDesign的源文件格式,InDesign的文件格式如下图:

    36b4393aaa96bbe6bdbac9b467c3069e.png

    InDesign软件简称为ID,有些样式设置以后是相当方便的,可以自动贯文、数据合并,可以设置段落等,做书籍比较方便~

    与PS、AI都是Adobe公司的产品,家族庞大,相互之间配合使用会更方便~


    eps格式与pdf格式

    eps格式——既可以在ai软件中打开,又可以在cdr软件中打开,所以有时候需要转文件的时候,可以这两个软件的时候转成eps,作为中转格式,然后在对应的ai或cdr软件中打开。

    pdf格式——adobe公司开发的电子文档格式。这种文件格式与操作平台无关,也就是说pdf不管用在win、linux还是os操作系统都是可以通用的,适用于多种操作系统,不过有时候需要安装PDF浏览器(或者ps、ai、cdr、id都是可以打开、导出pdf格式的),是目前电子杂志、图书、产品说明、公司文稿、网络资料等常用的文件格式。

    pdf格式,可能对于经常看网络小说或电子书籍的小伙伴并不陌生,只要手机安装了支持pdf格式是浏览器或相关软件都是可以直接打开观看的~

    e007dcec632bd93b500df97e375e93e5.png

    c16b2ae7f97daa42a50368a753c26cf5.png

    TIFF格式——是一种灵活的位图图像格式,标记图像文件格式,收到几乎所有的绘画、图像编辑和页面排版应用程序支持,是可以修改压缩的。

    支持图像分层使用ps修改编辑更为方便。是一种图形图像的编辑,在印刷中常用到的一种格式。

    一种无损压缩格式,是一种非常广泛的图形格式,tiff与jpeg和png一起成为流行的高位彩色图像格式。

    c34a463980025a20c9543e3c8a26c45e.png

    tiff格式可以制作质量非常高的图形,因而经常用于出版印刷。不过糖糖之前很少用这个格式,一般都是ps或ai的源文件格式发给印刷厂~

    如果您要在一个并未创建该图像的程序中编辑图像,则以这种格式保存将很有帮助,因为多种程序都可以识别它。

    tiff用于应用程序和计算机平台之间交换文件,是一种领过的位图图像格式,几乎受所有的绘画、图像编辑和页面版面应用程序的支持。并且,几乎所有的桌面扫描仪都可以生成tiff图像。


    这篇文章写了很久了,一直没有发出来,之前在想我每次发的文字篇幅都比较长,所以就把每个格式隔几天发一个,然后再把这篇总结的文章发出来,这样大家如果嫌长可以去看微头条,如果收藏可以看文章哦,嘿嘿~

    展开全文
  • 如何把网页上的flash动画保存在swf格式文件.docx
  • 直播动画用的SVGA文件什么? 从动效设计到开发实现中,总会遇到很多问题。 设计师纠结动画还原帧率低、有色差、格式多、标注动效麻烦、开发没有按效果来做…开发工程师纠结于文件太大、性能差、开发麻烦、设计师没...

    直播动画用的SVGA文件是什么?
    从动效设计到开发实现中,总会遇到很多问题。

    设计师纠结动画还原帧率低、有色差、格式多、标注动效麻烦、开发没有按效果来做…开发工程师纠结于文件太大、性能差、开发麻烦、设计师没说清楚这个动画怎么做…想想头皮发麻…
    我们用不同的格式来应对不同需求,但总是没有最完善的方案出现。能不能设计师把动效文件丢给开发工程师,然后就完成所有工作呢?而且能满足设计师和开发工程师纠结的痛点?

    ✨SVGA✨就是一个比较靠谱的解决方案,设计师只要把动效导出SVGA就完成输出,并很好的解决以上痛点。不用为此再和开发撕逼了

    工作中对SVGA的接触比较多,小结了一篇面向初学者的科普向文章。

    一、那么,SVGA是什么?

    设计师完成动效设计后,输出的方式千千万万,例如最常见的png序列帧;把png序列帧合并到一起的apng、webp、gif;视频格式;Dragonbones、Spine、Deep Motion Creature导出的动画资源(一般是jason格式 )等等。

    而SVGA算是其中一种方式。

    SVGA 官网链接.
    svga官网

    对设计师来说,SVGA支持Ae、An制作导出,效果好、学习成本低的比较完善的方案。

    我们来解压一个SVGA 1.0的文件,可以了解它是怎样保存我们做的动效的:
    把SVGA 1.0的文件后缀改成zip,解压就会得到图片文件和movie.spec | center
    把SVGA 1.0的文件后缀改成zip,解压就会得到图片文件和movie.spec
    用记事本打开movie.spec,会看到很多代码
    用记事本打开,会看到很多代码

    压缩包里的图片,是动画素材,而动画的信息,保存在movie.spec文件里。

    SVGA,是把动画用代码的方式记录了下来,打包成一个文件,然后放到各端的播放器上播出来。他比序列帧类那种保存所有动效每一帧的每个像素相比,文件要小非常多。当然同时这也决定了,An、Ae里的滤镜、效果,要支持比较困难,因为代码记录更便于记录基础动画。有滤镜的动画需要播放器支持滤镜效果,开发成本高,应用价值也不大,也可能失去SVGA的性能优势。

    二、SVGA的优势是什么?
    常见的动效输出方式:
    svga常见的动效输出方式

    动画质量、播放性能、文件大小、使用成本几个角度来看这些方式:

    视频类:帧率高,色彩还原好;文件大导致加载慢,占内存多,带透明通道视频文件巨大。
    序列帧类:GIF存在色差,没半透明通道;压缩的png序列类也会有色差。文件大导致加载慢,占内存多;为了文件小一般都用低帧率(一般10-15帧),牺牲帧率;
    平台类:输出的是资源图和动画数据,所以帧率高,色彩还原好;文件小;对内存和CPU占用都相对小;但是存在成本问题,设计师需要另外学习软件,开发工程师需要接入搭建平台,学习和使用成本相对高;而且不一定适合直播;
    手写类:手写类动画质量、播放性能、文件大小和平台类一样,都很理想,只是也存在成本问题。设计师不能直接输出动画文件给开发工程师用,需要做标注,然后开发工程师按标注写动画,使用成本高;
    SVGA:其实类似于平台类,只是需要接入的不是一个复杂庞大的系统,仅仅是一个播放器;设计师也不用另外学软件;

    更直观点的就是打个分:
    在这里插入图片描述
    可以看到,SVGA评分达到最高的17分。
    实际使用,不同的使用场景下会有不同的需求。直播间礼物动效,SVGA无疑是最适合的。

    咳咳
    下面是一些自己的理解,这里也许偏技术一点,但是原理很简单,有兴趣可以看看:

    PS: SVGA记录动画数据的特点
    这是一个缓动位移起点
    这是一个缓动位移起点
    这是一个缓动位移终点
    这是一个缓动位移终点

    分解这个过程的的实际各参数
    分解这个过程的的实际各参数

    SVGA记录动画数据的特点,也是他的性能表现好的原因之一。对比两种记录动画参数的方式,用文字描述可以翻译成:
    方式一:

    1 图片.png,在0ms,xy:0,0;在800ms,xy:80,80;缓动函数是xxx
    

    方式二:

    1 图片.png,在0ms,xy:0,0;在100ms,xy:15,15;在200ms,xy:30,30;
    2 在300ms,xy:45,45;在400ms,xy:50,50;......  在800ms,xy:80,80;
    

    不要被代码吓到…其实就是,
    方式一只记录每个关键帧的数据
    方式二记录每一帧的数据

    上面提到SVGA中的movie.spec文件,使用的是方式二。

    方式二的优点:
    性能更好:客户端播放器只需读取和显示每一帧里,图片资源的动画属性(位置、透明度、缩放等信息)不需要解析计算缓动动画等。而方式一会把缓动的解析的计算量给到播放器端去实现,播放器端就需要消耗更多计算量,性能消耗大。

    方式二的缺点:
    数据量多:如果时长太长,帧数多,数据就多。时长太长的动画,加载会花多点时间。
    帧数固定:这个也不能说是缺点吧。方式一,理论上帧率随实际环境决定,不是由输出的文件决定。而方式二由于是按帧来记录,所以帧率固定为输出时的设定。

    💡 也就是说,SVGA文件适合时长较短的动画,时长太长可以考虑分成几个SVGA来制作。而直播间里的动效,一般8秒以内,最适合SVGA。

    PS: 关于播放性能、文件大小
    如图,动画复杂,占用的是CPU;文件过大,占用的是内存;解码复杂,占用的是CPU;文件大,占带宽、下载慢。
    svga性能
    例如:
    序列帧类文件大就下载慢、占内存,但不那么耗CPU;
    粒子动画耗CPU,但不占内存,下载快;
    SVGA和手写类,总体来讲性能很好,如果动画过于复杂矢量元素多也会耗CPU,占内存但比序列帧类少;
    等等…

    总结一下:

    1. 强大的设计工具支持;
    2. 支持多平台;
    3. 性能表现更好;
    4. 学习成本、使用成本低;
    5. 支持动态替换资源图;
    6. 支持AE表达式;
    7. 支持矢量和位图蒙版;
    8. 可控制播放动画中某一帧;
    9. 等等…
    展开全文
  • 包含Idle/Walk/Run/Jump/JumpStart/JumpLoop/JumpEnd等7个动画片段 Movement Base Pack CSDN下载地址
  • 移动设备跨平台动画文件格式的研究,张小伟,王振凯,目前描述动画文件的格式虽然有很多,例如采用二进制描述的swf文件格式,以及在网络有着广泛应用的SVG格式等等,但是它们都有着各自
  • 1、htm其实就是网页文件是有HTML编辑的静态网页文件的...ppt为:幻灯片格式xls为:Excel电子表格格式htm为:网页静态格式htm是什么格式的,如何打开HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签....
  • 三维文件格式三维软件之间互相导入导出一般会涉及到一些格式不兼容的问题,这里就给大家普及一下这些常用的三维文件格式。不同的格式有着不同的定位及用处,有开源的也有商业的。目前很多三维软件之间互导迫在眉睫,...
  • webp是什么文件格式

    千次阅读 2021-12-02 14:05:46
    一、webp 是什么? webp 是一种新的图像格式,用于web项目,可以大大提高网站访问速度。 同样的分辨率,大小比 jpg、png 小 25% 以上; Chrome、Firefox、Edge、Opera 等都支持此格式。 二、怎么使用? 1、...
  • lottie 动画的json文件

    2019-11-26 11:57:19
    这是一个json格式动画,仅在demo中使用噢这是一个json格式动画
  • 合并多个动画到一个文件当中
  • gltf模型 格式3d文件

    2017-12-18 14:10:34
    gltf格式为最新web通用格式 可实现 web ar 动画等 模型
  • flash动画有几种文件格式

    千次阅读 2017-06-08 12:41:49
    GIF动画格式可以同时存储若干幅静止图像 并进而形成连续的动画,目前Internet上大量采用的彩色动画文件多为这种格式的GIF文件。很多图像浏览器如《豪杰大眼睛》等都可以直接观看此类动 画文件。 2、FLIC FLI/FLC ...
  • 3D 文件格式

    千次阅读 2020-05-11 17:45:02
    一、3D 文件格式 CAD文件格式:dwf、dwg、dxf revit的格式:rfa、rte、rvt Bentley的格式:dgn Autodesk Navisworks 文件格式:nwd、nwf 和 nwc 3dmax文件格式:3ds、.max Autodesk Maya源文件格式:ma、mb ...
  • 上千款SVGA格式礼物 svga 动画 svga文件 礼物动画 直播礼物 特效礼物
  • md2动画文件

    2016-01-17 13:08:48
    VS C++,OpenGL,MD2动画文件 帧数110帧。
  • 问题: 最近在制作GLTF格式文件时候发现,自己做的动作只有一种默认动作,但是在3D库里的gltf文件都带有多个预设动作。...求教大家,如何制作为一个模型赋予多种动作动画的gltf或glb文件,或者指路用什么软件制作。
  • FBX格式人物模型,很多人物模型,带动画,资源齐全,有真实的有卡通的,有守卫,战士等等,非常实用资源。(资源量大,网盘链接下载)
  • exo是什么文件

    千次阅读 2020-12-19 04:27:46
    匿名用户1级2014-07-21 回答扩展名是...你可以把文件的扩展名理解为是文件的“身份证”,不同的扩展名决定了不同文件类型和作用.AACE:Ace压缩档案格式ACT:Microsoft office助手文件AIF,AIFF:音频互交换文件,Sil...
  • SVGA,就是Scalable Vector Graphics Animetion,即可伸缩矢量图形动画,理解为就是一种2d位图动画的储存格式,可以很小的容量播放一个带通道的效果,很好的替代png序列(文件容量大)、gif文件格式(不支持透明通道\...
  • 文件型是由Blender导出glTF格式模型,用于测试Godot Engine的IKSkeleton系统。包含两个简单的动画Idle和Attack
  • (一)BVH文件格式相关: BVH(Biovision层次模型)是Biovision Hierarchy的缩写,它是由Biovision公司开发的一种描述动作捕获的数据文件格式。这种文件描述的人体动画十分逼真,因为它通过真实的人体模特穿上带有...
  • SVGA格式动画

    千次阅读 2018-12-05 15:37:00
    目录 为什么选 SVGA? 对码农友好 对设计师友好 性价比更高 ...为什么选 SVGA?... 便捷的 SDK 使得 SVGA ... 你可以使用 After Effects 或是 Animate CC (Flash) 进行动画设计,SVGA 可以支持其中的大部分效果,设计...
  • BVH文件是unity支持的一种动画文件,通过解析此文件可以实现模型的动作实时渲染;此压缩保重包含了源文件(案例)和相关说明的文档。
  • 最近项目需求需要对工程中的动画文件进行优化,经分析发现,工程存在两种动画文件,一种是后缀为.anim的普通Animation文件,还有一种是.fbx的模型动画文件,本文主要针对于fbx动画文件的优化,普通Animation文件优化...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 125,212
精华内容 50,084
热门标签
关键字:

动画文件是什么格式

友情链接: fish.rar