TWI585715B - 融入背景圖形的電腦圖案邊緣處理方法與電腦裝置 - Google Patents

融入背景圖形的電腦圖案邊緣處理方法與電腦裝置 Download PDF

Info

Publication number
TWI585715B
TWI585715B TW104143356A TW104143356A TWI585715B TW I585715 B TWI585715 B TW I585715B TW 104143356 A TW104143356 A TW 104143356A TW 104143356 A TW104143356 A TW 104143356A TW I585715 B TWI585715 B TW I585715B
Authority
TW
Taiwan
Prior art keywords
edge
computer
computer pattern
pattern
image
Prior art date
Application number
TW104143356A
Other languages
English (en)
Other versions
TW201724025A (zh
Inventor
李雨暹
林震洲
Original Assignee
粉迷科技股份有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 粉迷科技股份有限公司 filed Critical 粉迷科技股份有限公司
Priority to TW104143356A priority Critical patent/TWI585715B/zh
Priority to US15/077,986 priority patent/US9959637B2/en
Application granted granted Critical
Publication of TWI585715B publication Critical patent/TWI585715B/zh
Publication of TW201724025A publication Critical patent/TW201724025A/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/001—Texturing; Colouring; Generation of texture or colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/60—Editing figures and text; Combining figures or text
    • G06T3/02—
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2207/00—Indexing scheme for image analysis or image enhancement
    • G06T2207/20—Special algorithmic details
    • G06T2207/20172—Image enhancement details
    • G06T2207/20192—Edge enhancement; Edge preservation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2207/00—Indexing scheme for image analysis or image enhancement
    • G06T2207/20—Special algorithmic details
    • G06T2207/20212—Image combination
    • G06T2207/20221—Image fusion; Image merging

Description

融入背景圖形的電腦圖案邊緣處理方法與電腦裝置
本發明關於一種電腦圖案貼圖的技術，特別是指在電腦圖案與背景圖形結合時考量邊緣效果的一種融入背景圖形的電腦圖案邊緣處理方法與電腦裝置。
當使用者操作電腦裝置操作貼圖(sticker)時，一般來說先選定一背景影像，接著選定一個要貼在背景影像上的圖案，再選擇貼圖的位置後，可以將圖案覆蓋所選定位置，結合背景影像後形成一個新的具有貼圖的影像。
圖8所示為習知技術電腦圖像貼圖的示意圖，在一電腦裝置的顯示器上選擇有一背景物件801，例如一個風景、人物、物品，使用者可以使用某個軟體程式提供的貼圖或是影像貼附於上，如圖示的前景物件802，產生加工後的影像。然而，這類貼圖的應用一般就是將一個前景影像貼上另一背景影像上，十分單調，雖偶有可以加上一些調整圖案的功能，但在影像上並沒有特別突出的技術表現，使得前景與背景沒有融入的視覺效果。
本發明提出一種融入背景圖形的電腦圖案邊緣處理方法與電 腦裝置，其目的之一係透過影像處理技術讓貼附於一個背景影像上的另一張圖案時，可以透過一邊緣效果讓貼附的圖案邊緣能與背景影像有一定程度的關聯性，產生前景與背景有比較契合的視覺效果。
其中方法實施方式是以一載於電腦裝置內的軟體程式先取得有一電腦圖案影像，以及一顯示於電腦顯示器上的背景圖形，並取得電腦圖案之邊緣資訊，例如電腦圖案的邊緣影像座標值，經設定一定範圍的邊緣影像後，可以取得對應電腦圖案的邊緣影像範圍對應的一背景圖形的畫素資訊，接著，可根據對應邊緣影像範圍的背景圖形的畫素資訊套用一邊緣效果，以形成融入背景圖形的一具有邊緣效果的電腦圖案。其中邊緣效果係如套用於電腦圖案之全部或部分邊緣的凸透鏡或凹透鏡影像效果。
在方法之另一實施例中，先提供一電腦圖案，電腦圖案顯示於一具有觸控屏幕的電腦顯示器上，電腦圖案佔有一範圍，相關軟體手段可以根據對應電腦圖案的觸控訊號判斷該電腦圖案的位置，能根據該電腦圖案的範圍與位置取得電腦圖案的邊緣資訊，以及邊緣影像範圍對應的一背景圖形的畫素資訊，之後能根據對應邊緣影像範圍的背景圖形的畫素資訊套用一邊緣效果，以形成融入背景圖形的一具有邊緣效果的電腦圖案。
在以上流程中，使用者可以操作電腦圖案在觸控屏幕上移動，包括縮放與旋轉等動作，而軟體手段持續取得對應這些變化的觸控訊號，當有任何變化時，能執行以上邊緣取得與根據對應背景圖形畫素資訊而套用邊緣效果。
本發明揭露書更涉及一種電腦裝置，其中包括一處理器與一記憶體，其中記憶體儲存由處理器執行之一融入背景圖形的電腦圖案邊緣處理方法的程式集，程式集包括：取得顯示於一電腦顯示器上的一電腦圖案之邊緣資訊的指令；根據對應電腦圖案的觸控訊號判斷電腦圖案的位置的指令；取得對應電腦圖案之一邊緣 影像範圍對應的一背景圖形的畫素資訊的指令；根據對應邊緣影像範圍的背景圖形的畫素資訊套用一邊緣效果的指令；形成融入背景圖形的一具有邊緣效果的電腦圖案的指令；以及於電腦圖案移動位置、縮放大小以及/或轉動角度的過程中，根據觸控訊號錄製電腦圖案的變化的指令。
為了能更進一步瞭解本發明為達成既定目的所採取之技術、方法及功效，請參閱以下有關本發明之詳細說明、圖式，相信本發明之目的、特徵與特點，當可由此得以深入且具體之瞭解，然而所附圖式與附件僅提供參考與說明用，並非用來對本發明加以限制者。
10‧‧‧電腦裝置
12‧‧‧手
14‧‧‧電腦圖案
16‧‧‧背景物件
20‧‧‧背景物件
201‧‧‧電腦圖案一
202‧‧‧圖案邊緣一
203‧‧‧電腦圖案二
204‧‧‧圖案邊緣二
30‧‧‧背景圖形
31‧‧‧電腦圖案
32‧‧‧圖案邊緣
A‧‧‧區域
302‧‧‧上方區域
303‧‧‧下方區域
40‧‧‧電腦裝置
401‧‧‧電腦圖案
42‧‧‧手
402‧‧‧角度
403‧‧‧移動軌跡
801‧‧‧背景物件
802‧‧‧前景物件
步驟S501~S513‧‧‧融入背景圖形的電腦圖案邊緣處理流程
步驟S601~S613‧‧‧融入背景圖形的電腦圖案邊緣處理流程
步驟S701~S711‧‧‧融入背景圖形的電腦圖案邊緣處理流程
圖1A與圖1B顯示應用本發明融入背景圖形的電腦圖案邊緣處理方法的操作情境示意圖；圖2示意顯示應用本發明融入背景圖形的電腦圖案邊緣處理方法的影像結合後的範例之一；圖3顯示本發明中融入背景圖形的電腦圖案邊緣處理的示意圖；圖3A示意顯示電腦圖案邊緣的影像效果放大圖；圖4示意顯示應用本發明融入背景圖形的電腦圖案邊緣處理方法的影像型態調整的範例之一；圖5所示之流程描述本發明融入背景圖形的電腦圖案邊緣處理方法的實施例之一；(軟體角度)圖6所示之流程描述本發明融入背景圖形的電腦圖案邊緣處理方法的實施例之二；(硬體角度)圖7所示之流程描述本發明融入背景圖形的電腦圖案邊緣處理方法的實施例之三；圖8所示為習知技術電腦圖像貼圖的示意圖； 附件一係為本發明實作後的影像實施例之一；附件二係為本發明實作後的影像實施例之二。
為了讓電腦圖案與其他圖形結合時可以達到視覺上融入背景圖形的效果，本揭露書揭示一種融入背景圖形的電腦圖案邊緣處理方法，以及執行此方法的電腦裝置，電腦裝置較佳為一具有觸控屏幕的裝置，其中提供使用者介面，顯示有背景圖形，並讓使用者選取一電腦圖案，當作貼圖而附貼於背景圖形上，在操作此貼圖動作時，電腦圖案的型態可以調整變化，例如改變位置、縮放大小以及/或轉變角度等，本發明技術特徵之一係於此電腦圖案的型態變化時，即時運算其圖案邊緣與背景的關聯，套用邊緣效果後，可以得到融入背景圖形的電腦圖案。
另，本發明揭露書所提出的融入背景圖形的電腦圖案邊緣處理方法之技術目的之一係能在結合虛擬物件(如電腦圖案)與實體影像(如背景圖形)時，能夠達到兩者結合的最佳化效果，主要手段是針對虛擬物件與實體背景影像結合時的物件邊緣，套用一邊緣效果，如一種透鏡效果，以達到物件優化嵌入背景的效果。
應用於具有觸控屏幕的電腦裝置時，可以參考圖1A與圖1B顯示應用本發明融入背景圖形的電腦圖案邊緣處理方法的操作情境示意圖。
圖1A顯示有一電腦裝置10，具有觸控屏幕，某一位置顯示有一背景物件16，或是整個屏幕顯示一個背景圖形，觸控功能讓使用者可以手12操作其中電腦圖案14移動到所要的位置上，其中對應產生一序列觸控訊號，直到移動到背景物件16上，當手離開觸控屏幕，觸控訊號也反應出電腦圖案14停止移動，即貼附於背景物件16上，相對地，軟體程式將根據此資訊形成最終圖形，如圖1B所示。
在本發明實施例中，其中方法提供使用者透過觸控屏幕操作使用者介面上的電腦圖案，如前述電腦圖案14，使之結合於一背景物件16，也可以是一個背景圖形或特定影像物件上，並於移動電腦圖案14的過程中，對電腦圖案14進行一系列邊緣處理演算，特別別是進行圖案邊緣處理時，將考量背景物件16或是整個背景圖形的影像資訊，使得結合電腦圖案14於背景影像時，因為邊緣影像已經融入背景影像的資訊，而能達成視覺上融合一體的效果；另有實施例是在最後確認電腦圖案14時才執行以上邊緣處理演算，形成融入背景圖形的影像。
根據以上實施例中的邊緣處理方法，圖2接著以示意圖顯示應用本發明融入背景圖形的電腦圖案邊緣處理方法的影像結合後的範例。
在此範例中，顯示有一個如水果形狀的背景物件20，被景物件20結合了兩個圖案，分別為電腦圖案一201(此例指一對眼睛)與電腦圖案二203(此例指嘴巴)，不同於習知技術在使用貼圖時，僅將原有圖案直接貼附於某個影像物件的方式，本發明提出的方法則是以影像處理技術先取得各電腦圖案(201,203)的邊緣資訊，並取出在一定邊緣範圍內的背景影像資訊，再根據這些邊緣的相關資訊運算得到具有融入背景圖形的特定邊緣效果的最終圖案。示意圖顯示電腦圖案一201的邊緣經前述演算方式形成有圖案邊緣一202，以及電腦圖案二203的邊緣所形成的圖案邊緣二204。這些圖案邊緣(202,204)使得電腦圖案(201,203)與特定目標結合時，可以產生視覺上融入目標影像的效果。
接著，圖3即以圖形範例表示融入背景圖形的電腦圖案邊緣處理的樣態。此圖顯示有一以某個密度的點描繪的背景圖形30，其中貼附有如嘴巴形狀的電腦圖案31，當電腦圖案31與背景圖形30結合時，於重繪(redraw)過程中，持續進行邊緣處理的動作，形成電腦圖案31的圖案邊緣32。
在此例中，在電腦圖案31邊緣的影像效果可以區域A表示，其放大圖可參考圖3A。
在圖3A中顯示電腦圖案31的圖案邊緣32的某個邊緣片段，其中顯示在圖案邊緣32中有逐漸變化的區域，圖示示意顯示上方區域302與下方區域303分別顯示的邊緣效果以不同密度的點表示，靠近背景圖形30的上方區域302可以較低密度的點來描繪；下方區域303則是由不同密度的點描繪，藉此表示從上方區域302逐漸變化到下方區域303，包括顏色與透明度在圖案邊緣32範圍中有不同的影像變化，藉此能夠產生視覺上的差異，例如是將邊緣範圍內的畫素根據背景影像資訊改變其透明度，以漸層方式表示；另可以根據背景影像資訊改變這個邊緣範圍內的顏色，或可以漸層方式表示的影像效果，而達到形成融入背景圖形的電腦圖案的目的。
為了明確表示本發明融入背景圖形的電腦圖案邊緣處理方法所達成的視覺效果，提出附件一，此為本發明實作後的影像實施例之一，另有附件二為本發明實作後的影像實施例之二。附件顯示有電腦圖案結合彩色背景的圖形上，電腦圖案的邊緣形成有即時運算產生一如透鏡效果的邊緣影像，讓圖案結合時明顯有融入背景的視覺效果。
圖4另示意顯示應用本發明融入背景圖形的電腦圖案邊緣處理方法的影像型態調整的範例，此範例表示當使用者操作電腦裝置40，以手42(指頭)觸碰電腦圖案401時，除了可以移動位置外，更可以改變電腦圖案401的大小與角度(402)等型態，而變化過程都即時運算其圖案邊緣與其位置的背景影像的關係，套用邊緣效果而能在圖案變化時都能即時呈現出融入背景的影像。
而於另一實施例中，應用軟體手段，當電腦圖案401移動位置形成移動軌跡403，若同時操作縮放大小以及/或轉動角度，都可以根據觸控訊號錄製電腦圖案401在一段時間內的變化，產生 動畫影片。
實現以上融入背景圖形的電腦圖案的視覺效果的方法實施例之一可參閱圖5所示之流程，此流程將以執行於電腦裝置內的軟體手段實現。以下流程步驟順序並非用以限制本發明之流程範圍。
執行此電腦圖案邊緣處理方法的一開始步驟，如步驟S501，透過電腦裝置內的使用者介面(如觸控屏幕、圖形使用者介面、選單等)選擇電腦圖案，可為一靜態或動態影像，涵蓋電腦圖案整體或其某個部位的微小變化(如動物圖案的手腳變化)，更可包括另一靜態或動態變化的背景圖形，或是某個背景物件。之後，透過軟體手段取得顯示於電腦顯示器上的電腦圖案之邊緣資訊，可以為全部或部分的邊緣資訊，如步驟S503，相關的電腦圖案的邊緣資訊包括電腦圖案的邊緣的影像座標值，以及影像畫素值。
接著，如步驟S505，軟體程式可以預設值，或是讓使用者設定，定義出邊緣效果佔有的邊緣影像範圍，如沿著圖案邊緣上相等或是不等的寬度，接著(或同時，或順序置換)步驟S507，透過軟體手段取得顯示硬體的資訊，以取得對應電腦圖案之邊緣影像範圍對應的背景圖形資訊，特別是有關顏色、亮度等的畫素資訊，能據此演算一邊緣效果，如步驟S509所述。
其中所述的邊緣效果，在一實施例中，可為套用於電腦圖案之全部或部分邊緣的凸透鏡或凹透鏡影像效果，當電腦圖案的邊緣經運算得到凸透鏡或凹透鏡的影像效果時，當結合於對應的背景圖形上，視覺上將可呈現融入背景圖形的效果。而在形成邊緣效果時，邊緣效果更可包括改變透明度，以及/或改變顏色的影像效果。
經完成邊緣效果時，根據對應邊緣影像範圍的背景圖形的畫素資訊套用此邊緣效果，如步驟S511，將形成具有邊緣效果的電腦圖案，而此邊緣影像接著隨著電腦圖案結合於背景圖形，產生融入背景的視覺效果，如步驟S513所述。
值得一提的是，以上流程實施例可以應用在當使用者決定電腦圖案的位置時才執行方法，產生最終影像；更可以在使用者操作電腦圖案的每個時刻，方法將即時演算形成邊緣效果，特別是能於電腦圖案的位置、大小與角度變化時，持續執行取得電腦圖案邊緣資訊、取得對應邊緣影像範圍的背景圖形畫素資訊，並即時套用邊緣效果，讓每個時刻的影像都有電腦圖案融入背景的視覺效果。
前述軟體方法將與電腦系統配合運作，應用在具有觸控屏幕的電腦裝置上，相關流程如圖6所示之實施例。
在執行融入背景圖形的電腦圖案邊緣處理方法時，電腦裝置的觸控屏幕上顯示有至少一電腦圖案，電腦圖案佔有顯示器的一範圍，如步驟S601。接著，使用者可以透過觸控屏幕操作移動或其他變化，而產生觸控訊號，系統可以根據觸控訊號判斷圖案位置，如步驟S603，並繼續根據所處位置的資訊以及電腦圖案的佔據面積而取得電腦圖案的邊緣資訊，邊緣資訊包括邊緣附近的影像資訊、在觸控屏幕上的座標位置等，如步驟S605，以及取得邊緣影像範圍對應的背景圖形的畫素資訊，如步驟S607。
之後，如步驟S609，系統執行圖形處理程序，根據對應邊緣影像範圍的背景圖形的畫素資訊套用邊緣效果。而流程在此可以執行步驟S611，判斷此時使用者的操作是否已決定電腦圖案位置？
當使用者此時的操作表示尚未決定電腦圖案的最終位置，例如根據觸控訊號判斷手指仍碰觸觸控屏幕，並且可能持續執行移動、縮放或轉動(或各種動作的組合)等動作，流程將繼續執行以上步驟S605到S609的動作，即時運算形成每個時刻情況下的邊緣效果。
也就是在此過程中，在系統軟硬體的配合下，根據移動電腦圖案的觸控訊號判斷電腦圖案位置，根據縮放電腦圖案的觸控訊 號判斷電腦圖案的大小，以及根據轉動電腦圖案的觸控訊號判斷電腦圖案的角度，並持續執行一尋邊程序得到電腦圖案的邊緣資訊等程序，因此可以判斷出電腦圖案的位置、大小與角度在變化。如此，邊緣效果在電腦圖案變化時持續運作，包括持續偵測物件位置、偵測邊緣、取得對應該邊緣影像範圍的該背景圖形畫素資訊，以及套用邊緣效果，直到決定最後狀態。
最後狀態就是，若根據觸控訊號判斷使用者已經決定電腦圖案位置，例如手指已經離開觸控屏幕，這時將執行步驟S613，以形成融入背景圖形的一具有邊緣效果的電腦圖案。
前述透鏡效果為在某電腦圖案的邊緣套用一產生有如凸透鏡或凹透鏡或其組合的視覺效果，而透用於電腦圖案邊緣的邊緣效果實施例之一可以採用如圖7所述之實施例流程。
圖7所示之流程描述本發明融入背景圖形的電腦圖案邊緣處理方法的實施例。
先取得電腦圖案的邊緣資訊(步驟S701)、設定邊緣寬度(步驟S703)，以及取得邊緣範圍對應的背景圖形資訊(步驟S705)後，執行步驟S707，在系統軟硬體運作下，根據不同位置的邊緣區域設定不同的效果權重，此例之效果權重可視為一種透明遮罩，但有不同的透明度以及/或是顏色設定。接著如步驟S709，對每一個邊緣區域內的背景畫素，以對應的效果權重套用邊緣效果。
在一實施方案中，當對邊緣影像套用透鏡效果時，可以將與邊緣範圍重疊對應的背景影像畫素依據距離關係施以不同的遮罩權重，可參考圖3A之描述，邊緣效果隨著遮罩權重變化，可為套用於電腦圖案之全部或部分邊緣的凸透鏡或凹透鏡影像效果，亦更包括一改變透明度以及/或改變顏色的影像效果，視覺上例如有色彩漸層改變、透明度逐漸變化等。
最後形成融入背景圖形的電腦圖案，如步驟S711。
以上列舉之方法可以參考美國專利US 6810151(申請日：2001 年11月5日；申請號：09/985,558)所揭露的一種使用變換遮罩執行透鏡效果的方法(”Method of performing lens effect using transform mask”)，可應用於前述本發明實施例。應用後實施方式如下，當利用電腦系統的軟體方法取得電腦圖案之邊緣資訊，以及對應此電腦圖案之一邊緣影像範圍對應的背景圖形的畫素資訊後，針對每一個在此邊緣影像範圍內的背景畫素，提供一對應的偏移遮罩(offset mask)，每個偏移遮罩有一偏移值(offset value)，每個背景畫素更設有不同權重值(weight value)的權重遮罩(weight mask)，使得鄰接的畫素彼此之間具有一個偏移變化量，當對每個背景畫素施以以上偏移遮罩與權重遮罩後，在電腦圖案邊緣影像的某一範圍內的影像形成參考了背景影像的透鏡效果。也就可以形成如本發明所提出的融入背景圖形的具有邊緣效果的電腦圖案。
另有如美國專利US5425137(申請日：US5425137；申請號：08/009,547)揭露的使用虛擬透鏡的影像處理方法，讓使用者在選定的影像上模擬透鏡效果，利用軟體可以加入、刪除與修正圖案上的透鏡物件。本發明即時運算電腦圖案邊緣效果亦可應用此專利揭示的透鏡效果模擬的技術。
然而，以上方法並非用以限制本發明專利的實施方式，而是證明本發明技術在電腦圖案邊緣套用邊緣效果是可實施的。
本發明另涉及運作於電腦裝置中的指令集，應用電腦裝置的記憶體儲存相關指令集，指令集由裝置之處理器執行，實現融入背景圖形的電腦圖案邊緣處理的目的，程式集包括：取得顯示於一電腦顯示器上的一電腦圖案之邊緣資訊的指令；根據對應電腦圖案的觸控訊號判斷電腦圖案的位置的指令；取得對應電腦圖案之一邊緣影像範圍對應的一背景圖形的畫素資訊的指令；根據對應邊緣影像範圍的背景圖形的畫素資訊套用一邊緣效果的指令；形成融入背景圖形的一具有邊緣效果的電腦圖案的指令；以及於 電腦圖案移動位置、縮放大小以及/或轉動角度的過程中，根據觸控訊號錄製電腦圖案的變化的指令。
是以，根據揭露書所載實施例，本發明所提出的融入背景圖形的電腦圖案邊緣處理方法與相關電腦裝置，在應用觸控屏幕的技術下，提供使用者操作在觸控屏幕上，移動一個電腦圖案，並在移動過程中可以即時運算，產生視覺上能與背景影像融合的影像，而非一般技術中僅將前景影像與背景影像簡單疊合的單調圖案。
惟以上所述僅為本發明之較佳可行實施例，非因此即侷限本發明之專利範圍，故舉凡運用本發明說明書及圖示內容所為之等效結構變化，均同理包含於本發明之範圍內，合予陳明。
10‧‧‧電腦裝置
12‧‧‧手
14‧‧‧電腦圖案
16‧‧‧背景物件

Claims (14)

  1. 一種融入背景圖形的電腦圖案邊緣處理方法，包括：取得顯示於一電腦顯示器上的一電腦圖案之邊緣資訊；取得對應該電腦圖案之一邊緣影像範圍對應的一背景圖形的畫素資訊；以及根據對應該邊緣影像範圍的背景圖形的畫素資訊套用一邊緣效果，以形成融入該背景圖形的一具有邊緣效果的電腦圖案；其中該邊緣效果係為套用於該電腦圖案之全部或部分邊緣的凸透鏡或凹透鏡影像效果。
  2. 如請求項1所述的融入背景圖形的電腦圖案邊緣處理方法，其中該電腦圖案的邊緣資訊包括該電腦圖案的邊緣的影像座標值與影像畫素值。
  3. 如請求項2所述的融入背景圖形的電腦圖案邊緣處理方法，其中，更於該電腦圖案的位置、大小與角度變化時，持續執行取得該電腦圖案邊緣資訊、取得對應該邊緣影像範圍的該背景圖形畫素資訊，以及套用該邊緣效果。
  4. 如請求項3所述的融入背景圖形的電腦圖案邊緣處理方法，其中該電腦顯示器具有一觸控屏幕，根據移動該電腦圖案的觸控訊號判斷該電腦圖案位置，根據縮放該電腦圖案的觸控訊號判斷該電腦圖案的大小，以及根據轉動該電腦圖案的觸控訊號判斷該電腦圖案的角度，並執行一尋邊程序得到該電腦圖案的邊緣資訊。
  5. 如請求項4所述的融入背景圖形的電腦圖案邊緣處理方法，其中，於該電腦圖案移動位置、縮放大小以及/或轉動角度的過程中，根據觸控訊號錄製該電腦圖案的變化。
  6. 如請求項4所述的融入背景圖形的電腦圖案邊緣處理方法，其中該電腦圖案為一靜態或動態影像。
  7. 如請求項1所述的融入背景圖形的電腦圖案邊緣處理方法，其中該邊緣效果更包括一改變透明度以及/或改變顏色的影像效果。
  8. 如請求項7所述的融入背景圖形的電腦圖案邊緣處理方法，其中該套用該邊緣效果的步驟包括：經取得該邊緣影像範圍對應的背景圖形資訊後，根據不同位置的邊緣區域設定不同的效果權重，對每一個邊緣區域內的背景畫素，以對應的效果權重套用該邊緣效果，以形成該融入背景圖形的電腦圖案。
  9. 一種融入背景圖形的電腦圖案邊緣處理方法，包括：(a)提供一電腦圖案，該電腦圖案顯示於一具有一觸控屏幕的電腦顯示器上，佔有一範圍；；(b)根據對應該電腦圖案的觸控訊號判斷該電腦圖案的位置；(c)根據該電腦圖案的範圍與位置以取得該電腦圖案的邊緣資訊；(d)取得對應該電腦圖案之一邊緣影像範圍對應的一背景圖形的畫素資訊；以及(e)根據對應該邊緣影像範圍的背景圖形的畫素資訊套用一邊緣效果，以形成融入該背景圖形的一具有邊緣效果的電腦圖案；其中該邊緣效果係為套用於該電腦圖案之全部或部分邊緣的凸透鏡或凹透鏡影像效果，該邊緣效果更包括一改變透明度以及/或改變顏色的影像效果；其中，根據該電腦圖案對應的觸控訊號判斷該電腦圖案為移動時，即時執行步驟(c)至(e)。
  10. 如請求項9所述的融入背景圖形的電腦圖案邊緣處理方法，其中，更於該電腦圖案的位置、大小與角度變化時，持續執行取 得該電腦圖案邊緣資訊、取得對應該邊緣影像範圍的該背景圖形畫素資訊，以及套用該邊緣效果。
  11. 如請求項10所述的融入背景圖形的電腦圖案邊緣處理方法，其中根據移動該電腦圖案的觸控訊號判斷該電腦圖案位置，根據縮放該電腦圖案的觸控訊號判斷該電腦圖案的大小，以及根據轉動該電腦圖案的觸控訊號判斷該電腦圖案的角度，並執行一尋邊程序得到該電腦圖案的邊緣資訊。
  12. 如請求項11所述的融入背景圖形的電腦圖案邊緣處理方法，其中，於該電腦圖案移動位置、縮放大小以及/或轉動角度的過程中’根據觸控訊號錄製該電腦圖案的變化。
  13. 如請求項9所述的融入背景圖形的電腦圖案邊緣處理方法，其中該套用該邊緣效果的步驟包括：經取得該邊緣影像範圍對應的背景圖形資訊後，根據不同位置的邊緣區域設定不同的效果權重，對每一個邊緣區域內的背景畫素，以對應的效果權重套用該邊緣效果，以形成該融入背景圖形的電腦圖案。
  14. 一種電腦裝置，其中包括一處理器與一記憶體，其中該記憶體儲存由該處理器執行之一融入背景圖形的電腦圖案邊緣處理方法的程式集，該程式集包括：取得顯示於一電腦顯示器上的一電腦圖案之邊緣資訊的指令；根據對應該電腦圖案的觸控訊號判斷該電腦圖案的位置的指令；取得對應該電腦圖案之一邊緣影像範圍對應的一背景圖形的畫素資訊的指令；根據對應該邊緣影像範圍的背景圖形的畫素資訊套用一於該電腦圖案之全部或部分邊緣的凸透鏡或凹透鏡的邊緣效果的指令； 形成融入該背景圖形的一具有邊緣效果的電腦圖案的指令；以及於該電腦圖案移動位置、縮放大小以及/或轉動角度的過程中，根據觸控訊號錄製該電腦圖案的變化的指令。
TW104143356A 2015-12-23 2015-12-23 融入背景圖形的電腦圖案邊緣處理方法與電腦裝置 TWI585715B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
TW104143356A TWI585715B (zh) 2015-12-23 2015-12-23 融入背景圖形的電腦圖案邊緣處理方法與電腦裝置
US15/077,986 US9959637B2 (en) 2015-12-23 2016-03-23 Method and apparatus for processing border of computer figure to be merged into background image

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW104143356A TWI585715B (zh) 2015-12-23 2015-12-23 融入背景圖形的電腦圖案邊緣處理方法與電腦裝置

Publications (2)

Publication Number Publication Date
TWI585715B true TWI585715B (zh) 2017-06-01
TW201724025A TW201724025A (zh) 2017-07-01

Family

ID=59088472

Family Applications (1)

Application Number Title Priority Date Filing Date
TW104143356A TWI585715B (zh) 2015-12-23 2015-12-23 融入背景圖形的電腦圖案邊緣處理方法與電腦裝置

Country Status (2)

Country Link
US (1) US9959637B2 (zh)
TW (1) TWI585715B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20170000196A (ko) * 2015-06-23 2017-01-02 삼성전자주식회사 객체의 속성 기반의 상태 변화 효과를 출력하기 위한 방법 및 그 전자 장치
CN107545595B (zh) * 2017-08-16 2021-05-28 歌尔光学科技有限公司 一种vr场景处理方法及vr设备

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020114532A1 (en) * 2000-12-19 2002-08-22 Edward Ratner Method and apparatus for deblurring and re-blurring image segments
US20080187222A1 (en) * 2004-11-16 2008-08-07 Koninklijke Philips Electronics, N.V. Rendering Images Based On Image Segmentation
TWI495354B (zh) * 2010-10-06 2015-08-01 Univ Nat Cheng Kung 影像優化裝置及影像優化方法

Family Cites Families (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6870550B1 (en) * 1999-04-26 2005-03-22 Adobe Systems Incorporated Digital Painting
US7382378B2 (en) * 2003-10-30 2008-06-03 Sensable Technologies, Inc. Apparatus and methods for stenciling an image
US9519356B2 (en) * 2010-02-04 2016-12-13 Microsoft Technology Licensing, Llc Link gestures
US9047653B2 (en) * 2010-08-24 2015-06-02 Hewlett-Packard Development Company, L.P. Stitched digital images
US8988558B2 (en) * 2011-04-26 2015-03-24 Omnivision Technologies, Inc. Image overlay in a mobile device
US9529486B2 (en) * 2012-03-29 2016-12-27 FiftyThree, Inc. Methods and apparatus for providing a digital illustration system
US11132105B2 (en) * 2015-04-28 2021-09-28 Adobe Inc. Capturing electronic signatures using an expanded interface area

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020114532A1 (en) * 2000-12-19 2002-08-22 Edward Ratner Method and apparatus for deblurring and re-blurring image segments
US20080187222A1 (en) * 2004-11-16 2008-08-07 Koninklijke Philips Electronics, N.V. Rendering Images Based On Image Segmentation
TWI495354B (zh) * 2010-10-06 2015-08-01 Univ Nat Cheng Kung 影像優化裝置及影像優化方法

Also Published As

Publication number Publication date
TW201724025A (zh) 2017-07-01
US9959637B2 (en) 2018-05-01
US20170186188A1 (en) 2017-06-29

Similar Documents

Publication Publication Date Title
KR101710521B1 (ko) 사용자 신체의 cg 표현 기능이 구비된 가상 피팅을 위한 시뮬레이션 장치, 방법 및 이를 위한 컴퓨터 프로그램
US10152829B2 (en) Virtual fitting device and virtual fitting method thereof
US9563975B2 (en) Makeup support apparatus and method for supporting makeup
JP6302132B2 (ja) 画像処理装置、画像処理システム、画像処理方法及びプログラム
US10338387B2 (en) Skin-based approach to virtual modeling
JP2019510297A (ja) ユーザの真実の人体モデルへの仮想的な試着
US20150269291A1 (en) Data processing apparatus and data processing program
WO2015017687A2 (en) Systems and methods for producing predictive images
CN115917474A (zh) 在三维环境中呈现化身
US20210326955A1 (en) Generation of Improved Clothing Models
TWI585715B (zh) 融入背景圖形的電腦圖案邊緣處理方法與電腦裝置
ES2936486T3 (es) Método y producto programa informático para procesar datos del modelo de un conjunto de prendas
KR102009400B1 (ko) 실감형 영상 콘텐츠 제공 방법 및 이를 이용한 서버
US10152827B2 (en) Three-dimensional modeling method and electronic apparatus thereof
KR101586010B1 (ko) 증강 현실 기반 가상 피팅을 위한 의상의 물리적 시뮬레이션 장치 및 방법
CN106716500B (zh) 一种信息处理装置及深度定义方法
JP5422033B1 (ja) ヘアシミュレーション装置、ヘアシミュレーション方法、及びヘアシミュレーションプログラム
US20240054704A1 (en) Methods of image manipulation for clothing visualisation
US20170056774A1 (en) Object manipulation method, object manipulation program, and information processing apparatus
KR102451377B1 (ko) 깊이 정보를 강조하는 의료 영상 재구성 장치 및 방법
KR102580427B1 (ko) 가상 피팅 서비스를 제공하는 방법 및 이를 위한 시스템
JP2018113054A (ja) 画像処理装置、画像処理方法及びプログラム
JP2006055402A (ja) 画像処理装置、画像処理方法及び画像処理プログラム
JP7117412B1 (ja) データ処理装置、プログラム、及びデータ処理方法
JP2002056405A (ja) テクスチャマッピング処理装置