动画播放方法和动画播放系统的制作方法_3

文档序号:9528018阅读:来源:国知局
是按规定分配给静止画的R、G、B的各值,从而使得在将图像复原用信息整体以PNG形式压缩后进行解压缩复原时,也能够识别这些信息。
[0066]另一方面,在步骤S112中判定为在前帧PF内没有视为相同的部分(否定判定)的情况下,对于该当前数据块CB,实施JPEG压缩,如图3(b)所示,将获取的压缩数据作为JPEG压缩静止图像数据12的一部分排列(步骤S114)。此处的JPEG压缩处理是一般的处理。即,包含离散余弦转换处理、量化处理、以及哈夫曼编码化、算术编码化等熵编码化处理。然后,对于该当前数据块CB,将“存在压缩图像”的要点记述在图像复原用信息中(步骤S115),转移到步骤S116。此外,步骤S115中的记述的形式为:通过将当前数据块确定信息和与该当前数据块确定信息对应的“存在压缩图像”的信息任意地、但是按规定分配给静止画的R、G、B的各值,从而使得在将图像复原用信息整体以PNG形式压缩后进行解压缩复原时,也能够识别这些信息。
[0067]在步骤S116中,判定当前数据块CB是否是一帧内的最后的数据块,在不是最后的数据块的情况下(否定判定),指向下一个数据块(步骤S117),返回到步骤S112。另一方面,在是最后的数据块的情况下(肯定判定),判定是否是最后的帧(步骤S118)。在该步骤中,在不是最后的帧的情况下(否定判定),指向下一个帧(步骤S119),返回到步骤S111。另一方面,在是最后的帧的情况下(肯定判定),因为在该时刻JPEG压缩静止图像数据12已完成,因此,转移到步骤S120。在步骤S120中,将已完成的图像复原用信息以PNG形式压缩来制作图像复原用压缩信息13。这样制作的JPEG压缩静止图像数据12及图像复原用压缩信息13如上所述被存储于网络服务器1。
[0068]此外,将在步骤S114中通过JPEG压缩所获取的压缩图像数据作为静止画的一部分依次排列时,在超过了假想的客户终端2的静止画1张的容量的情况下,作为多张静止画来构成JPEG压缩静止图像数据12。
[0069]图4是流程图,示出本发明的动画播放方法和动画播放系统的第1实施方式的、客户终端2的浏览器21所下载并执行解读的、与图2的制作顺序对应的显示程序11的处理内容。即,作为显示程序11,与所准备的JPEG压缩静止图像数据12及图像复原用压缩信息13的制作方法相对应,记述为以下那样的处理。
[0070]首先,作为想要显示于信息参阅者所持有的客户终端2的显示画面22的信息,如果存在动画以外的文本等信息,则显示这些信息(步骤S211)。接着,从网络服务器1下载图像复原用压缩信息13并实施解码处理来恢复图像复原用信息(步骤S212),并且,下载JPEG压缩静止图像数据12并实施解码处理作为静止图像数据来获取(步骤S213)。
[0071]然后,为了在以后的处理中再构成动画,参照与在解码处理中获取的图像复原用信息内的各数据块对应的各信息。即,参照图像复原用信息(步骤S214),判定当前数据块CB是否是“利用前帧图像”(步骤S215)。如果当前数据块CB是“利用前帧图像”(肯定判定),则基于图像复原用信息内的对应的动矢量MV的信息,从前帧PF的数据获取已解码的图像数据(步骤S216)。
[0072]另一方面,如果当前数据块CB不是“利用前帧图像”(在步骤S215中是否定判定),则作为当前数据块CB应当采用的信息存在于在步骤S213中进行解码而获取的静止图像数据内的下一个数据块处,因此,提取该图像数据(步骤S217)。
[0073]然后,在步骤S218中,将在步骤S216中所获取的来自前帧的已解码的图像数据、或者、在步骤S217中所获取的存在于已解码的静止图像数据内的下一个数据块处的图像数据,作为当前数据块CB的图像数据,配置在动画的帧内来进行再构成(步骤S219)。
[0074]此处,如上所述,说明将图像数据选择性地采用为动画的帧内的数据的具体的方法。在HTML5中,准备有canvas这种标签,通过在由该标签规定的描画区域中利用JavaScript进行任意的描画等处理,能够创作性地构成动画,而不是既定的图像。canvas标签例如是〈canvasid = ” canvas” width = ” 600” height =”480”> 这种记述。在该具体例中,准备了 600像素X480像素的描画区域。向该描画区域的图像的记述能够利用JavaScript的例如drawimageAPI来进行。由此,在本发明中,在被canvas标签所规定的描画区域中,能够从以下数据块图像数据中选择性地配置:从被再构成在描画区域中的前1帧的信息且是并存储于帧缓冲器的信息中、基于动矢量MV所确定的数据块图像数据;以及将JPEG压缩静止图像数据12内的信息重新解码而获取的数据块图像数据。
[0075]接着,判定通过上述的选择性的获取是否完成了 1帧量(步骤S219),在未完成的情况下(否定判定),将下一个数据块作为当前数据块CB (步骤S220),并返回到步骤S214。另一方面,在完成了 1帧的情况下,经由帧缓冲器进行向显示画面22的显示处理(步骤S221)。接着,在步骤S222中,判定是否到达了图像复原用信息内的最后的数据块的信息,在未到达的情况下(否定判定),转移到步骤S220,另一方面,在到达了的情况下(肯定判定),结束处理。通过以上的处理,能够在由canvas标签规定的描画区域中,显示信息提供者在编码前准备了的动画。
[0076]根据以上说明的第1实施方式,在由浏览器21在客户终端2显示动画时,不利用动画解码器的插件等,而通过利用标准搭载于浏览器21中的静止图像解码器,从而减轻事前的麻烦并且提高通用性,并且,即使利用该静止图像解码器,也不是如翻纸漫画那样直接1张1张地解码并作为动画输出,而是在将原来的动画的信息视为静止画的信息时,采用帧间的动补偿地将动画信息设置为压缩静止图像,因此,还能保证显示速度。但是,若包含帧间的差分压缩处理,则解码处理变得负担大,因此,设置为不包含帧间的差分压缩处理。
[0077]<第2实施方式>
[0078]在上述的第1实施方式中,判断能否利用前帧的判断的单位是最小数据块(JPEG压缩的基本单位的8像素X8像素的数据块),但是,前帧内的能够利用的范围能够取得越大越好。如果在2数据块X2数据块、4数据块X4数据块的范围内一致,则优选以该大小进行处理。这样一来,能够简化JPEG压缩静止图像数据12及图像复原用压缩信息13的制作处理,且图像复原用压缩信息13的信息量变得更少。因此,在该第2实施方式中,使数据块的大小为3层级而进行4叉树处理。此外,虽然使数据块的大小为3层级,但是不限于此。
[0079]图5是在JPEG压缩静止图像数据12及图像复原用压缩信息13的制作中使数据块的大小为3层级并进行4叉树处理的第2实施方式中的流程图。图6是用于说明第2实施方式中的制作JPEG压缩静止图像数据12及图像复原用压缩信息13的处理的图。
[0080]在该第2实施方式中,如上所述,还如图6 (a)所示,使处理区的大小为3层级。即,首先,使当前数据块CB为4X 4数据块,如果不一致,则使当前数据块CB为2 X 2数据块,如果即使这样也不一致,则使当前数据块CB为1 X 1数据块。
[0081]具体而言,参照图5,首先,为了保证动补偿,从前帧与当前帧CB的关系决定动矢量MV (步骤S121)。然后,基于所决定的动矢量MV,判定当前帧CF内的当前4X 4数据块CB是否与前帧PF的一部分相同(步骤S122)。根据该判定的结果,若判定为在前帧PF内存在视为相同的部分(肯定判定),则对于该当前4X4数据块CB,将“利用前帧图像”的要点、参照尺寸(在该情况下是4X4)、以及求出的动矢量MV的信息记述在图像复原用信息中(步骤S123),并行进到步骤S134。此外,步骤S123中的记述的形式为:通过将当前数据块确定信息、与该当前数据块确定信息对应的“利用前帧图像”的信息、参照尺寸的信息、以及动矢量MV的信息任意地但是按规定分配给静止画的R、G、B的各值,从而使得在以PNG形式将图像复原用信息整体压缩后进行了解压缩复原时,也能够识别这些信息。
[0082]另一方面,在步骤S122中判定为在前帧PF内没有视为相同的部分的情况下(否定判定),接着,判定当前4X4数据块CB内的当前2 X 2数据块CB是否与前帧PF的一部分相同(步骤S124)。根据该判定的结果,若判定为在前帧PF内存在视为相同的部分(肯定判定)(特别是图6(b)所示的情况),则对于该当前2X2数据块CB,将“利用前帧图像”的要点、参照尺寸(在该情况下是2X2)、以及求出的动矢量MV(图6(b))的信息记述在图像复原用信息中(步骤S125),并行进到步骤S132。
[0083]另一方面,在步骤S124中判定为在前帧PF内没有视为相同的部分的情况下(否定判定),接着,判定当前2 X 2数据块CB内的当前1 X 1数据块CB是否与前帧PF的一部分相同(步骤S126)。根据该判定的结果,若在前帧PF内存在视为相同的部分(肯定判定),则对于该当前1 X 1数据块CB,将“利用前帧图像”的要点、参照尺寸(在该情况下是1X1)、以及求出的动矢量MV的信息记述在图像复原用信息中(步骤S127),并行进到步骤S130。
[0084]另一方面,在步骤S127中判定为在前帧PF内没有视为相同的部分的情况下(否定判定),对于该当前1 X 1数据块CB,实施JPEG压缩,将获取的压缩数据与图3 (b)所示的第1实施方式同样地作为JPEG压缩静止图像数据12的一部分排列(步骤S128)。然后,对于该当前IX 1数据块CB,将“存在压缩图像”的要点记述在图像复原用信息中(步
当前第3页1 2 3 4 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1