[發(fā)明專利]動(dòng)畫生成方法及裝置

有效

• 申請?zhí)枺?/td>: 201710562830.7
• 申請日: 2017-07-11
• 公開（公告）號: CN107403460B
• 公開（公告）日: 2021-07-06
• 發(fā)明（設(shè)計(jì)）人: 姜雨晴;張菊元
• 申請（專利權(quán)）人: 北京龍之心科技有限公司
• 主分類號: G06T13/80
• 分類號: G06T13/80;G06F16/957
• 代理公司: 北京科龍寰宇知識產(chǎn)權(quán)代理有限責(zé)任公司 11139
• 代理人: 孫皓晨

1.一種動(dòng)畫生成方法，其特征在于，包括：

通過動(dòng)畫軟件導(dǎo)出針對于某flash動(dòng)畫的幀圖像序列；flash動(dòng)畫是由若干幀圖像組成的，此若干幀圖像即為該flash動(dòng)畫的幀圖像序列；并且動(dòng)畫軟件在導(dǎo)出幀圖像序列的同時(shí)還會量取各幀圖像的尺寸、統(tǒng)計(jì)幀圖像序列中幀圖像的數(shù)目；各幀圖像的尺寸是相等的；動(dòng)畫軟件導(dǎo)出的幀圖像序列中的各幀圖像是按照顯示順序的依次排列的；動(dòng)畫軟件還會將各幀圖像對應(yīng)的尺寸以及幀圖像序列中幀圖像的數(shù)目寫入一個(gè)圖像信息文件中；動(dòng)畫生成器在獲取flash動(dòng)畫的對應(yīng)的幀圖像序列的同時(shí)，還能夠根據(jù)圖像信息文件獲取幀圖像序列中幀圖像的數(shù)目以及各幀圖像的尺寸；

動(dòng)畫生成器在獲取到與flash動(dòng)畫對應(yīng)的幀圖像序列的同時(shí)得到序列中每幀圖像的對應(yīng)的圖像名稱；動(dòng)畫生成器獲取到的幀圖像序列中的各幀圖像是存儲于同一個(gè)文件夾內(nèi)的，并且每幀幀圖像的對應(yīng)的圖像名稱中都有表明該幀圖像顯示編號的部分，動(dòng)畫生成器能夠通過解析每幀幀圖像的對應(yīng)的圖像名來獲得各幀圖像對應(yīng)的顯示編號；動(dòng)畫是通過依次顯示幀圖像序列中的各幀圖像而形成的，而每幀幀圖像對應(yīng)的顯示編號則是用以表示各幀圖像在動(dòng)畫中的顯示次序；動(dòng)畫生成器再按照各幀圖像的顯示編號也即是按照各幀圖像的顯示次序?qū)Ω鲙瑘D像進(jìn)行拼接以形成一幅拼接圖，其中，在拼接圖中設(shè)置一個(gè)參考原點(diǎn)，根據(jù)此參考原點(diǎn)確定各幀圖像在拼接圖中的起始像素坐標(biāo)，其中起始像素即為每幀幀圖像中的第1個(gè)像素點(diǎn)所對應(yīng)的位置坐標(biāo)，并用此位置坐標(biāo)代表各幀圖像的位置坐標(biāo)；

動(dòng)畫生成器根據(jù)預(yù)設(shè)幀頻以及幀圖像序列中包含的幀圖像數(shù)目確定出要生成CSS3動(dòng)畫的顯示時(shí)長，動(dòng)畫中每幀圖像的顯示時(shí)長是相等的，動(dòng)畫生成器根據(jù)所述動(dòng)畫顯示時(shí)長以及幀圖像數(shù)目確定所述拼接圖中各幀圖像對應(yīng)的顯示時(shí)刻；

采用如下方式確定各幀圖像在拼接圖中的起始像素坐標(biāo)，將拼接圖中的第1 幀幀圖像中的第1個(gè)像素點(diǎn)設(shè)置為參考原點(diǎn)，則第1幀幀圖像的起始像素坐標(biāo)為(0,0)，第2幀幀圖像的起始像素坐標(biāo)為(0,-200)……第10幀幀圖像的起始像素坐標(biāo)為(0,-1800)；或者，將距離拼接圖中的第1幀幀圖像中的第1個(gè)像素點(diǎn)豎直距離為M的位置設(shè)置為參考原點(diǎn)，則第1幀幀圖像的起始像素坐標(biāo)為(0,M)，第2幀幀圖像的起始像素坐標(biāo)為(0,-200-M)……第10幀幀圖像的起始像素坐標(biāo)為(0,-1800-M)；

動(dòng)畫生成器將各幀圖像在拼接圖中的起始像素坐標(biāo)與各幀圖像的顯示時(shí)刻進(jìn)行關(guān)聯(lián)，以建立二者之間的對應(yīng)關(guān)系；通過將一對對具有對應(yīng)關(guān)系的起始像素坐標(biāo)和顯示時(shí)刻輸入CSS3動(dòng)畫模板中即可生成CSS3動(dòng)畫，其中，動(dòng)畫模板已經(jīng)內(nèi)置于動(dòng)畫生成器中，并且動(dòng)畫模板與動(dòng)畫類型存在對應(yīng)關(guān)系；基于動(dòng)畫模板與動(dòng)畫類型的對應(yīng)關(guān)系，動(dòng)畫生成器還會根據(jù)生成CSS3動(dòng)畫時(shí)使用的動(dòng)畫 模板為此CSS3動(dòng)畫設(shè)置一個(gè)對應(yīng)的動(dòng)畫類型標(biāo)簽，其中動(dòng)畫類型標(biāo)簽為動(dòng)畫名稱的簡稱或者縮寫；

在生成CSS3動(dòng)畫后還會存在顯示此CSS3動(dòng)畫的情況；在客戶端側(cè)會預(yù)先配置有一個(gè)動(dòng)畫類型標(biāo)簽表，此表中記錄有所有客戶端能夠顯示的動(dòng)畫類型；當(dāng)需要顯示CSS3動(dòng)畫時(shí)，動(dòng)畫生成器將包含有動(dòng)畫類型標(biāo)簽的CSS3動(dòng)畫發(fā)送至客戶端；客戶端根據(jù)接收到的CSS3動(dòng)畫后，將CSS3動(dòng)畫中包括的動(dòng)畫類型標(biāo)簽與本地的動(dòng)畫類型標(biāo)簽表進(jìn)行匹配；當(dāng)CSS3動(dòng)畫包括的動(dòng)畫類型標(biāo)簽存在于客戶端本地的動(dòng)畫類型標(biāo)簽表中，則表明該CSS3動(dòng)畫能夠在客戶端上顯示，此時(shí)客戶端則會正常顯示此接收到的CSS3動(dòng)畫；當(dāng)CSS3動(dòng)畫包括的動(dòng)畫類型標(biāo)簽不存在于客戶端本地的動(dòng)畫類型標(biāo)簽表中，則表明客戶端不能顯示此動(dòng)畫，此時(shí)客戶端會將此無法顯示的動(dòng)畫直接丟棄。