一種新型圖片內(nèi)容展示的方法及系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本申請涉及圖片編輯應(yīng)用技術(shù)領(lǐng)域，具體地說，涉及一種新型圖片內(nèi)容展示的方法及系統(tǒng)。
【背景技術(shù)】
[0002]隨著移動互聯(lián)網(wǎng)技術(shù)的成熟，基于移動終端進(jìn)行移動閱讀的形式逐漸融入到人們的生活中，而動漫作為閱讀內(nèi)容的一部分也備受讀者歡迎。然而，無論是基于移動終端還是PC端，讀者所閱讀到的動漫內(nèi)容只是一些簡單的圖片顯示，顯示內(nèi)容單一、效果平平，讀者對動漫中人物的交流內(nèi)容順序理解起來較為困難。
[0003]目前，現(xiàn)有技術(shù)CN201110449490.X中，公開了一種漫畫對白處理系統(tǒng)和處理方法。該技術(shù)主要是針對漫畫中對白無法修改提出的一種解決方案，并不能真正解決本發(fā)明所要解決的針對漫畫中顯示內(nèi)容的根據(jù)顯示時(shí)間順序進(jìn)行動態(tài)展示的問題。
[0004]因此，需要一種新的漫畫或圖片的形式和內(nèi)容，可以使用戶在利用移動終端或電腦進(jìn)行漫畫或圖片閱讀時(shí)，可以看到更豐富，更精彩，更多樣化的內(nèi)容。

【發(fā)明內(nèi)容】

[0005]有鑒于此，本申請所要解決的技術(shù)問題是提供了一種新型圖片內(nèi)容展示的方法及系統(tǒng)，使動漫中的每個(gè)圖片及各圖片中可變化的元素能夠根據(jù)動漫所包含事件發(fā)生的時(shí)間順序進(jìn)行播放，從而使讀者閱讀到的動漫內(nèi)容更為精彩豐富。
[0006]為了解決上述技術(shù)問題，本申請有如下技術(shù)方案:
[0007]本發(fā)明提供一種新型圖片內(nèi)容展示的方法，包括:
[0008]觸發(fā)器處理步驟:對漫畫中每個(gè)圖片及各圖片中的元素進(jìn)行處理，根據(jù)漫畫展現(xiàn)在載體中可視區(qū)的位置，將各個(gè)圖片中可變化的元素分別賦予一觸發(fā)器；
[0009]變化處理步驟:根據(jù)圖片所包含事件發(fā)生的時(shí)間順序，對圖片中可變化的元素進(jìn)行編碼，控制其動作及聲音；
[0010]素材整合步驟:將經(jīng)過變化處理的圖片及圖片中的元素、以及用于實(shí)現(xiàn)圖片內(nèi)容展示的程序系統(tǒng)通過維護(hù)平臺放置于服務(wù)器系統(tǒng)與數(shù)據(jù)庫中，向客戶端發(fā)放；
[0011]圖片讀取步驟:從漫畫的頂部或左端加載漫畫圖片及其動態(tài)的元素；
[0012]圖片展示步驟:根據(jù)瀏覽者的外部控制信號，判斷可視區(qū)內(nèi)漫畫位置的變化動態(tài)，觸發(fā)載體中可視區(qū)內(nèi)漫畫圖片內(nèi)動態(tài)的元素。
[0013]優(yōu)選地，其中，所述素材整合步驟中，將經(jīng)過變化處理的圖片及圖片中的元素、以及用于實(shí)現(xiàn)圖片內(nèi)容展示的程序系統(tǒng)通過維護(hù)平臺放置于服務(wù)器系統(tǒng)與數(shù)據(jù)庫中，向客戶端發(fā)放，進(jìn)一步為:
[0014]將經(jīng)過變化處理的圖片及圖片中的元素、以及用于實(shí)現(xiàn)圖片內(nèi)容展示的程序系統(tǒng)通過維護(hù)平臺放置于服務(wù)器系統(tǒng)與數(shù)據(jù)庫中，以HTML5網(wǎng)頁與CSS3動畫的方式向各種客戶端發(fā)放。
[0015]優(yōu)選地，其中，所述素材整合步驟中，將經(jīng)過變化處理的圖片及圖片中的元素、以及用于實(shí)現(xiàn)圖片內(nèi)容展示的程序系統(tǒng)通過維護(hù)平臺放置于服務(wù)器系統(tǒng)與數(shù)據(jù)庫中，向客戶端發(fā)放，進(jìn)一步為:
[0016]將經(jīng)過變化處理的圖片及圖片中的元素、以及用于實(shí)現(xiàn)圖片內(nèi)容展示的程序系統(tǒng)通過維護(hù)平臺放置于服務(wù)器系統(tǒng)與數(shù)據(jù)庫中，以原生安卓應(yīng)用或1S原生應(yīng)用的方式向各種客戶端發(fā)放。
[0017]優(yōu)選地，其中，所述圖片展示步驟中，所述瀏覽者的外部控制信號是上下左右的滑動信號、單擊雙擊的點(diǎn)擊信號、或上下的拖動信號。
[0018]優(yōu)選地，其中，所述圖片展示步驟中，所述瀏覽者的外部控制信號是控制漫畫自動播放的信號。
[0019]優(yōu)選地，其中，所述變化處理步驟中，所述圖片中可變化的元素包括:氣泡對話部分、描述聲音的音效字部分、可以動態(tài)顯示的圖像部分、以及各種對應(yīng)當(dāng)前可視區(qū)域內(nèi)發(fā)生的情節(jié)的音效。
[0020]本發(fā)明還提供一種新型圖片內(nèi)容展示的系統(tǒng)，包括:觸發(fā)器處理模塊、變化處理模塊、素材整合模塊、圖片讀取模塊以及圖片展示模塊；其中，
[0021]所述觸發(fā)器處理模塊，用于對漫畫中每個(gè)圖片及各圖片中的元素進(jìn)行處理，根據(jù)漫畫展現(xiàn)在載體中可視區(qū)的位置，將各個(gè)圖片中可變化的元素分別賦予一觸發(fā)器；
[0022]所述變化處理模塊，用于根據(jù)圖片所包含事件發(fā)生的時(shí)間順序，對圖片中可變化的元素進(jìn)行編碼，控制其動作及聲音；
[0023]所述素材整合模塊，用于將經(jīng)過變化處理的圖片及圖片中的元素、以及用于實(shí)現(xiàn)圖片內(nèi)容展示的程序系統(tǒng)通過維護(hù)平臺放置于服務(wù)器系統(tǒng)與數(shù)據(jù)庫中，向客戶端發(fā)放；
[0024]所述圖片讀取模塊，用于從漫畫的頂部或左端加載漫畫圖片及其動態(tài)的元素；
[0025]所述圖片展示模塊，用于根據(jù)瀏覽者的外部控制信號，判斷可視區(qū)內(nèi)漫畫位置的變化動態(tài)，觸發(fā)載體中可視區(qū)內(nèi)漫畫圖片內(nèi)動態(tài)的元素。
[0026]與現(xiàn)有技術(shù)相比，本申請所述的方法和系統(tǒng)，達(dá)到了如下效果:
[0027]第一，本發(fā)明所提供的新型圖片內(nèi)容展示的方法及系統(tǒng)，使動漫中的每個(gè)圖片及圖片中的元素能夠根據(jù)動漫所包含事件發(fā)生的時(shí)間順序進(jìn)行播放，從而使讀者閱讀到的動漫內(nèi)容更為精彩豐富。
[0028]第二，本發(fā)明所提供的新型圖片內(nèi)容展示的方法及系統(tǒng)，可根據(jù)閱讀者提供的外部控制信號進(jìn)行播放，瀏覽者可通過上下左右的滑動信號、單擊雙擊的點(diǎn)擊信號或上下的拖動信號控制漫畫根據(jù)信號逐頁播放，也可通過自動播放的信號控制漫畫自動播放，從而使得瀏覽者所閱讀的動漫的播放更加靈活。
[0029]第三，根據(jù)本發(fā)明所提供的新型圖片內(nèi)容展示的方法及系統(tǒng)對動漫進(jìn)行播放時(shí)，通過觸發(fā)器觸發(fā)隨時(shí)間順序變化的圖片、聲音、文字以及隨路徑出現(xiàn)、強(qiáng)調(diào)、消失的動作特效的一系列多媒體圖片集，從而能夠伴隨圖片變化、動作特效、聲音變化以及文字變化，使所閱讀的動漫內(nèi)容更加精彩豐富，使瀏覽者在看漫畫的過程中產(chǎn)生和漫畫的動態(tài)交互。
[0030]第四，本發(fā)明可優(yōu)選將漫畫內(nèi)容以HTML5網(wǎng)頁與CSS3動畫的方式向各種客戶端發(fā)放，這樣有利于適用于各種形式的設(shè)備和應(yīng)用快速搭載漫畫內(nèi)容。
【附圖說明】
[0031]此處所說明的附圖用來提供對本申請的進(jìn)一步理解，構(gòu)成本申請的一部分，本申請的示意性實(shí)施例及其說明用于解釋本申請，并不構(gòu)成對本申請的不當(dāng)限定。在附圖中:
[0032]圖1為本發(fā)明所述一種新型圖片內(nèi)容展示的方法的一種實(shí)施例的流程圖；
[0033]圖2為本發(fā)明漫畫圖片觸發(fā)前后變化對比示意圖。
【具體實(shí)施方式】
[0034]如在說明書及權(quán)利要求當(dāng)中使用了某些詞匯來指稱特定組件。本領(lǐng)域技術(shù)人員應(yīng)可理解，硬件制造商可能會用不同名詞來稱呼同一個(gè)組件。本說明書及權(quán)利要求并不以名稱的差異來作為區(qū)分組件的方式，而是以組件在功能上的差異來作為區(qū)分的準(zhǔn)則。如在通篇說明書及權(quán)利要求當(dāng)中所提及的“包含”為一開放式用語，故應(yīng)解釋成“包含但不限定于”?！按笾隆笔侵冈诳山邮盏恼`差范圍內(nèi)，本領(lǐng)域技術(shù)人員能夠在一定誤差范圍內(nèi)解決所述技術(shù)問題，基本達(dá)到所述技術(shù)效果。此外，“耦接”一詞在此包含任何直接及間接的電性耦接手段。因此，若文中描述一第一裝置耦接于一第二裝置，則代表所述第一裝置可直接電性耦接于所述第二裝置，或通過其他裝置或耦接手段間接地電性耦接至所述第二裝置。說明書后續(xù)描述為實(shí)施本申請的較佳實(shí)施方式，然所述描述乃以說明本申請的一般原則為目的，并非用以限定本申請的范圍。本申請的保護(hù)范圍當(dāng)視所附權(quán)利要求所界定者為準(zhǔn)。
[0035]參見圖1所示為本申請所述一種新型圖片內(nèi)容展示的方法的具體實(shí)施例，本實(shí)施例中所述方法包括以下步驟:
[0036]步驟101、觸發(fā)器處理步驟:對漫畫中每個(gè)圖片及各圖片中的元素進(jìn)行處理，根據(jù)漫畫展現(xiàn)在載體中可視區(qū)的位置，將各個(gè)圖片中可變化的元素分別賦予一觸發(fā)器；
[0037]步驟102、變化處理步驟:根據(jù)圖片所包含事件發(fā)生的時(shí)間順序，對圖片中可變化的元素進(jìn)行編碼，控制其動作及聲音；
[0038]步驟103、素材整合步驟:將經(jīng)過變化處理的圖片及圖片中的元素、以及用于實(shí)現(xiàn)圖片內(nèi)容展示的程序系統(tǒng)通過維護(hù)平臺放置于服務(wù)器系統(tǒng)與數(shù)據(jù)庫中，向客戶端發(fā)放；
[0039]步驟104、圖片讀取步驟:從漫畫的頂部或左端加載漫畫圖片及其動態(tài)的元素；
[0040]步驟105、圖片展示步驟:根據(jù)瀏覽者的外部控制信號，判斷可視區(qū)內(nèi)漫畫位置的變化動態(tài)，觸發(fā)載體中可視區(qū)內(nèi)漫畫圖片內(nèi)動態(tài)的元素。
[0041]上述方案中，漫畫產(chǎn)品在瀏覽設(shè)備中啟動時(shí)，會處于一個(gè)展現(xiàn)載體中，比如PC端的各種瀏覽器，移動端的瀏覽器應(yīng)用或者其他用于展現(xiàn)漫畫的應(yīng)用，這些展現(xiàn)載體都存在一個(gè)可視區(qū)域，播放時(shí)，漫畫加載于展現(xiàn)載體的可視區(qū)域內(nèi)，由漫畫頂部開始加載，隨著瀏覽者向下滾動或者向下滑動，系統(tǒng)判斷可視區(qū)域內(nèi)漫畫位置的變化動態(tài)的加載漫畫內(nèi)可制作成動態(tài)的部分，例如氣泡對話部分、描述聲音的音效字部分、一些可以動態(tài)顯示的圖像部分和各種對應(yīng)當(dāng)前可視區(qū)域內(nèi)發(fā)生的情節(jié)的音效，讓瀏覽者在看漫畫時(shí)產(chǎn)生和漫畫的動態(tài)交互。
[0042]進(jìn)一步地，步驟103中，將經(jīng)過變化處理的圖片及圖片中的元素、以及用于實(shí)現(xiàn)圖片內(nèi)容展示的程序系統(tǒng)通過維護(hù)平臺放置于服務(wù)器系統(tǒng)與數(shù)據(jù)庫中，向客戶端發(fā)放，進(jìn)一步為:將經(jīng)過變化處理的圖片及圖片