TWI686768B - 在移動設備上動畫展現圖像的方法和裝置 - Google Patents
在移動設備上動畫展現圖像的方法和裝置 Download PDFInfo
- Publication number
- TWI686768B TWI686768B TW106130941A TW106130941A TWI686768B TW I686768 B TWI686768 B TW I686768B TW 106130941 A TW106130941 A TW 106130941A TW 106130941 A TW106130941 A TW 106130941A TW I686768 B TWI686768 B TW I686768B
- Authority
- TW
- Taiwan
- Prior art keywords
- frame
- display
- animation
- parameters
- picture
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T13/00—Animation
- G06T13/80—2D [Two Dimensional] animation, e.g. using sprites
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Human Computer Interaction (AREA)
- General Engineering & Computer Science (AREA)
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
- Digital Computer Display Output (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本申請提供一種在移動設備上動畫展現圖像的方法，包括：在隱藏畫布上繪製最終展現的圖像，並將繪製完成的圖像保存為終點圖片；以一定的時間間隔，逐幀採用變化的顯示參數在動畫展現區域顯示至少部分終點圖片，直到最終顯示終點圖片；所述變化的顯示參數根據動畫效果確定。透過本申請的技術方案，避免了逐幀計算、緩存和繪製動畫過程中的每幀圖像，極大的減少了動畫展現所需的代碼量，降低了記憶體佔用，提高了動畫的執行效率。
Description
本申請係關於網路通信技術領域，尤其關於一種在移動設備上動畫展現圖像的方法和裝置。
隨著移動設備的性能發展，運行在移動設備上的用戶界面的複雜程度和友好程度也隨之提升。為了讓用戶有更好的體驗，越來越多的網路服務提供商在其瀏覽器頁面或客戶端界面中採用動畫方式來進行各種素材的展現。 現有技術中，移動設備上的動畫實現通常沿用PC（Personal Computer，個人電腦）上的方案，即：計算出每幀圖像的大小、位置等用於顯示的數據，將用於顯示的數據和圖像本身的數據一併緩存在記憶體中，在動畫的執行過程中，每隔一定時間清除畫布上的當前內容，並且用緩存的下一幀數據在畫布上重新繪製出下一幀的顯示內容。 這種方案在實現中，需要記錄各幀圖像的層級、屬性的資訊，編程的代碼量相當大，緩存每幀圖像的數據將佔用大量的記憶體，而重新繪製每幀圖像還會消耗較多的處理能力。對於硬體資源和運算速度相比於PC仍然有相當差距的移動設備而言，這種方案存在代碼量過大、記憶體開銷大、執行效率低的問題。
有鑑於此，本申請提供一種在移動設備上動畫展現圖像的方法，包括： 在隱藏畫布上繪製最終展現的圖像，並將繪製完成的圖像保存為終點圖片； 以一定的時間間隔，逐幀採用變化的顯示參數在動畫展現區域顯示至少部分終點圖片，直到最終顯示終點圖片；所述變化的顯示參數根據動畫效果確定。 本申請還提供了一種在移動設備上動畫展現圖像的裝置，包括： 終點圖片生成單元，用於在隱藏畫布上繪製最終展現的圖像，並將繪製完成的圖像保存為終點圖片； 動畫展現單元，用於以一定的時間間隔，逐幀採用變化的顯示參數在動畫展現區域顯示至少部分終點圖片，直到最終顯示終點圖片；所述變化的顯示參數根據動畫效果確定。 由以上技術方案可見，本申請的實施例中，將最終展現的圖像繪製在隱藏畫布上並保存為終點圖片，在動畫執行過程中利用變化的顯示參數來顯示終點圖片，從而無需逐幀計算、緩存和繪製動畫過程中的每幀圖像，極大的減少了動畫展現所需的代碼量，降低了記憶體佔用，提高了動畫的執行效率。
本申請的實施例提出一種新的在移動設備上動畫展現圖像的方法，將作為動畫終點要展現的圖像繪製在隱藏畫布上，並保存為終點圖片，在動畫執行過程中，按照要展現的動畫效果確定每幀的顯示參數，並採用每幀的顯示參數來顯示部分或全部的終點圖片，直到最終顯示終點圖片。本申請的實施例透過以變化的顯示方式來展現全部或部分的終點圖片來達到動畫效果，避免了計算和記錄動畫過程中每幀圖像的層級、屬性資訊，減少了程式的代碼量；動畫過程使用一幅繪製完成的圖片而不必繪製每幀圖像，無需緩存每幀圖像的數據，極大的降低了記憶體佔用和對處理能力的消耗，從而解決現有技術中存在的問題。 本申請的實施例可以應用在任何具有計算、儲存和顯示能力的移動設備上，包括手機、平板電腦、筆記型電腦等設備。在軟體層面，本申請的實施例可以應用在C/S（Client/Server，客戶端/伺服器）結構的客戶端，也可以應用在B/S（Browser/Server，瀏覽器/伺服器）結構的瀏覽器頁面，還可以應用在其他運行在移動設備上的軟體中。 本申請的實施例中，在移動設備上動畫展現圖像的方法的流程如圖1所示。 步驟110，在隱藏畫布上繪製最終展現的圖像，並將繪製完成的圖像保存為終點圖片。 移動設備創建隱藏畫布，將最終展現的圖像，即動畫結束時要顯示給用戶的圖像繪製在隱藏畫布上，在繪製完成後，將隱藏畫布上的圖像保存為終點圖片。 移動設備繪製最終顯示的圖像所需的數據可以根據實際應用場景中圖像要表現的內容確定。繪製圖像所需的數據可以由移動設備在本地讀取或計算得出，也可以從伺服器獲取或者根據從伺服器獲取的其他數據計算得出。在繪製圖像時所採用的具體繪製方式可以參照現有技術實現。本申請的實施例對繪製圖像的數據來源、圖像的表現內容、圖像的繪製方式均不做限定。 移動設備可以根據動畫展現區域來創建隱藏畫布。例如，可以參考最終顯示的圖像的峰值數據，按照動畫展現區域的形狀，創建同比例放大或縮小的隱藏畫布。再如，可以創建與動畫展現區域形狀及大小相同的隱藏畫布，這樣終點圖片在動畫結束時可以無需縮放而直接顯示在動畫展示區域，能夠簡化計算。當然，移動設備也可以任意創建隱藏畫布，而在後續的動畫過程中透過設置顯示參數來將全部或部分終點圖片顯示在動畫展現區域。 在隱藏畫布上繪製完成的終點圖片可以以檔案的形式保存在移動設備本地，也可以以圖像數據的形式保存在緩存中。在保存終點圖片後，可以刪除隱藏畫布。 步驟120，以一定的時間間隔，逐幀採用變化的顯示參數在動畫展現區域顯示至少部分終點圖片，直到最終顯示終點圖片。 在生成終點圖片後，根據要展現的動畫效果確定動畫執行過程中各幀的顯示參數，以一定的時間間隔依次採用各幀的顯示參數來將部分或全部終點圖片顯示在動畫展現區域，直到在動畫結束時顯示終點圖片。相鄰幀的顯示參數互不相同，其變化方式與要展現的動畫效果相關。 顯示參數可以包括對終點圖片進行處理、以得到各幀圖像的終點圖片處理參數，和用來確定將處理後的終點圖片顯示在動畫展現區域哪個位置的顯示位置參數；相鄰幀的終點圖片處理參數和顯示位置參數中，至少有一個不同。動畫執行過程中，移動設備按照每幀的終點圖片處理參數來對終點圖片進行處理，得到該幀的圖像，並在每幀圖像對應的時間點（相鄰兩幀圖像之間相隔上述一定的時間間隔）採用該幀的顯示位置參數將該幀的圖像顯示在動畫展現區域。當相鄰各幀的終點圖片處理參數發生變化、或顯示位置參數發生變化、或終點圖片處理參數和顯示位置參數都發生變化時，可以實現不同的動畫效果。以下舉例說明。 第一個例子：以固定的顯示位置參數和根據動畫效果確定的每幀的截圖參數來作為變化的顯示參數，可以達到將終點圖片從部分到全部逐漸呈現在動畫展現區域的效果。具體而言，以一定的時間間隔，採用固定的顯示位置參數，在動畫展現區域逐幀顯示根據每幀的截圖參數截取的部分終點圖片，直到最終顯示全部終點圖片。即，在各幀對應的時間點，移動設備按照該幀的截圖參數截取部分終點圖片，得到該幀的圖像，並按照固定的顯示位置參數將該幀圖像顯示在動畫展現區域內；其中，按照截圖參數截取的部分圖片逐漸變大，直到成為完整的終點圖片。 作為第一個例子的一種應用，可以將每幀圖像左上角的顯示位置參數固定為動畫展現區域的左上角，截取左邊的部分終點圖片作為各幀的圖像並將所截取的面積逐漸變大，可以達到終點圖片從左向右逐漸呈現的動畫效果。作為第一個例子的另一種應用，還可以將每幀圖像中心點的顯示位置參數固定為動畫展現區域的中心點，以終點圖片中心點為截取的各幀圖像的中心點並將所截取的面積逐漸變大，可以達到終點圖像從中心向外圍逐漸呈現的動畫效果。其他的應用場景不再贅述。 第二個例子：以根據動畫效果確定的每幀的顯示位置參數和每幀的截圖參數來作為變化的顯示參數，可以達到將終點圖片從動畫展現區域外逐漸移動到全部呈現在動畫展現區域的效果。具體而言，以一定的時間間隔，逐幀採用該幀的顯示位置參數，在動畫展現區域顯示根據該幀的截圖參數截取的部分終點圖片，直到最終顯示全部終點圖片。即，在各幀對應的時間點，移動設備按照該幀的截圖參數截取部分終點圖片，得到該幀的圖像，並將該幀的圖像按照該幀的顯示位置參數顯示在動畫展現區域內；其中，按照截圖參數截取的部分圖片逐漸變大，其顯示位置也相應移動以便使得該幀圖像能夠完全顯示在動畫展現區域，直到最後一幀圖像成為完整的終點圖片，並占滿整個動畫展現區域。 作為第二個例子的一種應用，可以將每幀圖像右上角的顯示位置參數沿動畫展現區域的上部邊緣逐漸右移，截取左邊的部分終點圖片（其大小對應於顯示位置參數）作為各幀的圖像並將所截取的面積逐漸變大，可以達到終點圖片從左向右從動畫展現區域外移入動畫展現區域的效果。其他的應用場景不再贅述。 第三個例子：以固定的顯示位置參數和根據動畫效果確定的每幀的壓縮參數來作為變化的顯示參數，可以達到將整個終點圖片從佔據部分動畫展現區域到逐漸擴大為佔據全部動畫展現區域的效果。具體而言，以一定的時間間隔，採用顯示位置參數，在動畫展現區域逐幀顯示根據該幀的壓縮參數壓縮後的終點圖片，直到最終顯示匹配於動畫展現區域的終點圖片。即，在各幀對應的時間點，移動設備按照該幀的壓縮參數將終點圖片壓縮後得到該幀的圖像，並按照固定的顯示位置參數將該幀圖像顯示在動畫展現區域內；其中，按照壓縮參數壓縮後的各幀圖像逐漸變大，直到占滿完整的動畫展現區域。 作為第三個例子的一種應用，可以將每幀圖像左上角的顯示位置參數固定為動畫展現區域的左上角，各幀按照終點圖片的長寬比進行等比例壓縮並將壓縮程度逐漸減小，可以達到終點圖片動畫展現區域的左上角由遠及近逐漸呈現的動畫效果。作為第三個例子的另一種應用，還可以將每幀圖像下部邊緣的顯示位置參數固定為動畫展現區域的下部邊緣，各幀對終點圖片的寬度進行壓縮並將壓縮程度逐漸減小，可以達到終點圖片從底部逐漸長大到占滿完整的動畫展現區域的效果。其他的應用場景不再贅述。 當要實現的動畫效果不同時，還可以採用有別於上述截圖參數和壓縮參數的其他類型的終點圖片處理參數，如對終點圖片進行旋轉的旋轉參數、對終點圖片進行色彩處理的濾鏡參數等等。另外，還可以結合使用各種不同類型的終點圖片處理參數來對終點圖片進行多重處理，如壓縮參數和旋轉參數結合使用可以達到將終點圖片由小到大以某個點為中心旋轉而出的動畫效果。本申請的實施例對所採用的終點圖片處理參數的類型和數量、以及與固定或變化的顯示位置參數的結合使用均不做限定。 可見，本申請的實施例中，將最終展現的圖像繪製在隱藏畫布上並保存為終點圖片，在動畫執行過程中，按照要展現的動畫效果確定每幀的顯示參數，並採用每幀的顯示參數來顯示部分或全部的終點圖片，透過變化的顯示參數來達到動畫效果，避免了計算和記錄動畫過程中每幀圖像的層級、屬性資訊，減少了程式的代碼量；動畫過程使用終點圖片而不必繪製每幀圖像，無需緩存每幀圖像的數據，極大的降低了記憶體佔用，並提高了動畫的執行效率。 在本申請的一個應用示例中，在智能手機的瀏覽器環境中，在向用戶展現圖形（包括走勢圖和柱狀圖）的時候會採用動畫效果。 當瀏覽器頁面上需要顯示走勢圖時，創建與走勢圖展示區域相同大小的隱藏畫布，根據從伺服器接收的走勢圖的圖形數據，在隱藏畫布上繪製最終顯示給用戶的走勢圖，如圖2所示。繪製完成的走勢圖在記憶體中緩存為走勢圖終點圖片。 走勢圖是某個變量按照時間順序的變化趨勢圖，在展現走勢圖時，採用按照時間順序逐漸形成變量走勢的動畫效果。因此，可以將固定的顯示位置參數和變化的截圖參數作為顯示參數。將每幀圖像左上角的顯示位置參數固定為走勢圖展現區域的左上角；從走勢圖終點圖片的左邊緣起，每幀截取不同長度的部分走勢圖終點圖片作為該幀圖像，所截取的長度不斷增加。一種可能的各幀圖像序列的如圖3所示。這樣，當各幀圖像以一定時間間隔陸續顯示在走勢圖展示區域時，將形成變量的走勢沿時序出現的動畫效果。 當瀏覽器頁面上需要顯示柱狀圖時，創建與柱狀圖展示區域相同大小的隱藏畫布，根據從伺服器接收的柱狀圖的圖形數據，在隱藏畫布上繪製最終顯示給用戶的柱狀圖，如圖4所示。繪製完成的柱狀圖在記憶體中緩存為柱狀圖終點圖片。 柱狀圖用來反映某個變量在某個時間點的值，在展現柱狀圖時，採用將圖形柱從低到高逐漸變為最終值的動畫效果。因此，可以將固定的顯示位置參數和變化的壓縮參數作為顯示參數。將每幀圖像左下角的顯示位置參數固定為柱狀圖展現區域的左下角；每幀採用不同的壓縮比例對柱狀圖終點圖片的寬度進行壓縮後生成該幀的圖像，壓縮比例不斷減小，直到最後一幀圖像的壓縮比例為1。一種可能的各幀圖像序列的如圖5所示。這樣，當各幀圖像以一定時間間隔陸續顯示在柱狀圖展示區域時，將形成變量的值從小到大直至達到最終值的動畫效果。 與上述流程實現對應，本申請的實施例還提供了一種應用在移動設備上的動畫展現圖像的裝置。該裝置可以透過軟體實現，也可以透過硬體或者軟硬體結合的方式實現。以軟體實現為例，作為邏輯意義上的裝置，是透過移動設備的CPU(Central Process Unit，中央處理器)將對應的計算機程式指令讀取到記憶體中運行形成的。從硬體層面而言，除了圖6所示的CPU 601、記憶體602以及非易失性記憶體603之外，在移動設備上動畫展現圖像的裝置所在的移動設備通常還包括用於進行無線信號收發的晶片等其他硬體604，和/或用於實現網路通信功能的板卡等其他硬體。
圖7所示為本申請實施例提供的一種在移動設備上動畫展現圖像的裝置，包括終點圖片生成單元701和動畫展現單元702，其中：終點圖片生成單元用於在隱藏畫布上繪製最終展現的圖像，並將繪製完成的圖像保存為終點圖片；動畫展現單元用於以一定的時間間隔，逐幀採用變化的顯示參數在動畫展現區域顯示至少部分終點圖片，直到最終顯示終點圖片；所述變化的顯示參數根據動畫效果確定。
可選的，所述顯示參數包括：用於對終點圖片進行處理得到各幀圖像的終點圖片處理參數、和用於確定各幀圖像在動畫展現區域顯示位置的顯示位置參數；相鄰幀的終點圖片處理參數和顯示位置參數中至少有一個不相同。
一個例子中，所述顯示參數包括：顯示位置參數和根據動畫效果確定的每幀的截圖參數；所述動畫展現單元具體用於：以一定的時間間隔，採用顯示位置參數，在動畫展現區域逐幀顯示根據所述幀的截圖參數截取的部分終點圖片，直到最終顯示全部終點圖片。
另一個例子中，所述顯示參數包括：根據動畫效果確定的每幀的顯示位置參數和截圖參數；所述動畫展現單元具體用於：以一定的時間間隔，逐幀採用所述幀的顯示位置參數，在動畫展現區域顯示根據所述幀的截圖參數截取的部分終點圖片，直到最終顯示全部終點圖片。
再一個例子中，所述顯示參數包括：顯示位置參數和根據動畫效果確定的每幀的壓縮參數；所述動畫展現單元具體用於：以一定的時間間隔，採用顯示位置參數，在動畫展現區域逐幀顯示根據所述幀的壓縮參數壓縮後的終點圖片，直到最終顯示匹配於動畫展現區域的終點圖片。
可選的，所述隱藏畫布與動畫展現區域的形狀及大小相同。
可選的，所述裝置還包括：隱藏畫布刪除單元，用於在保存終點圖片後，刪除隱藏畫布。
以上所述僅為本申請的較佳實施例而已，並不用以限制本申請，凡在本申請的精神和原則之內，所做的任何修改、等同替換、改進等，均應包含在本申請保護的範圍之內。
在一個典型的配置中，計算設備包括一個或多個處理器(CPU)、輸入/輸出介面、網路介面和記憶體。
記憶體可能包括計算機可讀媒體中的非永久性記憶體，隨機存取記憶體(RAM)和/或非易失性記憶體等形式，如唯讀記憶體(ROM)或快閃記憶體(flash RAM)。記憶體是計算機可讀媒體的示例。
計算機可讀媒體包括永久性和非永久性、可移動和非可移動媒體可以由任何方法或技術來實現資訊儲存。資訊可以是計算機可讀指令、資料結構、程式的模組或其他數據。計算機的儲存媒體的例子包括，但不限於相變記憶體(PRAM)、靜態隨機存取記憶體(SRAM)、動態隨機存取記憶體(DRAM)、其他類型的隨機存取記憶體(RAM)、唯讀記憶體(ROM)、電可擦除可編程唯讀記憶體(EEPROM)、快閃記憶體或其他記憶體技術、唯讀光碟唯讀記憶體(CD-ROM)、數位多功能光碟(DVD)或其他光學儲存、磁盒式磁帶，磁帶磁碟儲存或其他磁性儲存設備或任何其他非傳輸媒體，可用於儲存可以被計算設備訪問的資訊。按照本文中的界定，計算機可讀媒體不包括暫存電腦可讀媒體(transitory media)，如調製的數據信號和載波。
還需要說明的是，術語“包括”、“包含”或者其任何其他變體意在涵蓋非排他性的包含，從而使得包括一系列要素的過程、方法、商品或者設備不僅包括那些要素，而且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、商品或者設備所固有的要素。在沒有更多限制的情況下，由語句“包括一個......”限定的要素，並不排除在包括所述要素的過程、方法、商品或者設備中還存在另外的相同要素。
本領域技術人員應明白，本申請的實施例可提供為方法、系統或計算機程式產品。因此，本申請可採用完全硬
體實施例、完全軟體實施例或結合軟體和硬體方面的實施例的形式。而且，本申請可採用在一個或多個其中包含有計算機可用程式代碼的計算機可用儲存媒體(包括但不限於磁碟記憶體、CD-ROM、光學記憶體等)上實施的計算機程式產品的形式。
110:方法步驟
120:方法步驟
601:CPU
602:記憶體
603:非易失性記憶體
604:其他硬體
701:終點圖片生成單元
702:動畫展現單元
圖1是本申請實施例中一種在移動設備上動畫展現圖像的方法的流程圖； 圖2是本申請應用示例中一種走勢圖的終點圖片示例圖； 圖3是本申請應用示例中一種走勢圖展示動畫中各幀圖像序列的示意圖； 圖4是本申請應用示例中一種柱狀圖的終點圖片示例圖； 圖5是本申請應用示例中一種柱狀圖展示動畫中各幀圖像序列的示意圖； 圖6是移動設備的一種硬體結構圖； 圖7是本申請實施例中一種在移動設備上動畫展現圖像的裝置的邏輯結構圖。
Claims (14)
- 一種在移動設備之瀏覽器介面上動畫展現圖像的方法，其特徵在於，包括：在隱藏畫布上繪製最終展現的圖像，並將繪製完成的圖像保存為終點圖片；根據動畫效果確定變化的顯示參數；以一定的時間間隔，採用所述變化的顯示參數在動畫展現區域逐幀顯示該終點圖片的至少一部分，直到最終顯示該完整的終點圖片。
- 根據請求項1所述的方法，其中，該顯示參數包括：用於對終點圖片進行處理得到各幀圖像的終點圖片處理參數、和用於確定各幀圖像在動畫展現區域顯示位置的顯示位置參數；相鄰幀的終點圖片處理參數和顯示位置參數中至少有一個不相同。
- 根據請求項2所述的方法，其中，該顯示參數包括：顯示位置參數和根據動畫效果確定的每幀的截圖參數；所述以一定的時間間隔，逐幀採用變化的顯示參數在動畫展現區域顯示至少部分終點圖片，直到最終顯示終點圖片，包括：以一定的時間間隔，採用顯示位置參數，在動畫展現區域逐幀顯示根據該幀的截圖參數截取的部分終點圖片，直到最終顯示全部終點圖片。
- 根據請求項2所述的方法，其中，該顯示參數包括：根據動畫效果確定的每幀的顯示位置參數和截圖參數；所述以一定的時間間隔，逐幀採用變化的顯示參數在動畫展現區域顯示至少部分終點圖片，直到最終顯示終點圖片，包括：以一定的時間間隔，逐幀採用該幀的顯示位置參數，在動畫展現區域顯示根據該幀的截圖參數截取的部分終點圖片，直到最終顯示全部終點圖片。
- 根據請求項2所述的方法，其中，該顯示參數包括：顯示位置參數和根據動畫效果確定的每幀的壓縮參數；所述以一定的時間間隔，逐幀採用變化的顯示參數在動畫展現區域顯示至少部分終點圖片，直到最終顯示終點圖片，包括：以一定的時間間隔，採用顯示位置參數，在動畫展現區域逐幀顯示根據該幀的壓縮參數壓縮後的終點圖片，直到最終顯示匹配於動畫展現區域的終點圖片。
- 根據請求項1所述的方法，其中，該隱藏畫布與動畫展現區域的形狀及大小相同。
- 根據請求項1所述的方法，其中，該方法還包括：在保存終點圖片後，刪除隱藏畫布。
- 一種在移動設備之瀏覽器介面上動畫展現圖像的裝 置，其特徵在於，包括：終點圖片生成單元，用於在隱藏畫布上繪製最終展現的圖像，並將繪製完成的圖像保存為終點圖片；動畫展現單元，用於根據動畫效果確定變化的顯示參數，並且以一定的時間間隔，採用所述變化的顯示參數在動畫展現區域逐幀顯示該終點圖片的至少一部分，直到最終顯示該完整的終點圖片。
- 根據請求項8所述的裝置，其中，該顯示參數包括：用於對終點圖片進行處理得到各幀圖像的終點圖片處理參數、和用於確定各幀圖像在動畫展現區域顯示位置的顯示位置參數；相鄰幀的終點圖片處理參數和顯示位置參數中至少有一個不相同。
- 根據請求項9所述的裝置，其中，該顯示參數包括：顯示位置參數和根據動畫效果確定的每幀的截圖參數；該動畫展現單元具體用於：以一定的時間間隔，採用顯示位置參數，在動畫展現區域逐幀顯示根據該幀的截圖參數截取的部分終點圖片，直到最終顯示全部終點圖片。
- 根據請求項9所述的裝置，其中，該顯示參數包括：根據動畫效果確定的每幀的顯示位置參數和截圖參數；該動畫展現單元具體用於：以一定的時間間隔，逐幀採用該幀的顯示位置參數，在動畫展現區域顯示根據該幀 的截圖參數截取的部分終點圖片，直到最終顯示全部終點圖片。
- 根據請求項9所述的裝置，其中，該顯示參數包括：顯示位置參數和根據動畫效果確定的每幀的壓縮參數；該動畫展現單元具體用於：以一定的時間間隔，採用顯示位置參數，在動畫展現區域逐幀顯示根據該幀的壓縮參數壓縮後的終點圖片，直到最終顯示匹配於動畫展現區域的終點圖片。
- 根據請求項8所述的裝置，其中，該隱藏畫布與動畫展現區域的形狀及大小相同。
- 根據請求項8所述的裝置，其中，該裝置還包括：隱藏畫布刪除單元，用於在保存終點圖片後，刪除隱藏畫布。
Applications Claiming Priority (3)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| ??201610913050.8 | 2016-10-19 | ||
| CN201610913050.8 | 2016-10-19 | ||
| CN201610913050.8A CN107015788B (zh) | 2016-10-19 | 2016-10-19 | 在移动设备上动画展现图像的方法和装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| TW201816713A TW201816713A (zh) | 2018-05-01 |
| TWI686768B true TWI686768B (zh) | 2020-03-01 |
Family
ID=59439108
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| TW106130941A TWI686768B (zh) | 2016-10-19 | 2017-09-11 | 在移動設備上動畫展現圖像的方法和裝置 |
Country Status (9)
| Country | Link |
|---|---|
| US (1) | US10573053B2 (zh) |
| EP (1) | EP3531278A4 (zh) |
| JP (2) | JP2020500357A (zh) |
| KR (1) | KR102139439B1 (zh) |
| CN (1) | CN107015788B (zh) |
| PH (1) | PH12019500837A1 (zh) |
| SG (1) | SG11201903476UA (zh) |
| TW (1) | TWI686768B (zh) |
| WO (1) | WO2018072638A1 (zh) |
Families Citing this family (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107015788B (zh) * | 2016-10-19 | 2020-10-30 | 创新先进技术有限公司 | 在移动设备上动画展现图像的方法和装置 |
| CN107908341B (zh) * | 2017-09-30 | 2020-05-05 | 广州视睿电子科技有限公司 | 图像显示方法、***、计算机可读存储介质和计算机设备 |
| CN109829956A (zh) * | 2017-11-23 | 2019-05-31 | 腾讯科技（深圳）有限公司 | 数据显示方法、装置及电子设备 |
| CN110969683A (zh) * | 2018-09-30 | 2020-04-07 | 北京奇虎科技有限公司 | 一种动画生成方法、装置及电子设备 |
| CN109783102B (zh) * | 2019-01-18 | 2022-04-12 | 北京城市网邻信息技术有限公司 | 一种小程序中Canvas画布生成的方法、装置、设备和存储介质 |
| CN111192349B (zh) * | 2019-11-21 | 2024-02-20 | 深圳国匠云职业教育科技有限公司 | 一种发动机内燃运作的图像显示方法、***及终端 |
| CN111078345B (zh) * | 2019-12-18 | 2023-09-19 | 北京金山安全软件有限公司 | 一种图片展示效果确定方法、装置、电子设备及存储介质 |
| JP7180050B2 (ja) * | 2019-12-27 | 2022-11-30 | 株式会社覚王山総研 | 情報処理装置、情報処理方法およびプログラム |
| CN111273976A (zh) * | 2020-01-09 | 2020-06-12 | 北京金山安全软件有限公司 | 一种动画轮播方法及装置 |
| CN112435313A (zh) * | 2020-11-10 | 2021-03-02 | 北京百度网讯科技有限公司 | 播放帧动画的方法、装置、电子设备及可读存储介质 |
| CN113610947A (zh) * | 2021-08-09 | 2021-11-05 | 平安国际智慧城市科技股份有限公司 | 动画生成方法、装置、计算机设备及存储介质 |
| CN117115313B (zh) * | 2023-10-23 | 2024-02-02 | 成都工业学院 | 一种动画帧图像显示时间优化方法、***、终端及介质 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20100110081A1 (en) * | 2008-10-30 | 2010-05-06 | Microsoft Corporation | Software-aided creation of animated stories |
| US20120013621A1 (en) * | 2010-07-15 | 2012-01-19 | Miniclip SA | System and Method for Facilitating the Creation of Animated Presentations |
| US20130120439A1 (en) * | 2009-08-28 | 2013-05-16 | Jerry G. Harris | System and Method for Image Editing Using Visual Rewind Operation |
| US20140028685A1 (en) * | 2008-10-17 | 2014-01-30 | Marcos Weskamp | Generating customized effects for image presentation |
| US20140282124A1 (en) * | 2013-03-14 | 2014-09-18 | Microsoft Corporation | Staged animation of charts for data updates |
| CN105988762A (zh) * | 2015-02-10 | 2016-10-05 | 腾讯科技（深圳）有限公司 | 动画帧的显示方法、隐藏方法及装置 |
Family Cites Families (20)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2005303907A (ja) * | 2004-04-15 | 2005-10-27 | Fuji Photo Film Co Ltd | 画像編集装置，方法およびプログラム |
| JP3846488B2 (ja) * | 2004-05-10 | 2006-11-15 | セイコーエプソン株式会社 | 画像データ圧縮装置、エンコーダ、電子機器及び画像データ圧縮方法 |
| US8453148B1 (en) * | 2005-04-06 | 2013-05-28 | Teradici Corporation | Method and system for image sequence transfer scheduling and restricting the image sequence generation |
| EP1995961A4 (en) * | 2006-03-14 | 2012-08-15 | Sony Corp | IMAGE PROCESSING DEVICE AND METHOD |
| US20080055315A1 (en) * | 2006-09-05 | 2008-03-06 | Dale Ducharme | Method and System to Establish and Animate a Coordinate System for Content on a Display |
| JP2009151896A (ja) * | 2007-12-21 | 2009-07-09 | Sony Corp | 画像処理装置、動画再生装置、これらにおける処理方法およびプログラム |
| JP4623201B2 (ja) * | 2008-10-27 | 2011-02-02 | ソニー株式会社 | 画像処理装置、画像処理方法およびプログラム |
| JP2010244450A (ja) * | 2009-04-09 | 2010-10-28 | Yappa Corp | 画像処理装置及び画像処理方法 |
| CN102411791B (zh) * | 2010-09-19 | 2013-09-25 | 三星电子（中国）研发中心 | 一种静止图像动态化的方法和设备 |
| CN102903137B (zh) * | 2011-07-27 | 2016-09-21 | 腾讯科技（深圳）有限公司 | 动画播放方法及*** |
| CN103177465B (zh) * | 2011-12-26 | 2016-04-13 | 腾讯科技（深圳）有限公司 | 动画控制方法及*** |
| US20130263024A1 (en) * | 2012-01-20 | 2013-10-03 | Vistaprint Limited | Organizing and Recalling Website Commands in a Website Under Contruction |
| US9823810B2 (en) * | 2013-04-26 | 2017-11-21 | Samsung Electronics Co., Ltd. | Electronic system with interface modification mechanism and method of operation thereof |
| CN104967893B (zh) * | 2014-07-10 | 2019-03-29 | 腾讯科技（北京）有限公司 | 便携电子设备的视频生成方法和装置 |
| CN104123742A (zh) * | 2014-07-21 | 2014-10-29 | 徐才 | 一种将静态漫画图片转化为二维动画的方法和播放器 |
| CN105786417B (zh) * | 2014-12-19 | 2019-01-25 | 阿里巴巴集团控股有限公司 | 一种静态图片的动态显示方法、装置及设备 |
| CN105988793A (zh) * | 2015-02-11 | 2016-10-05 | 阿里巴巴集团控股有限公司 | 用于屏幕显示设备的图像展示方法及装置 |
| CN105138213A (zh) * | 2015-09-30 | 2015-12-09 | 天脉聚源（北京）科技有限公司 | 动态切换图片的方法和装置 |
| CN105719332B (zh) * | 2016-01-20 | 2019-02-19 | 阿里巴巴集团控股有限公司 | 色彩补间动画的实现方法和装置 |
| CN107015788B (zh) * | 2016-10-19 | 2020-10-30 | 创新先进技术有限公司 | 在移动设备上动画展现图像的方法和装置 |
-
2016
- 2016-10-19 CN CN201610913050.8A patent/CN107015788B/zh active Active
-
2017
- 2017-09-11 TW TW106130941A patent/TWI686768B/zh active
- 2017-10-12 KR KR1020197014230A patent/KR102139439B1/ko active IP Right Grant
- 2017-10-12 JP JP2019521097A patent/JP2020500357A/ja active Pending
- 2017-10-12 WO PCT/CN2017/105811 patent/WO2018072638A1/zh unknown
- 2017-10-12 EP EP17862403.7A patent/EP3531278A4/en not_active Withdrawn
- 2017-10-12 SG SG11201903476UA patent/SG11201903476UA/en unknown
-
2019
- 2019-04-16 PH PH12019500837A patent/PH12019500837A1/en unknown
- 2019-04-18 US US16/388,599 patent/US10573053B2/en active Active
-
2021
- 2021-06-24 JP JP2021104830A patent/JP2021157834A/ja active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140028685A1 (en) * | 2008-10-17 | 2014-01-30 | Marcos Weskamp | Generating customized effects for image presentation |
| US20100110081A1 (en) * | 2008-10-30 | 2010-05-06 | Microsoft Corporation | Software-aided creation of animated stories |
| US20130120439A1 (en) * | 2009-08-28 | 2013-05-16 | Jerry G. Harris | System and Method for Image Editing Using Visual Rewind Operation |
| US20120013621A1 (en) * | 2010-07-15 | 2012-01-19 | Miniclip SA | System and Method for Facilitating the Creation of Animated Presentations |
| US20140282124A1 (en) * | 2013-03-14 | 2014-09-18 | Microsoft Corporation | Staged animation of charts for data updates |
| CN105988762A (zh) * | 2015-02-10 | 2016-10-05 | 腾讯科技（深圳）有限公司 | 动画帧的显示方法、隐藏方法及装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| EP3531278A1 (en) | 2019-08-28 |
| KR20190071764A (ko) | 2019-06-24 |
| SG11201903476UA (en) | 2019-05-30 |
| PH12019500837B1 (en) | 2019-11-25 |
| US10573053B2 (en) | 2020-02-25 |
| JP2021157834A (ja) | 2021-10-07 |
| US20190251731A1 (en) | 2019-08-15 |
| WO2018072638A1 (zh) | 2018-04-26 |
| JP2020500357A (ja) | 2020-01-09 |
| KR102139439B1 (ko) | 2020-07-30 |
| EP3531278A4 (en) | 2019-10-23 |
| CN107015788A (zh) | 2017-08-04 |
| PH12019500837A1 (en) | 2019-11-25 |
| CN107015788B (zh) | 2020-10-30 |
| TW201816713A (zh) | 2018-05-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| TWI686768B (zh) | 在移動設備上動畫展現圖像的方法和裝置 | |
| EP3657327A1 (en) | Method for rendering game, and method, apparatus and device for generating game resource file | |
| JP6062438B2 (ja) | タイル単位レンダラーを用いてレイヤリングするシステムおよび方法 | |
| TWI697866B (zh) | 色彩補間動畫的實現方法和裝置 | |
| US20220139017A1 (en) | Layer composition method, electronic device, and storage medium | |
| JP6882992B2 (ja) | 動画像をプレビューする方法及びデバイス、並びに表現パッケージを表示する方法及びデバイス | |
| WO2017024964A1 (zh) | 一种物品关联图片快速预览的方法以及装置 | |
| US20120280991A1 (en) | Employing mesh files to animate transitions in client applications | |
| WO2019228013A1 (zh) | 在3d模型上展示富文本的方法、装置及设备 | |
| WO2018095253A1 (zh) | 图像互换格式图的制作方法和装置 | |
| CN107203434A (zh) | 一种纹理共享的方法、装置以及计算机可读存储介质 | |
| CN111968200A (zh) | 一种基于手绘视频的gif文件生成方法 | |
| US20110298816A1 (en) | Updating graphical display content | |
| CN111652024B (zh) | 一种人脸的显示、直播方法、装置、电子设备和存储介质 | |
| CN109829974B (zh) | 一种智能眼镜的三维图形自适应显示方法 | |
| US20230247262A1 (en) | Bullet-screen comment processing | |
| CN111107425B (zh) | 基于渲染组件元素获取计算资源的方法、***和存储介质 | |
| WO2022161199A1 (zh) | 图像编辑方法及设备 | |
| WO2023020124A1 (zh) | 数据处理方法、装置、计算设备和*** | |
| WO2023134537A1 (zh) | 分屏特效道具生成方法、装置、设备和介质 | |
| CN117197305A (zh) | 用于显示五官特效的方法、装置及计算机可读介质 | |
| CN115857778A (zh) | 页面生成方法和装置 | |
| CN117520677A (zh) | 对三维模型预览的方法、预览装置、电子设备及存储介质 |