r>[0120] 在本發(fā)明的一種可選實施例中，步驟103還可以包括如下子步驟：
[0121] 子步驟S15,對扭曲圖片中位置重疊的像素點進行像素點疊加處理。
[0122] 在本發(fā)明實施例中，由于靜態(tài)圖片進行映射產生扭曲，在扭曲圖片中像素點較為 集中的區(qū)域，可能會產生像素點的位置重疊的情形。
[0123] 針對像素點的位置重疊的情形，本發(fā)明實施例可以進行像素點疊加處理。
[0124] 例如，若應用RGB色彩模式，則可以通過對像素點的紅（R)、綠（G)、藍（B)三個顏 色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的。
[0125] 當然，為了進一步減少計算量，也可以從疊加的像素點中選取一個像素點（如隨 機選取像素點、選取最后拷貝到該位置的像素點）作為該位置的像素點，還可以采用其他 方式選取該位置的像素點，本發(fā)明實施例對此不加以限制。
[0126] 在本發(fā)明的一種可選實施例中，步驟103還可以包括如下子步驟：
[0127] 子步驟S16,對扭曲圖片中的空白位置進行像素點插值處理。
[0128] 在本發(fā)明實施例中，由于靜態(tài)圖片進行映射產生扭曲，在扭曲圖片中像素點較為 稀疏的區(qū)域，可能會由某些像素點沒有被賦值（即沒有像素點映射到該位置，該位置的像 素點為原始狀態(tài)，如白色），產生空白位置的情形。
[0129] 針對扭曲圖片中的空白位置的情形，本發(fā)明實施例可以進行像素點插值處理，以 補全扭曲圖片。
[0130] 例如，對于沒有被賦值的像素點Px，選取距離它最近的已經(jīng)賦值的像素點Py(如 上方的像素點、下方的像素點、左側的像素點、右側的像素點等），將像素點Py的值賦給像 素點Px。
[0131] 在實際應用中，當參考點（如圖4所示的Cl)移動到某一個位置的時候，可以根據(jù) 參考點（如圖4所示的C1)的位置映射出一張扭曲圖片，隨著參考點（如圖4所示的C1) 移動到不同的位置，扭曲圖片也發(fā)生變化，扭曲圖片可以連續(xù)播放，從而形成動畫效果。
[0132] 如圖5A所示，若參考點（如圖4所示的C1)在特征點（如圖4所示的C0)的左側， 則特征圖像中整體可以往左側扭曲；圖5B所示，若參考點在特征點（如圖4所示的C0)的 右側，則特征圖像中整體可以往右側扭曲。
[0133] 進一步地，若參考點的位置根據(jù)指定的交互操作事件確定，則參考點可以從特征 點的位置出發(fā)，沿指定的交互操作事件對應的方向（如搖晃事件的搖晃方向、指向發(fā)生屏 幕點擊事件的方向）在特征點兩側分布，最終與特征點重合，則特征區(qū)域映射出的扭曲圖 片可以沿指定的交互操作事件對應的方向來回扭曲，產生抖動效果，并最終靜止。
[0134] 例如，如圖4所示，參考點C1沿著經(jīng)過重心點C0的X軸方向上做震蕩移動，參考 點C1每移動到一個位置就會生成一個扭曲圖片，扭曲圖片逐幀播放，可以產生如圖5A和圖 5B所示的特征區(qū)域內的圖像表現(xiàn)出左右震動的動態(tài)效果。
[0135] 步驟104,基于所述一幀或多幀扭曲圖片生成動態(tài)效果。
[0136] 需要說明的是，該動態(tài)效果可以在當前進行生成，也可以在后進行驅動，本發(fā)明實 施例對此不加以限制。
[0137] 在本發(fā)明的一種可選實施例中，步驟104可以包括如下子步驟：
[0138] 子步驟S21，采用所述靜態(tài)圖片和所述一幀或多幀扭曲圖片生成動態(tài)圖片。
[0139] 在本發(fā)明實施例中，可以保存一幀靜態(tài)圖片，以及，一幀或多幀包括該特征區(qū)域的 扭曲圖片，生成動態(tài)圖片，例如GIF。
[0140] 相對于傳統(tǒng)的GIF，由于減少了扭曲圖片以外的圖像數(shù)據(jù)的存儲，可以減少動態(tài)圖 片的體積大小。
[0141] 在本發(fā)明的一種可選實施例中，步驟104可以包括如下子步驟：
[0142] 子步驟S31，基于所述特征區(qū)域生成動態(tài)信息；
[0143] 動態(tài)信息可以為將靜態(tài)圖片的特征區(qū)域映射到一幀或多幀扭曲圖像的配置信息， 例如XML(ExtensibleMarkupLanguage，可擴展的標識語言）、json(JavascriptObject Notation，數(shù)據(jù)交換語言）等。
[0144] 以json設計的配置信息的示例可以如下：
[0145]
【主權項】
1. 一種基于靜態(tài)圖片生成動態(tài)效果的方法，包括： 在靜態(tài)圖片中選取特征區(qū)域；所述特征區(qū)域中具有特征點； 在所述特征區(qū)域中確定一個或多個參考點； 根據(jù)所述特征點和所述一個或多個參考點將所述靜態(tài)圖片的像素點映射到一帖或多 帖扭曲圖片中； 基于所述一帖或多帖扭曲圖片生成動態(tài)效果。
2. 如權利要求1所述的方法，其特征在于，所述特征區(qū)域包括凸區(qū)域，所述特征點包括 重屯、點。
3. 如權利要求1或2所述的方法，其特征在于，所述根據(jù)所述特征點和所述一個或多個 參考點將所述靜態(tài)圖片的像素點映射到一帖或多帖扭曲圖片中的步驟包括： 生成扭曲圖片； 將在所述特征區(qū)域中第一連線上的像素點映射到第二連線上； 將所述第二連線上的像素點拷貝到在所述扭曲圖片中的相同位置； 其中，所述第一連線為所述特征點與邊緣點之間的連線，所述第二連線為當前參考點 與邊緣點的連線，所述邊緣點為所述特征區(qū)域邊緣上的坐標點。
4. 如權利要求1-3任一項所述的方法，其特征在于，所述將在所述特征區(qū)域中第一連 線上的像素點映射到第二連線上的步驟包括： 計算在所述特征區(qū)域中第一連線上的像素點，在第一連線上的相對位置； 按照所述相對位置，將所述像素點拷貝到第二連線上。
5. 如權利要求1-4任一項所述的方法，其特征在于，所述根據(jù)所述特征點和所述一個 或多個參考點將所述靜態(tài)圖片的像素點映射到一帖或多帖扭曲圖片中的步驟還包括： 在所述特征區(qū)域外的像素點映射到在所述扭曲圖片中的相同位置。
6. 如權利要求1-5任一項所述的方法，其特征在于，所述根據(jù)所述特征點和所述一個 或多個參考點將所述靜態(tài)圖片的像素點映射到一帖或多帖扭曲圖片中的步驟還包括： 對扭曲圖片中位置重疊的像素點進行像素點疊加處理。
7. 如權利要求1-6任一項所述的方法，其特征在于，所述根據(jù)所述特征點和所述一個 或多個參考點將所述靜態(tài)圖片的像素點映射到一帖或多帖扭曲圖片中的步驟還包括： 對扭曲圖片中的空白位置進行像素點插值處理。
8. 如權利要求1-7任一項所述的方法，其特征在于，所述基于所述一帖或多帖扭曲圖 片生成動態(tài)效果的步驟包括： 采用所述靜態(tài)圖片和所述一帖或多帖扭曲圖片生成動態(tài)圖片。
9. 如權利要求1-8任一項所述的方法，其特征在于，所述基于所述一帖或多帖扭曲圖 片生成動態(tài)效果的步驟包括： 基于所述特征區(qū)域生成動態(tài)信息； 將所述動態(tài)信息和腳本對象寫入所述靜態(tài)圖片中，W生成動態(tài)交互文件。
10. -種基于靜態(tài)圖片生成動態(tài)效果的裝置，包括： 選取模塊，適于在靜態(tài)圖片中選取特征區(qū)域；所述特征區(qū)域中具有特征點； 確定模塊，適于在所述特征區(qū)域中確定一個或多個參考點； 映射模塊，適于根據(jù)所述特征點和所述一個或多個參考點將所述靜態(tài)圖片的像素點映 射到一帖或多帖扭曲圖片中； 生成模塊，適于基于所述一帖或多帖扭曲圖片生成動態(tài)效果。
【專利摘要】本發(fā)明實施例提供了一種基于靜態(tài)圖片生成動態(tài)效果的方法和裝置，所述方法包括：在靜態(tài)圖片中選取特征區(qū)域；所述特征區(qū)域中具有特征點；在所述特征區(qū)域中確定一個或多個參考點；根據(jù)所述特征點和所述一個或多個參考點將所述靜態(tài)圖片的像素點映射到一幀或多幀扭曲圖片中；基于所述一幀或多幀扭曲圖片生成動態(tài)效果。本發(fā)明實施例計算簡單、無需依賴第三方開發(fā)包、庫文件或者工具，渲染生成速度快，對資源消耗少，容易跨平臺。
【IPC分類】G06F9-44, G06T13-00
【公開號】CN104574473
【申請?zhí)枴緾N201410854768
【發(fā)明人】苗廣藝, 唐雨, 胡金輝
【申請人】北京奇虎科技有限公司, 奇智軟件（北京）有限公司
【公開日】2015年4月29日
【申請日】2014年12月31日