專利名稱：動畫的圖片編輯方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種動畫的圖片編輯方法，特別是關(guān)于一種由多個組 件組合成為 一 種造型圖樣的動畫的圖片編輯方法。
背景技術(shù)：
計算機動畫是計算機圖形技術(shù)和藝術(shù)相結(jié)合的產(chǎn)物，提供了人們 一個充分展示個人想象力和藝術(shù)才能的新天地。目前，計算機動畫 已經(jīng)廣泛應(yīng)用于影視特技、商業(yè)廣告、游戲、計算機輔助教育等領(lǐng) 域。隨著計算機硬件及動畫軟件的迅速發(fā)展，以及越來越多的研究 機構(gòu)及商業(yè)機構(gòu)加入到計算機動畫領(lǐng)域，計算機動畫的制作水平也 隨之日新月異。
圖1為公知技術(shù)的動畫制作示意圖。圖l表示一個人從圖的左邊 坐在椅子上的動作到圖的右邊離開椅子站立的連續(xù)動作，從椅子起 身站立的動作是由四個分解動作的圖片構(gòu)成的。四個分解動作的圖
片是單獨繪制成四幀(frame)圖片，再依序連續(xù)播放這四幀圖片從而 形成從椅子起身站立的動畫。
由上可知，一個動畫是由數(shù)幀具有分解動作的圖片依序連續(xù)播放 來完成，而每幀圖片需采用人工繪制方式逐一完成，這種繪制方式 將耗費許多人力及時間。另外，像播放游戲軟件的動畫， 一般必須 事先繪制完成并將各種動作圖片的數(shù)據(jù)儲存到硬盤等存儲裝置中， 但是在以動畫方式播放這些儲存在存儲裝置內(nèi)的圖片時，由于配合 游戲的需要僅有 一 小部分儲存的圖片會被播放，但仍舊需要大量的 圖片數(shù)據(jù)以供備用，如此大量的圖片數(shù)據(jù)將增加計算機存儲裝置容 量的負擔(dān)。
有時為了簡化動畫繪制，會將已繪制完成的數(shù)幀圖片合成為 一 幀
5圖片，再將合成后的圖片播放出來。在圖片合成的過程中，圖片中 對象重疊的部分對于顏色的處理是將各對象的顏色以疊色的方式計 算出疊色后的顏色，而這種疊色后的顏色就是各對象重疊部分的顏 色。但這種疊色方式所產(chǎn)生的顏色會有混沌暗沉的問題，造成顏色 失真的現(xiàn)象。

發(fā)明內(nèi)容
本發(fā)明的目的在于提供一種動畫的圖片編輯方法，利用組件來組
合圖樣的方式來完成一幀圖片，以節(jié)省人工繪制的人力及時間；另 外，只需繪制需要播放動畫的數(shù)幀圖片，不需繪制不播放動畫的圖 片，以減輕計算機存儲裝置容量的負擔(dān)；并且，圖片中對象重疊部 分的顏色處理是采用換色方式，以解決因疊色方式所產(chǎn)生的顏色失 真問題。
本發(fā)明的第一實施例，提供了一種動畫的圖片編輯方法，利用計 算機的繪圖引擎編輯造型圖樣的多幀分解動作的圖片，該圖片編輯 方法包括下列步驟首先，選定一個參考視角；接著，設(shè)定圖片的 參考坐標(biāo)；然后，在該計算機的一個數(shù)據(jù)庫中讀出用以組合該造型 圖樣的多個組件的數(shù)據(jù)，這些組件的數(shù)據(jù)為每一組件的形狀、顏色、 灰階值及坐標(biāo)偏移量等；其次，由該繪圖引擎計算每一組件的坐標(biāo) 偏移量及圖片的參考坐標(biāo)，以得到每一組件在圖片中的位置；再次， 由該繪圖引擎根據(jù)該參考視角決定每一組件在圖片中的組合關(guān)系； 以及，由該繪圖引擎根據(jù)每一組件的形狀、顏色、灰階值及在圖片 中的位置及組合關(guān)系等來組合該多個組件以完成該造型圖樣的圖 片。
在第一實施例中，圖片編輯方法還包括下列步驟由繪圖引擎根 據(jù)每 一 組件的顏色及灰階值產(chǎn)生每 一 組件的具有明暗度的顏色。
在第一實施例的圖片編輯方法中，建立一個顏色選單，用于設(shè)定 組件的顏色，由該繪圖引擎根據(jù)組件的顏色及灰階值，使組件產(chǎn)生 具有明暗度的顏色。在第 一 實施例的圖片編輯方法中，在數(shù)據(jù)庫中建立具有明暗度的 各種顏色的色標(biāo)，由該繪圖引擎才艮據(jù)組件的顏色及灰階值在凄t據(jù)庫 中讀出相應(yīng)的色標(biāo)，使組件依照此色標(biāo)產(chǎn)生具有明暗度的顏色。
在第一實施例的圖片編輯方法中，還包含下列步驟建立一個組 件選單，以選定用來組合該造型圖樣的組件。
在第 一 實施例的圖片編輯方法中，由該組件選單選定名大附加在該 造型圖樣上的組件，其組件的數(shù)據(jù)為組件的形狀、顏色、灰階值及 坐標(biāo)偏移量等；接著，由該繪圖引擎計算所選定的組件的坐標(biāo)偏移 量及圖片的參考坐標(biāo)，以得到所選定的組件在該造型圖樣中的位置； 以及，由該繪圖引擎計算所選定組件的顏色及灰階值，以產(chǎn)生所選 定組件的具有明暗度的顏色。
在第一實施例中，圖片編輯方法還包含下列步驟首先，建立一 個動畫數(shù)據(jù)選單；接著，對應(yīng)該動畫數(shù)據(jù)選單中的每一動畫，在該 數(shù)據(jù)庫中建立此動畫的每 一 分解動作圖片的數(shù)據(jù)，此圖片的數(shù)據(jù)包 含該參考視角、圖片的參考坐標(biāo)及用來組合對應(yīng)該造型圖樣的當(dāng)前 分解動作等組件的數(shù)據(jù)，這些組件的數(shù)據(jù)為每一組件的形狀、顏色、
灰階值及坐標(biāo)偏移量等；然后，由該繪圖引擎計算每一組件的坐標(biāo) 偏移量及圖片的參考坐標(biāo)，以得到每一組件在圖片中的位置；再次， 由該繪圖引擎根據(jù)圖片的參考視角決定每一組件在圖片中的組合關(guān) 系；以及，由該繪圖引擎根據(jù)每一組件的形狀、顏色、灰階值、在 圖片中的位置及組合關(guān)系等來組合完成對應(yīng)每一分解動作的造型圖 樣的圖片。
在第一實施例中，圖片編輯方法還包含下列步驟由一個編輯預(yù) 覽窗口播放該造型圖樣的多幀分解動作的圖片。
在第一實施例的圖片編輯方法中，每一組件都是以像素(pixel)為 單位來繪制。
在第一實施例的圖片編輯方法中，每一組件是一張圖層，根據(jù)每 一組件的組合關(guān)系依序地層疊每一組件而成為該圖片。
在本發(fā)明第二實施例中，提供了一種動畫的圖片編輯方法，是利用服務(wù)器的繪圖引擎編輯一種造型圖樣的多幀分解動作的圖片，該
圖片編輯方法包括下列步驟首先，在該服務(wù)器的數(shù)據(jù)庫中建立與 該計算機的數(shù)據(jù)庫中該造型圖樣所要編輯成動畫的分解動作的多幀 圖片的相同數(shù)據(jù)，此圖片的數(shù)據(jù)包含該參考視角、圖片的參考坐標(biāo) 及用以組合對應(yīng)該造型圖樣的當(dāng)前分解動作多個組件的數(shù)據(jù)，這些 組件的數(shù)據(jù)為每一組件的形狀、顏色、灰階值及坐標(biāo)偏移量等；接 著，計算機將該造型圖樣的數(shù)據(jù)、組件選單中所選定組件的數(shù)據(jù)、 顏色選單中所選定顏色的數(shù)據(jù)及動畫數(shù)據(jù)選單中所選定動畫的數(shù)據(jù) 中的至少一個通過網(wǎng)絡(luò)傳送至服務(wù)器；其次，服務(wù)器根據(jù)計算機所
傳送的數(shù)據(jù)在服務(wù)器的數(shù)據(jù)庫中讀取出相同的數(shù)據(jù)；接著，由繪圖 引擎計算每一組件的坐標(biāo)偏移量及圖片的參考坐標(biāo)，以得到每一組
件在圖片中的位置；然后，由繪圖引擎根據(jù)圖片的參考視角決定每 一組件在圖片中的組合關(guān)系；再次，由繪圖引擎根據(jù)每一組件的形 狀、顏色、灰階值、在圖片中的位置及組合關(guān)系等組合完成對應(yīng)每 一分解動作的造型圖樣的圖片；接著，將對應(yīng)每一分解動作的圖片 所組合完成的動畫數(shù)據(jù)存放在服務(wù)器指定的位置，并由服務(wù)器生成 對應(yīng)此位置的網(wǎng)址；其次，服務(wù)器通過網(wǎng)絡(luò)傳送該網(wǎng)址至計算機；以及， 由計算機通過網(wǎng)絡(luò)利用瀏覽器或瀏覽工具軟件根據(jù)該網(wǎng)址瀏覽在該服 務(wù)器上所存放的動畫，此動畫與造型圖樣所選定的動畫相同。
在第二實施例的圖片編輯方法中，在數(shù)據(jù)庫中建立具有明暗度的 各種顏色的色標(biāo)，由該繪圖引擎根據(jù)組件的顏色及灰階值在數(shù)據(jù)庫 中讀出相對應(yīng)的色標(biāo)，使組件依照此色標(biāo)產(chǎn)生具有明暗度的顏色。
在第二實施例的圖片編輯方法中，每一組件都是以像素為單位來 繪制。
在第二實施例的圖片編輯方法中，每一組件都是一張圖層，根據(jù) 每一組件的組合關(guān)系依序地層疊每一組件而成為該圖片。


圖1為公知技術(shù)的動畫制作的示意圖；圖2為本發(fā)明第一實施例的動畫編輯方法的流程圖3為本發(fā)明第一實施例的圖片中人偶造型的編輯畫面的示意
圖4為本發(fā)明第一實施例人偶造型的圖片編輯方法的流程圖； 圖5為本發(fā)明第一實施例由八個視角觀看人偶造型的示意圖； 圖6為本發(fā)明第一實施例依序選出每一組件來組成人偶造型的 示意圖7為本發(fā)明第一實施例在造型圖樣附加組件的示意圖； 圖8為本發(fā)明第一實施例在造型圖樣附加組件的示意圖； 圖9為本發(fā)明第一實施例在造型圖樣附加組件的示意圖； 圖10為本發(fā)明第一實施例由八個視角觀看具有造型的人偶造型 的示意圖11為本發(fā)明第一實施例人偶造型的動畫編輯畫面的示意圖12為本發(fā)明第一實施例的動畫建立的流程圖13A為本發(fā)明第一實施例人偶造型對應(yīng)每一動作的手臂及手 的組件的示意圖13B為本發(fā)明第一實施例具有造型的人偶造型對應(yīng)每一動作 的手臂及手的組件的示意圖14A為本發(fā)明第一實施例說明人偶造型產(chǎn)生跳躍動作的圖片 編輯方法的示意圖14B為本發(fā)明第一實施例說明人偶造型產(chǎn)生跳躍動作的圖片 編輯方法的示意圖14C為本發(fā)明第一實施例說明人偶造型產(chǎn)生花束向上拿動作 的圖片編輯方法的示意圖15為本發(fā)明第二實施例的動畫編輯方法的流程圖。
主要組件符號說明 30 編4專畫面 32 組件選單
933 動畫數(shù)據(jù)選單
34 顏色選單
36 編輯預(yù)覽窗口
37 組件
38 人偶造型
具體實施例方式
下面參考附圖來說明本發(fā)明的較佳實施例。
為了清楚地了解本發(fā)明的特征，先說明部分名詞的定義，以方便 閱讀本發(fā)明以下所迷的各個實施例。
r像素」構(gòu)成計算機所顯示的點的單位。
r灰階值」表示像素的明暗效果的數(shù)值，例如為亮白、淺灰、 深灰或暗黑等對應(yīng)的數(shù)值。
r色標(biāo)」表示具有明暗效果的顏色，即一種顏色對應(yīng)不同的灰 階值而產(chǎn)生出不同明暗度的顏色，例如亮黃、淺黃、深黃或暗黃等。
r組件」將造型圖樣以關(guān)節(jié)為切割點來分成各個組件，例如人 物圖樣的頭、手、手腕、臀部等。以像素為單位繪制組件，并且按 照各個組件的灰階值填入各自的明暗度，以形成三維效果的組件圖。
r圖層」包含有一個組件或特效的圖樣，圖樣邊緣以外的范圍 為透明，類似一般在透明片中繪制圖樣的方式。
r圖片」由多張圖層按照預(yù)先編輯指定的順序，由下而上(即 最下層至最上層)堆疊合成，由上方的圖層蓋住下方圖層的不透明且 重疊的部分，然后由各個組件的多張圖層組合成 一 幀造型圖樣的圖 片。
r動畫數(shù)據(jù)」由多幀圖片連續(xù)播》文而組成。例如有01-08的八 幀已編號的造型圖樣的圖片，以每幀圖片為0.12秒的速度播放，以 錯覺原理讓人看到彷佛是動畫。將這些編號所使用的圖片(圖片中包 含圖層及組件，組件中的明暗與色標(biāo)數(shù)據(jù))及秒數(shù)以數(shù)據(jù)的方式記錄 在數(shù)據(jù)庫中。r動畫」由動畫數(shù)據(jù)所組成，依據(jù)所記錄的動畫凄t據(jù)讀出組成 動畫的每幀圖片，并依據(jù)所指定的時間差快速播放，以形成動畫效 果。
本發(fā)明以下所述的各個實施例造型圖樣的各個組件是使用 一 種 像素畫(pixel arts)計算機繪圖的繪圖方式，像素畫的單位為像素 (pixel),常應(yīng)用于手機或個人數(shù)字助理(PDA)上所看到由點所構(gòu)成的 圖像，如同瓷磚馬賽克般一塊一塊地組合而成各組件。
這種繪圖方式，在垂直或水平繪制時，由一點一點的像素連續(xù)地 組成為直線；若為斜線或圓形繪制時，則由一點一點的像素所連續(xù) 地組成的線條會呈現(xiàn)鋸齒狀。
如上所述，利用像素畫計算機繪圖所繪制的造型圖樣在手機或 PDA的屏幕上會呈現(xiàn)出圖案或圖標(biāo)的部分邊緣有鋸齒狀線條。此種 繪圖方式所繪制的造型圖樣在手機或PDA的小型液晶屏幕上表現(xiàn)出 更好的銳利明快的感覺。而本發(fā)明各實施例的參考附圖中，造型圖 樣的邊緣出現(xiàn)像素鋸齒狀的線條，這是將造型圖樣直接放大所造成 的結(jié)果。
圖2為本發(fā)明第 一 實施例的動畫編輯方法的流程圖。第 一 實施例 的動畫圖片編輯方法是利用計算機(未在圖中標(biāo)明)的繪圖引擎編輯 圖片中的造型圖樣(本發(fā)明以下所述的實施例中的圖片中造型圖樣是 以人偶為例)的多幀分解動作的圖片，再以連續(xù)播放該造型圖樣的多 幀圖片的方式來形成動畫。
在圖2中，首先編輯圖片中人偶圖樣的造型圖樣(步驟S20)，如 圖3為本發(fā)明第一實施例圖片中的人偶造型編輯畫面的示意圖，在 計算機的編輯畫面30中有一組件選單32、 一顏色選單34及一編輯 預(yù)覽窗口 36，可以選擇組件選單32中的組件37以組合成編輯預(yù)覽 窗口 36中的人偶造型38，而組件選單32中的每一組件37以圖層的 形式已預(yù)先建立于計算機的數(shù)據(jù)庫(未在圖中標(biāo)明)中。對于人偶造型 38的編輯方法可如圖4示出的根據(jù)本發(fā)明第一實施例的人偶造型的 圖片編輯方法流程圖。在圖4中，首先，選定一個參考視角(步驟S40),其為選定在編 輯預(yù)覽窗口 36中以何角度觀看人偶造型38，如圖5為本發(fā)明第一實 施例由八個^L角X見看人偶造型的示意圖。然而，本實施例所示的由 八個視角來觀看人偶造型38并非局限于本發(fā)明，可依動畫設(shè)計者的 設(shè)計來決定觀看人偶造型38的視角的數(shù)目。
接著，將用來編輯人偶造型38的圖片設(shè)定參考坐標(biāo)(步驟S41), 使組成人偶造型38的每一組件37可依圖片的參考坐標(biāo)決定在圖片 中的位置。例如設(shè)定圖片的中心點為參考坐標(biāo)，組件37就可根據(jù)此 圖片的中心點來決定位置。
其次，在組件選單32中依序選出組成人偶造型38的每一組件 37,如圖6為本發(fā)明第一實施例的依序選出每一組件來組成人偶造 型的示意圖，其中，在組件選單32中所顯示的每一組件37是相應(yīng) 于所選定的參考視角的組件37,并且為圖層形式的組件37。
在圖6中，在數(shù)據(jù)庫中預(yù)先存放頭、眼睛、嘴巴、身體、左手臂、 左手、右手臂、右手、左腿及右腿的每一組件的數(shù)據(jù)，而在編輯預(yù) 覽窗口 36中所預(yù)覽的人偶造型是由繪圖引擎直接編輯而成，不需編 輯者再做人偶造型的編輯。
由圖3中的組件選單32選擇組件37時，從數(shù)據(jù)庫中讀出對應(yīng)于 所選擇的組件37的數(shù)據(jù)，此組件37的數(shù)據(jù)為每一組件的形狀、顏 色、灰階值及坐標(biāo)偏移量等(步驟S42)。
接著，在圖4中，由計算機的繪圖引擎計算每一組件37的坐標(biāo) 偏移量及圖片的參考坐標(biāo)，得到每一組件37在圖片中的位置(步驟 S43)。例如上述以圖片的中心點為參考坐標(biāo)，組件37以左移或右移 數(shù)個位移值，或者上移或下移數(shù)個位移值，繪圖引擎根據(jù)中心點的 參考坐標(biāo)、移動方向及位移值便可計算出組件37在圖片中的位置， 如圖3的編輯預(yù)覽窗口 36中的人偶造型所示。其中，組件37是以 圖層形式疊合于圖片中。
然后，在圖4中，繪圖引擎根據(jù)每一組件37的顏色及灰階值從 數(shù)據(jù)庫中讀出相對應(yīng)的色標(biāo)，通過該色標(biāo)對應(yīng)每一組件的具有明暗度的顏色(步驟S44)。如圖3所示，組件37的顏色可以在編輯畫面 30的顏色選單34挑選，所挑選的顏色設(shè)定為組件37的顏色，并根 據(jù)已預(yù)先設(shè)定于該組件37的灰階值，由繪圖引擎據(jù)此在數(shù)據(jù)庫中讀 出新的色標(biāo)，使得組件37根據(jù)新的色標(biāo)產(chǎn)生具有明暗度的所挑選的 顏色。這種組件的顏色變換形式是以所挑選的顏色替換原來的顏色， 所以不會產(chǎn)生顏色失真的情況。
其次，在圖4中，由繪圖引擎根據(jù)參考視角決定每一組件在圖片 中的組合關(guān)系(步驟S45)。如圖5為根據(jù)本發(fā)明第一實施例所示，以 右上方視角為例，繪圖引擎定出各組件的上下層的圖層關(guān)系如下 右手臂為最底層的組件、右手為次最底層的組件、依序組合組件的 順序為右腿、左腿臂、左腿、上身、頭、眼睛及嘴巴等。各組件之 間有重疊的部分，將上層圖層的組件覆蓋下層圖層的組件的重疊部 分。
再次，在圖4中，由繪圖引擎根據(jù)上述每一組件的形狀、顏色、 灰階值及在圖片中的位置及組合關(guān)系等組合，由每一組件組合完成 在圖3的編輯預(yù)覽窗口 36所示人偶造型38的圖片(步驟S46)。
編輯完成人偶造型38的圖片后，若要觀看不同視角的人偶造型 38,繪圖引擎由數(shù)據(jù)庫讀出對應(yīng)該視角的每一組件37，再通過上述 編輯方法中的步驟S43至步驟S46組合完成不同視角人偶造型38的 圖片，如圖5所示。
再次參考圖2的流程圖，根據(jù)編輯畫面的組件選單中的組件編輯 人偶造型的造型(步驟S22)。由每一組件37組合而成在圖3的編輯 預(yù)覽窗口 36所示的人偶造型38，其可再附加有創(chuàng)意造型的組件，而 使人偶造型38的造型更具有創(chuàng)意或美感，如圖7至9為本發(fā)明第一 實施例在造型圖樣附加組件的示意圖。圖7至9中所附加的組件37 是已預(yù)先建立在數(shù)據(jù)庫中，可由圖片編輯者任意地選取。圖7至9 中所示的組件37為圖層形式。
在圖7中，選擇組件選單32中的草莓頭作為圖3的人偶造型38 頭飾的組件37,而草莓頭的組件37與人偶造型38的組合方法是依
13圖4的步驟S42至步驟S46來組合完成的。
在圖2中，根據(jù)編輯畫面的顏色選單中的顏色設(shè)定人偶造型的顏 色(步驟S24)。在圖8中，選擇組件選單32中的拉拉隊衣服與鞋子 作為圖7的人偶造型38的上身與左右腿的組件37,而拉拉隊衣服與 鞋子的組件37與人偶造型38的組合方法是同樣依圖4的步驟S42 至步驟S46來組合完成的。
本發(fā)明是以顏色的換色方式來取代公知技術(shù)的疊色方式，即動畫 編輯者在任意更改組件的顏色時，如在顏色選單34中任意選擇一個 顏色以變換拉拉隊衣服預(yù)先設(shè)定的顏色，由繪圖引擎根據(jù)所選定的 顏色與拉拉隊衣服的組件37的灰階值在數(shù)據(jù)庫中讀出相對應(yīng)的新的 色標(biāo)，并依新的色標(biāo)產(chǎn)生出具有明暗度的新的顏色以取代原來的顏 色，而使拉拉隊衣服原來的顏色換色為所選擇的顏色。
在圖9中，選擇組件選單32中的仙女棒作為附加于圖8的人偶 造型38的右手的組件37，而仙女棒的組件37與人偶造型38的組合 方法是同樣依圖4的步驟S42至步驟S46組合的。如圖3、圖7 9 等各圖所示，通過上述流程圖所說明的步驟來完成一幀具有一造型 的人偶造型的圖片。
編輯完成一幀具有一造型的人偶造型38的圖片后，若要觀看不 同視角的人偶造型38(包含附加的組件)，繪圖引擎由數(shù)據(jù)庫讀出相 應(yīng)的該視角的每一組件37，例如圖10為本發(fā)明第一實施例的由八個 視角觀看具有一造型的人偶造型的示意圖，再通過上述圖4編輯方 法的步驟S43至步驟S46來組合完成不同視角的具有一造型的人偶 造型38圖片。
再次參考圖2,在圖11示出的根據(jù)本發(fā)明第一實施例的人偶造 型的動畫編輯畫面示意圖中，可在編輯畫面30的動畫數(shù)據(jù)選單33 中選定人偶造型的動畫(步驟S26)。編輯人偶造型的動畫編輯方法可 如圖12示出的根據(jù)本發(fā)明第一實施例的動畫建立的流程圖。
在圖12中，首先在數(shù)據(jù)庫中建立一個動畫數(shù)據(jù)選單33(步驟 S1200)，并將該動畫資沖牛選單33顯示于圖11的編輯畫面30中，以
14供圖片編輯者選用。
接著，對應(yīng)動畫數(shù)據(jù)選單33中的每一動畫，在^:據(jù)庫中建立此 動畫的每一分解動作的圖片的數(shù)據(jù)，此圖片的數(shù)據(jù)包含參考視角、 圖片的參考坐標(biāo)及用以組合對應(yīng)該造型圖樣的當(dāng)前分解動作的這些 組件的數(shù)據(jù)(步驟S1202)。
如圖13A所示的本發(fā)明第一實施例的人偶造型對應(yīng)每一動作的 手臂及手的組件的示意圖，人偶造型在組合數(shù)據(jù)庫中有不同形狀的 手臂及手的組件，以組成通過手臂及手產(chǎn)生不同動作的人偶造型。
當(dāng)人偶造型在附加有其它組件的造型時，如圖13B所示的本發(fā)
明第一實施例的具有一造型的人偶造型對應(yīng)每一動作的手臂及手的 組件的示意圖，同樣地該人偶造型在組合數(shù)據(jù)庫中有不同形狀的手 臂及手的組件，以組成由手臂及手來產(chǎn)生不同動作的人偶造型。
在數(shù)據(jù)庫中建立的圖13A及13B中的組件的數(shù)據(jù)同樣為每一組 件的形狀、顏色及灰階值及坐標(biāo)偏移量等。
然后，由繪圖引擎根據(jù)所選定的動畫編輯數(shù)幀圖片，而這些圖片 是人偶造型的分解動作的圖片(步驟S1204),如此，再由編輯預(yù)覽窗 口連續(xù)播放人偶造型的分解動作的數(shù)幀圖片便可觀看所選定的動 畫。
圖14A和14B為本發(fā)明第一實施例說明人偶造型產(chǎn)生跳躍動作 的圖片編輯方法的示意圖。在圖14A中，由繪圖引擎將向前平舉動 作的右手臂及右手的組件取代左圖中人偶造型的下垂的右手臂及右 手的組件，并將向前彎曲動作的右腿的組件取代左圖中人偶造型的 垂直向下動作的右腿的組件，以產(chǎn)生右圖中右手臂向前平舉及右腿 向前彎曲的動作的人偶造型。在圖14B中，由繪圖引擎將向左平舉 動作的左手臂及左手的組件取代左圖中人偶造型下垂的左手臂及左 手的組件，并將向后彎曲動作的左腿的組件取代左圖中人偶造型的 垂直向下動作的左腿的組件，以產(chǎn)生右圖中左手臂向左平舉及左腿 向后彎曲的動作的人偶造型。
圖14A及14B中將對應(yīng)所選定的動作的組件取代人偶造型的組件的編輯方法如同圖4的步驟S42至步驟S46所描述，在此不再贅 述。
然后，根據(jù)圖2所示的流程圖，由編輯預(yù)覽窗口連續(xù)播放圖14A 左圖與右圖以及圖14B右圖的人偶造型的多幀分解動作的圖片(步驟 S28),便可看到人偶造型的跳躍動作的動畫。
同樣地，在附加有特殊造型的人偶造型也可編輯動畫，如圖14C 為本發(fā)明第 一 實施例說明人偶造型產(chǎn)生花束向上拿動作的圖片編輯 方法的示意圖，由繪圖引擎將向右平舉動作的右手臂及右手的組件 取代左圖中人偶造型的下垂的右手臂及右手的組件，并將向上拿花 束的組件取代左圖中人偶造型的向前平拿花束的組件，以產(chǎn)生右圖 中右手臂向右平舉的動作的人偶造型。
在圖14C中將對應(yīng)所選定動作的組件取代人偶造型的組件的編 輯方法如同圖4步驟S42至步驟S46所描述，在此不再贅述。
然后，再根據(jù)圖2中所示的流程圖，由編輯預(yù)覽窗口連續(xù)播放圖 14C左圖與右圖的人偶造型的多幀分解動作的圖片(步驟S28),便可 看到人偶造型向右上拿起花束的動畫。
綜上所述，根據(jù)本發(fā)明第一實施例，只要預(yù)先在數(shù)據(jù)庫中建立組 合造型圖樣的組件，產(chǎn)生動畫的數(shù)幀圖片是由繪圖引擎以多個組件 組合成造型圖樣的方式來分別完成，不需要以人工方式繪制動畫的 分解動作的各個圖片，大大地節(jié)省人工繪制的人力及時間。
另外，在動畫數(shù)據(jù)選單中任意選擇造型圖樣的動畫，只需由繪圖 引擎繪制所選擇的動畫的圖片，不需繪制動畫數(shù)據(jù)選單中未選擇的 其它動畫圖片，因此不需要制作大量的動畫圖片存放在計算機的存 儲裝置內(nèi)，可以減輕計算機存儲裝置容量的負擔(dān)。
圖15為本發(fā)明第二實施例的動畫編輯方法的流程圖。本實施例 的動畫編輯方法是利用服務(wù)器(未在圖中標(biāo)明)的繪圖引擎編輯人偶 造型及其動畫。
在圖15第二實施例的動畫編輯方法的流程圖中，首先在服務(wù)器 的數(shù)據(jù)庫中建立與計算機的數(shù)據(jù)庫中相同的數(shù)據(jù)，這些數(shù)據(jù)是人偶造型所要編輯成動畫的分解動作的圖片的數(shù)據(jù)(步驟S1500)。這些圖
片的數(shù)據(jù)包含參考視角、圖片的參考坐標(biāo)及用來組合對應(yīng)造型圖樣 的當(dāng)前分解動作的多個組件的數(shù)據(jù)，這些組件的數(shù)據(jù)包括每一組件 的形狀、顏色及灰階值及坐標(biāo)偏移量等。
接著，參考第一實施例，將計算機的編輯畫面的編輯預(yù)覽窗口中 人偶造型的數(shù)據(jù)、組件選單中所選定組件的數(shù)據(jù)、顏色選單中所選 定顏色的數(shù)據(jù)及動畫數(shù)據(jù)選單中選定人偶造型的動畫的數(shù)據(jù)中的至
少一個通過網(wǎng)絡(luò)傳送至服務(wù)器(步驟S1502)。
服務(wù)器根據(jù)上述計算機傳送的數(shù)據(jù)，在服務(wù)器的數(shù)據(jù)庫中讀取出 相同的數(shù)據(jù)(步驟S1504)。服務(wù)器根據(jù)所讀取出的數(shù)據(jù)進行圖片編輯 (步驟S1506)。其中，利用服務(wù)器的繪圖引擎來編輯人偶造型的圖片 編輯方法是根據(jù)上述第一實施例的圖4的步驟S40至步驟S46的描 述來完成的。
在第二實施例中，當(dāng)服務(wù)器根據(jù)所傳送的組件的數(shù)據(jù)將所選定組 件附加于人偶造型上時，其編輯方法是根據(jù)上述第一實施例圖2的 步驟S22的描述來完成的。此時，在服務(wù)器編輯附加有組件的人偶 造型與第 一 實施例中計算機的編輯預(yù)覽窗口所瀏覽的附加有組件的 人偶造型相同。
同樣地，在第二實施例中，當(dāng)服務(wù)器根據(jù)所傳送的顏色的數(shù)據(jù)來 將所選定顏色改變?nèi)伺荚煨蜕系慕M件顏色時，其編輯方法是根據(jù)上 述第一實施例的圖2的步驟S24的描述來完成的。此時，在服務(wù)器 改變組件顏色的人偶造型與第 一 實施例中計算機的編輯預(yù)覽窗口顯 示所瀏覽的改變組件顏色的人偶造型相同。
接著，在步驟S1506的編輯步驟后，將組合完成的具有數(shù)幀分解 動作的人偶造型圖片的動畫#1據(jù)以例如GIF文件或SWF文件等其它 已知的動畫格式的圖檔形式存放在服務(wù)器所指定的位置，并由服務(wù) 器生成對應(yīng)此位置的網(wǎng)址(步驟1508)。
然后，由月l務(wù)器通過網(wǎng)絡(luò)傳送此網(wǎng)址至計算才幾(步驟1510)。在由 計算機通過因特網(wǎng)利用瀏覽器或瀏覽工具軟件根據(jù)此網(wǎng)址瀏覽在服務(wù)器上所存放的動畫(步驟1512),此動畫與計算機的編輯預(yù)覽窗口 所編輯預(yù)覽的造型圖樣的動畫相同。根據(jù)此網(wǎng)址，可通過任何計算
機利用網(wǎng)頁瀏覽器來瀏覽經(jīng)編輯人偶圖樣的動畫。
綜上所述，根據(jù)本發(fā)明第二實施例，只要預(yù)先在服務(wù)器的數(shù)據(jù)庫 中建立組合造型圖樣的組件，對于產(chǎn)生動畫的數(shù)幀圖片是由服務(wù)器 的繪圖引擎以多個組件組合成造型圖樣的方式而分別完成，不需要 以人工方式繪制動畫的分解動作的各個圖片，大大地節(jié)省人工繪制 的人力及時間。
此外，對于計算機的動畫數(shù)據(jù)選單中任意選擇造型圖樣的動作， 只需將所選定的動畫數(shù)據(jù)傳送至服務(wù)器，而由服務(wù)器的繪圖引擎繪 制所選擇的動畫的圖片，計算機可瀏覽在服務(wù)器所編輯完成的圖樣 造型的動畫，而計算機不需存放此動畫的數(shù)據(jù)，這樣可以減輕計算 機存儲裝置容量的負擔(dān)。并且，由于通過因特網(wǎng)傳送的只是動畫數(shù) 據(jù)，大大的節(jié)省了網(wǎng)絡(luò)頻寬。
并且，在圖片中各組件在造型圖樣中的顏色做變換處理是采用換 色方式，由服務(wù)器的繪圖引擎根據(jù)組件欲變換的顏色與灰階值而在 數(shù)據(jù)庫讀出新的色標(biāo)，依照新的色標(biāo)將所變換的顏色在組件上顯示， 以解決公知技術(shù)因疊色方式所產(chǎn)生的顏色失真的問題。
雖然本發(fā)明已參照較佳具體例及舉例性附圖敘述如上，但本發(fā)明
省略及變化，均不離開本發(fā)明的范圍。
18
權(quán)利要求
1. 一種動畫的圖片編輯方法，利用計算機的繪圖引擎編輯一造型圖樣的多幀分解動作的圖片，該圖片編輯方法包括下列步驟選定一個參考視角；設(shè)定圖片的參考坐標(biāo)；在該計算機的數(shù)據(jù)庫中讀出用來組合該造型圖樣的各個組件的數(shù)據(jù)，各個組件的數(shù)據(jù)包括每一組件的形狀、顏色、灰階值及坐標(biāo)偏移量；由該繪圖引擎計算每一組件的坐標(biāo)偏移量及圖片的參考坐標(biāo)，得到每一組件在圖片中的位置；由該繪圖引擎根據(jù)該參考視角決定每一組件在圖片中的組合關(guān)系；以及由該繪圖引擎根據(jù)每一組件的形狀、顏色、灰階值及在圖片中的位置及組合關(guān)系來組合該各個組件以完成該造型圖樣的圖片。
2. 如權(quán)利要求1所述的圖片編輯方法，還包含下列步驟由該繪圖引擎根據(jù)每一組件的顏色及灰階值產(chǎn)生每一組件的具 有明暗度的顏色。
3. 如;K利要求2所述的圖片編輯方法，建立一個顏色選單，以 設(shè)定組件的顏色，由該繪圖引擎根據(jù)組件的顏色及灰階值，使組件 產(chǎn)生具有明暗度的顏色。
4. 如權(quán)利要求2或3所述的圖片編輯方法，在數(shù)據(jù)庫中建立具 有明暗度的各種顏色的色標(biāo)，由該繪圖引擎根據(jù)組件的顏色及灰階 值在數(shù)據(jù)庫中讀出相應(yīng)的色標(biāo)，使組件依照此色標(biāo)產(chǎn)生具有明暗度 的顏色。
5. 如權(quán)利要求1所述的圖片編輯方法，還包含下列步驟 建立一個組件選單，以選定用來組合該造型圖樣的組件。
6. 如權(quán)利要求5所述的圖片編輯方法，由該組件選單選定附加在該造型圖樣上的組件，其組件的數(shù)據(jù)包括組件的形狀、顏色、灰階值及坐標(biāo)偏移量；由該繪圖引擎計算所選定組件的坐標(biāo)偏移量及圖片的參考坐標(biāo)， 以得到所選定組件在該造型圖樣中的位置；以及由該繪圖引擎計算所選定組件的顏色及灰階值，以產(chǎn)生所選定組 件的具有明暗度的顏色。
7. 如權(quán)利要求1所述的圖片編輯方法，還包含下列步驟 建立一個動畫數(shù)據(jù)選單；對應(yīng)該動畫數(shù)據(jù)選單中的每 一 動畫，在該數(shù)據(jù)庫中建立此動畫的 每一分解動作的圖片的數(shù)據(jù)，此圖片的數(shù)據(jù)包含該參考視角、圖片的參考坐標(biāo)及用以組合對應(yīng)該造型圖樣的當(dāng)前分解動作的各個組件 的數(shù)據(jù)，各個組件的數(shù)據(jù)包括每一組件的形狀、顏色及灰階值及坐 標(biāo)偏移量；由該繪圖引擎計算每一組件的坐標(biāo)偏移量及圖片的參考坐標(biāo)，得 到每一組件在圖片中的位置；由該繪圖引擎根據(jù)圖片的參考視角決定每一組件在圖片中的組 合關(guān)系；以及由該繪圖引擎根據(jù)每一組件的形狀、顏色、灰階值、在圖片中的 位置及組合關(guān)系組合完成對應(yīng)每一分解動作的造型圖樣的圖片。
8. 如權(quán)利要求1所述的圖片編輯方法，還包含下列步驟 由 一編輯預(yù)覽窗口播放該造型圖樣的多幀分解動作的圖片。
9. 如權(quán)利要求1所述的圖片編輯方法，每一組件是以像素為單 位來繪制的。
10. 如權(quán)利要求1所述的圖片編輯方法，每一組件是一張圖層， 根據(jù)每一組件的組合關(guān)系依序地層疊每一組件而形成該圖片。
11. 一種動畫的圖片編輯方法，利用服務(wù)器的一種繪圖引擎編輯 一種造型圖樣的多幀分解動作的圖片，該圖片編輯方法包括下列步 驟在該服務(wù)器的數(shù)據(jù)庫中建立相同于該計算機的數(shù)據(jù)庫中該造型 圖樣所要編輯成動畫的分解動作的多幀圖片的數(shù)據(jù)，此圖片的數(shù)據(jù)包含該參考視角、圖片的參考坐標(biāo)及用以組合對應(yīng)該造型圖樣的當(dāng) 前分解動作的各個組件的數(shù)據(jù)，各個組件的數(shù)據(jù)包括每 一 組件的形狀、顏色及灰階值及坐標(biāo)偏移量；由該計算機將該造型圖樣的數(shù)據(jù)、組件選單中所選定組件的數(shù) 據(jù)、顏色選單中所選定顏色的數(shù)據(jù)及動畫數(shù)據(jù)選單中所選定動畫的 數(shù)據(jù)中的至少一個通過網(wǎng)絡(luò)傳送至該服務(wù)器；由該服務(wù)器根據(jù)該計算機所傳送的數(shù)據(jù)在該服務(wù)器的數(shù)據(jù)庫中 讀取出相同的數(shù)據(jù)；由該繪圖引擎計算每一組件的坐標(biāo)偏移量及圖片的參考坐標(biāo)，得 到每一組件在圖片中的位置；由該繪圖引擎根據(jù)圖片的參考視角決定每一組件在圖片中的組 合關(guān)系；由該繪圖引擎根據(jù)每一組件的形狀、顏色、灰階值、在圖片中的 位置及組合關(guān)系組合完成對應(yīng)每一分解動作的造型圖樣的圖片；組合完成的圖片的動畫數(shù)據(jù)存放在該服務(wù)器所指定的位置，并由 該服務(wù)器生成對應(yīng)此位置的網(wǎng)址；由該服務(wù)器通過網(wǎng)絡(luò)傳送該網(wǎng)址至該計算才幾；以及由該計算機通過網(wǎng)絡(luò)利用瀏覽器或瀏覽工具軟件根據(jù)該網(wǎng)址瀏覽在該服務(wù)器上所存放的動畫，此動畫與該造型圖樣所選定的動畫 相同。
12. 如權(quán)利要求11所述的圖片編輯方法，在數(shù)據(jù)庫中建立具有 明暗度的各種顏色的色標(biāo)，由該繪圖引擎根據(jù)組件的顏色及灰階值 在數(shù)據(jù)庫中讀出相對應(yīng)的色標(biāo)，使組件依照此色標(biāo)產(chǎn)生具有明暗度 的顏色。
13. 如權(quán)利要求11所述的圖片編輯方法，每一組件是以像素為 單位來繪制。
14. 如權(quán)利要求11所述的圖片編輯方法，每一組件是一張圖層， 根據(jù)每一組件的組合關(guān)系依序地層疊每一組件而成為該圖片。
全文摘要
一種動畫的圖片編輯方法，利用計算機的繪圖引擎編輯圖片，該方法包括在計算機的一數(shù)據(jù)庫中讀出用來組合造型圖樣的多個組件的數(shù)據(jù)，這些組件的數(shù)據(jù)指每一組件的形狀、顏色、灰階值及坐標(biāo)偏移量等，繪圖引擎計算每一組件的坐標(biāo)偏移量及圖片的參考坐標(biāo)，得到每一組件在圖片中的位置，繪圖引擎根據(jù)參考視角決定每一組件在圖片中的組合關(guān)系，繪圖引擎根據(jù)每一組件的形狀、顏色、灰階值及在圖片中的位置及組合關(guān)系等來組合該多個組件以完成所述造型圖樣的圖片。
文檔編號G06T13/00GK101447090SQ20071019540
公開日2009年6月3日 申請日期2007年11月27日 優(yōu)先權(quán)日2007年11月27日
發(fā)明者逸 陳 申請人:悟空數(shù)位娛樂實業(yè)有限公司