一種動畫展示方法及裝置與流程

2023-07-31 06:11:51

本發明涉及網際網路應用技術領域，特別涉及一種動畫展示方法及裝置。

背景技術：

隨著網際網路技術的發展，人們從網際網路上可以獲得的信息越來越豐富，由於動畫能呈現給人們豐富、有趣的畫面和內容，越來越多的人們喜歡在網上看動畫。網際網路中的動畫以各種各樣的形式呈現給用戶，如flash動畫，flash可以包含簡單的動畫、視頻內容、複雜演示文稿或應用程式等。然而，隨著終端技術的發展，如何在終端的屏幕上展示動畫成為亟待解決的問題。

技術實現要素：

本發明提供一種動畫展示方法及裝置，用以實現在終端的屏幕上靈活地展示動畫的目的。

本發明提供一種動畫展示方法，包括：

接收在終端的屏幕上展示預設對象的動畫的指令；

調起指定類中的第一方法，由所述第一方法實現在所述屏幕上展示所述預設對象的關聯對象的第一動畫；

調起所述指定類中的第二方法，由所述第二方法實現在所述屏幕上展示所述關聯對象的第二動畫；

調起所述指定類中的第三方法，由所述第三方法實現在所述屏幕上展示所述預設對象的動畫。

在本發明一實施例中，由所述第一方法實現在所述屏幕上展示所述預設對象的關聯對象的第一動畫，包括：

在所述第一方法中設置所述關聯對象的第一動畫的相關參數；

基於所述關聯對象的第一動畫的相關參數，由所述第一方法實現在所述屏幕上展示所述預設對象的關聯對象的第一動畫。

在本發明一實施例中，所述關聯對象的第一動畫的相關參數包括下列至少之一：縱向起始位置、縱向終點位置、上升時長、透明度變化率。

在本發明一實施例中，由所述第二方法實現在所述屏幕上展示所述關聯對象的第二動畫，包括：

在所述第二方法中設置所述關聯對象的第二動畫的相關參數；

基於所述關聯對象的第二動畫的相關參數，由所述第二方法實現在所述屏幕上展示所述關聯對象的第二動畫。

在本發明一實施例中，所述關聯對象的第二動畫的相關參數包括下列至少之一：橫向起始位置、橫向終點位置、橫向關鍵路徑。

在本發明一實施例中，由所述第三方法實現在所述屏幕上展示所述預設對象的動畫，包括：

在所述第三方法中設置所述預設對象的動畫的相關參數；

基於所述預設對象的動畫的相關參數，由所述第三方法實現在所述屏幕上展示所述預設對象的動畫。

在本發明一實施例中，所述預設對象的動畫的相關參數包括下列至少之一：橫向起始位置、橫向終點位置、縱向關鍵路徑。

本發明還提供一種動畫展示裝置，包括：

指令接收模塊，用於接收在終端的屏幕上展示預設對象的動畫的指令；

第一展示模塊，用於調起指定類中的第一方法，由所述第一方法實現在所述屏幕上展示所述預設對象的關聯對象的第一動畫；

第二展示模塊，用於調起所述指定類中的第二方法，由所述第二方法實現在所述屏幕上展示所述關聯對象的第二動畫；

第三展示模塊，用於調起所述指定類中的第三方法，由所述第三方法實現在所述屏幕上展示所述預設對象的動畫。

在本發明一實施例中，所述第一展示模塊還用於：

在所述第一方法中設置所述關聯對象的第一動畫的相關參數；

基於所述關聯對象的第一動畫的相關參數，由所述第一方法實現在所述屏幕上展示所述預設對象的關聯對象的第一動畫。

在本發明一實施例中，所述關聯對象的第一動畫的相關參數包括下列至少之一：縱向起始位置、縱向終點位置、上升時長、透明度變化率。

在本發明一實施例中，所述第二展示模塊還用於：

在所述第二方法中設置所述關聯對象的第二動畫的相關參數；

基於所述關聯對象的第二動畫的相關參數，由所述第二方法實現在所述屏幕上展示所述關聯對象的第二動畫。

在本發明一實施例中，所述關聯對象的第二動畫的相關參數包括下列至少之一：橫向起始位置、橫向終點位置、橫向關鍵路徑。

在本發明一實施例中，所述第三展示模塊還用於：

在所述第三方法中設置所述預設對象的動畫的相關參數；

基於所述預設對象的動畫的相關參數，由所述第三方法實現在所述屏幕上展示所述預設對象的動畫。

在本發明一實施例中，所述預設對象的動畫的相關參數包括下列至少之一：橫向起始位置、橫向終點位置、縱向關鍵路徑。

在本發明實施例中，接收在終端的屏幕上展示預設對象的動畫的指令；調起指定類中的第一方法，由所述第一方法實現在所述屏幕上展示所述預設對象的關聯對象的第一動畫；調起所述指定類中的第二方法，由所述第二方法實現在所述屏幕上展示所述關聯對象的第二動畫；調起所述指定類中的第三方法，由所述第三方法實現在所述屏幕上展示所述預設對象的動畫。由此可見，本發明實施例能夠實現在終端的屏幕上靈活地展示動畫的目的。

本發明的其它特徵和優點將在隨後的說明書中闡述，並且，部分地從說明書中變得顯而易見，或者通過實施本發明而了解。本發明的目的和其他優點可通過在所寫的說明書、權利要求書、以及附圖中所特別指出的結構來實現和獲得。

下面通過附圖和實施例，對本發明的技術方案做進一步的詳細描述。

附圖說明

附圖用來提供對本發明的進一步理解，並且構成說明書的一部分，與本發明的實施例一起用於解釋本發明，並不構成對本發明的限制。在附圖中：

圖1所示為本發明一實施例中動畫展示方法的流程圖；

圖2所示為本發明另一實施例中動畫展示方法的流程圖；以及

圖3所示為本發明一實施例中動畫展示裝置的結構示意圖。

具體實施方式

以下結合附圖對本發明的優選實施例進行說明，應當理解，此處所描述的優選實施例僅用於說明和解釋本發明，並不用於限定本發明。

如圖1所示為本發明一實施例中動畫展示方法的流程圖，該方法可以應用在電腦、手機等終端上，該方法可以包括以下步驟S11-S14。

步驟S11，接收在終端的屏幕上展示預設對象的動畫的指令。

在該步驟中，預設對象可以是船等，本發明不限於此。

步驟S12，調起指定類中的第一方法，由第一方法實現在屏幕上展示預設對象的關聯對象的第一動畫。

在該步驟中，指定類可以是CABasicAnimation類，在該類中定義第一方法來實現在屏幕上展示預設對象的關聯對象的第一動畫。具體地，在第一方法中設置關聯對象的第一動畫的相關參數，進而基於關聯對象的第一動畫的相關參數，由第一方法實現在屏幕上展示預設對象的關聯對象的第一動畫。這裡，關聯對象的第一動畫的相關參數可以包括縱向起始位置、縱向終點位置、上升時長、透明度變化率，等等。例如，當預設對象為船時，其關聯對象可以是水，第一方法可以實現水從屏幕底部上升到屏幕中間的過程。

在本發明的可選實施例中，為了實現水波浪的陰影效果，可以有兩個第一方法，一個第一方法中的顏色參數是藍色，另一個第一方法中的顏色參數是灰色，且兩個第一方法的波浪位置略微錯開。

步驟S13，調起指定類中的第二方法，由第二方法實現在屏幕上展示關聯對象的第二動畫。

在該步驟中，可以在CABasicAnimation類中定義第二方法來實現在屏幕上展示預設對象的關聯對象的第二動畫。具體地，在第二方法中設置關聯對象的第二動畫的相關參數，進而基於關聯對象的第二動畫的相關參數，由第二方法實現在屏幕上展示預設對象的關聯對象的第二動畫。這裡，關聯對象的第二動畫的相關參數可以包括橫向起始位置、橫向終點位置、橫向關鍵路徑，等等。例如，當預設對象為船時，其關聯對象可以是水，第二方法可以實現水從起點位置移動到終點位置後原路向回移動，實現波浪左右移動的效果。

在本發明的可選實施例中，為了實現波浪的陰影效果，也可以有兩個第二方法，一個第二方法中的顏色參數是藍色，另一個第二方法中的顏色參數是灰色，且兩個第二方法的波浪位置略微錯開。

步驟S14，調起指定類中的第三方法，由第三方法實現在屏幕上展示預設對象的動畫。

在該步驟中，可以在CABasicAnimation類中定義第三方法來實現在屏幕上展示預設對象的動畫。具體地，在第三方法中設置預設對象的動畫的相關參數，進而基於預設對象的動畫的相關參數，由第三方法實現在屏幕上展示預設對象的動畫。這裡，預設對象的動畫的相關參數可以包括橫向起始位置、橫向終點位置、縱向關鍵路徑，等等。例如，當預設對象為船時，其關聯對象可以是水，第三方法可以實現船從起點位置移動到終點位置後原路向回移動，實現船左右移動的效果。

在本發明實施例中，接收在終端的屏幕上展示預設對象的動畫的指令；調起指定類中的第一方法，由所述第一方法實現在所述屏幕上展示所述預設對象的關聯對象的第一動畫；調起所述指定類中的第二方法，由所述第二方法實現在所述屏幕上展示所述關聯對象的第二動畫；調起所述指定類中的第三方法，由所述第三方法實現在所述屏幕上展示所述預設對象的動畫。由此可見，本發明實施例能夠實現在終端的屏幕上靈活地展示動畫的目的。

下面通過一具體實施例來詳細介紹本發明的動畫展示方法的實現過程。如圖2所示為本發明另一實施例中動畫展示方法的流程圖，該方法可以應用在電腦、手機等終端上，該方法可以包括以下步驟S21-S26。

步驟S21，獲取終端系統中的CABasicAnimation類。

在該步驟中，使用Layer Animation實現動畫，使用CABasicAnimation類實現水以及波浪的效果。

步驟S22，在CABasicAnimation類中定義第一方法、第二方法以及第三方法實現各自對象的動畫的相關參數。

在該步驟中，第一方法實現在屏幕上展示預設對象的關聯對象的第一動畫；第二方法實現在屏幕上展示關聯對象的第二動畫；第三方法實現在屏幕上展示預設對象的動畫。

步驟S23，接收在終端的屏幕上展示預設對象的動畫的指令。

在該步驟中，預設對象可以是船，其關聯對象為水。

步驟S24，調起CABasicAnimation類中的第一方法，基於預設對象的關聯對象的第一動畫的相關參數，由第一方法實現在屏幕上展示預設對象的關聯對象的第一動畫。

在該步驟中，第一方法可以是cabasic animation1，可以設置該第一方法的縱向起始位置、縱向終點位置、上升時長、透明度變化率等參數。這些參數實現水從起點到終點緩慢上升且逐漸透明的過程。該第一方法實現了水從屏幕底部上升到屏幕中間的過程。

在本發明的可選實施例中，為了實現水波浪的陰影效果，可以有兩個第一方法cabasic animation1，一個第一方法中的顏色參數是藍色，另一個第一方法中的顏色參數是灰色，且兩個第一方法的波浪位置略微錯開。

步驟S25，調起CABasicAnimation類中的第二方法，基於預設對象的關聯對象的第二動畫的相關參數，由第二方法實現在屏幕上展示預設對象的關聯對象的第二動畫。

在該步驟中，第二方法可以是cabasic animation2，當水上升到終點位置時，cabasic animation1結束，觸發cabasic animation2方法。cabasic animation2，起點位置(x軸方向，屏幕左側邊，可以超出屏幕)，終點位置(屏幕右側邊，大於屏幕寬度)，關鍵路徑(x軸方向)。水從起點位置移動到終點位置後原路向回移動，實現波浪左右移動的效果。

在本發明的可選實施例中，為了實現水波浪的陰影效果，可以有兩個第二方法cabasic animation2，一個第二方法中的顏色參數是藍色，另一個第二方法中的顏色參數是灰色，且兩個第二方法的波浪位置略微錯開。

步驟S26，調起CABasicAnimation類中的第三方法，基於預設對象的動畫的相關參數，由第三方法實現在屏幕上展示預設對象的動畫。

在該步驟中，第三方法可以是cabasic animation3，當水上升到終點時，觸發船的第三方法，cabasic animation3起點位置和終點位置與cabasic animation2的起點和終點相同。關鍵路徑，y軸方向最高點和最低點，最高點到最低點的時長，x軸方向起點到終點的總時長，重複指定次數，當到達終點後不移除圖層，還要原路返回，直至滿足總的執行時長時，再移除所有圖層。

需要說明的是，在實際應用中，上述所有可選實施方式可以採用結合的方式任意組合，形成本發明的可選實施例，在此不再一一贅述。

對應於上述實施例中的動畫展示方法，本發明還提供一種動畫展示裝置。如圖3所示為本發明一實施例中動畫展示裝置的結構示意圖，包括：

指令接收模塊31，用於接收在終端的屏幕上展示預設對象的動畫的指令；

第一展示模塊32，用於調起指定類中的第一方法，由所述第一方法實現在所述屏幕上展示所述預設對象的關聯對象的第一動畫；

第二展示模塊33，用於調起所述指定類中的第二方法，由所述第二方法實現在所述屏幕上展示所述關聯對象的第二動畫；

第三展示模塊34，用於調起所述指定類中的第三方法，由所述第三方法實現在所述屏幕上展示所述預設對象的動畫。

在本發明一實施例中，上述第一展示模塊32還用於：

在所述第一方法中設置所述關聯對象的第一動畫的相關參數；

基於所述關聯對象的第一動畫的相關參數，由所述第一方法實現在所述屏幕上展示所述預設對象的關聯對象的第一動畫。

在本發明一實施例中，所述關聯對象的第一動畫的相關參數包括下列至少之一：縱向起始位置、縱向終點位置、上升時長、透明度變化率。

在本發明一實施例中，上述第二展示模塊33還用於：

在所述第二方法中設置所述關聯對象的第二動畫的相關參數；

基於所述關聯對象的第二動畫的相關參數，由所述第二方法實現在所述屏幕上展示所述關聯對象的第二動畫。

在本發明一實施例中，所述關聯對象的第二動畫的相關參數包括下列至少之一：橫向起始位置、橫向終點位置、橫向關鍵路徑。

在本發明一實施例中，上述第三展示模塊34還用於：

在所述第三方法中設置所述預設對象的動畫的相關參數；

基於所述預設對象的動畫的相關參數，由所述第三方法實現在所述屏幕上展示所述預設對象的動畫。

在本發明一實施例中，所述預設對象的動畫的相關參數包括下列至少之一：橫向起始位置、橫向終點位置、縱向關鍵路徑。

本發明實施例的上述裝置：接收在終端的屏幕上展示預設對象的動畫的指令；調起指定類中的第一方法，由所述第一方法實現在所述屏幕上展示所述預設對象的關聯對象的第一動畫；調起所述指定類中的第二方法，由所述第二方法實現在所述屏幕上展示所述關聯對象的第二動畫；調起所述指定類中的第三方法，由所述第三方法實現在所述屏幕上展示所述預設對象的動畫。由此可見，本發明實施例能夠實現在終端的屏幕上靈活地展示動畫的目的。

本領域內的技術人員應明白，本發明的實施例可提供為方法、系統、或電腦程式產品。因此，本發明可採用完全硬體實施例、完全軟體實施例、或結合軟體和硬體方面的實施例的形式。而且，本發明可採用在一個或多個其中包含有計算機可用程序代碼的計算機可用存儲介質(包括但不限於磁碟存儲器和光學存儲器等)上實施的電腦程式產品的形式。

本發明是參照根據本發明實施例的方法、設備(系統)、和電腦程式產品的流程圖和/或方框圖來描述的。應理解可由電腦程式指令實現流程圖和/或方框圖中的每一流程和/或方框、以及流程圖和/或方框圖中的流程和/或方框的結合。可提供這些電腦程式指令到通用計算機、專用計算機、嵌入式處理機或其他可編程數據處理設備的處理器以產生一個機器，使得通過計算機或其他可編程數據處理設備的處理器執行的指令產生用於實現在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的裝置。

這些電腦程式指令也可存儲在能引導計算機或其他可編程數據處理設備以特定方式工作的計算機可讀存儲器中，使得存儲在該計算機可讀存儲器中的指令產生包括指令裝置的製造品，該指令裝置實現在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能。

這些電腦程式指令也可裝載到計算機或其他可編程數據處理設備上，使得在計算機或其他可編程設備上執行一系列操作步驟以產生計算機實現的處理，從而在計算機或其他可編程設備上執行的指令提供用於實現在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的步驟。

顯然，本領域的技術人員可以對本發明進行各種改動和變型而不脫離本發明的精神和範圍。這樣，倘若本發明的這些修改和變型屬於本發明權利要求及其等同技術的範圍之內，則本發明也意圖包含這些改動和變型在內。