200834461 九、發明說明： ^ 【發明所屬之技術領域】 本發明係關於一種多層平面圖層的顯像方法及其系 統’尤指一種多層平面圖層之動態顯像方法，以呈現有別 於特定平面顯像效果的立體畫面。 【先前技術】 _ 目前電腦、手機、個人數位化助理（PDA )等個人電 子產品恶樣眾多，各電子產品隨著半導體技術的精進，已 能在有限的體積限制下，製造出具有多功能的數位裝置， 並提供平面薄形顯示器供使用者使用產品更為方便。 由於目前部份個人化電子產品技術發展至今已趨於成 熟，因此現階段廠商要能夠提高自身產品的競爭力，則必 員月b ‘作出有別於其它廠牌的類似商品的特徵才行。因 此，廠商除了電子產品的硬體或外觀設計外，其部份焦點 φ 仍疋在集中在電子產品的軟、韌體設計，以電子產品的内 容刺激使用者使用上的觀感。 由於目前電子產品均有類似的數位化功能，隨著功能 的增加，電子產品顯示的使用者圖形化介面亦開始在電腦 以外的電子產品（手機、pDA) i見及，正因為圖形化介 面的曰及，而且圖形化介面更是使用者使用電子產品最先 气的邛伤，因此部份軟體薇商已逐漸投入在各種圖形化 1吏用者介面上的研發，提供更新穎且方便的使用者介面， 期以新奇吸引更多消費者的青睞。由於使用者介面大多以 4 200834461 圖形化畫面呈現，以電腦來說其作業系統亦提供使用者〜 可更換桌面为景圖案的功能，如第六圖A、B所示，惟該 等背景圖案（L 2 )僅是靜態晝面的呈現，又因為桌面所 提供的複數功能圖案（icon )是方便使用者點選，因此診 等功能圖案（L 1 1〜l 1 3 )必定會顯示於桌面背景圖 案（L 2 )之上，其變化性相當低，故之後亦有廠商設計 動態桌面小程式，於電腦執行後可讓桌面呈一動態背景書 面的顯示，惟同樣功能圖案仍置於其上，對使用者而言^ 是桌面呈一動態畫面顯示，並無其它視覺效果呈現，相 地變化性亦不高。 ' 【發明内容】 本發明的主要發明目的係提供一種多層平面圖層之動 —貝像方法及其系％ ’對顯示器顯示的使用介面之不 質的圖形予以分層’再藉由特定方式予以合併描纷之 而呈現動態顯像，右古 廷 化性。 有放槌阿使用者介面圖文顯示晝面的變 奴達上述目的所使用的主要技術手段係 圖層之動態顯像方法包含有·· 夕層千面 執行一特效程式； 至少取得使用者介面上的背景畫面、功能晝 i所對應的三種麥德闰恩 特效 或數張影像圖層； 钩張 定我口〜像圖層的顯像屬性值，並加以儲存之； 5 200834461 設定各影像圖層的顯像深度值； 決定所有影像圖層的排列次序；及 依照排列次序合併描繪三圖層。 上述動態顯像方法係主要取得使用者介面上屬於不同 性質畫面所對應的影像圖層，包含有為背景圖層、功能圖 層及特效圖層；其中，該影像圖層的屬性可決二其描=二 圍’並提供可設定各影像圖層顯像深度值，該深度值除決200834461 IX. Description of the invention: ^ [Technical field of invention] The present invention relates to a method and system for developing a multi-layer plan view layer, in particular, a dynamic display method of a multi-layer plan view layer, which is different from a specific plane display A stereoscopic picture like an effect. [Prior Art] _ At present, personal electronic products such as computers, mobile phones, and personal digital assistants (PDAs) are so many. With the advancement of semiconductor technology, electronic products can be manufactured with limited capacity. The digital device and the flat display are more convenient for the user to use the product. Since the development of some personal electronic products technology has become more mature so far, at this stage, manufacturers must be able to improve the competitiveness of their products, and they must be able to make characteristics similar to other products. Therefore, in addition to the hardware or design of electronic products, some of the focus φ of manufacturers are still focused on the soft and firmware design of electronic products, and the content of electronic products stimulates the user's perception. Since electronic products all have similar digital functions, with the increase of functions, the graphical user interface of electronic products display has also begun to be seen in electronic products (mobile phones, pDA) outside the computer, precisely because of the graphical interface. Moreover, the graphical interface is the first flaw in the use of electronic products by users. Therefore, some software companies have gradually invested in the development of various graphical user interfaces, providing new and convenient use. The interface is designed to attract more consumers. Since the user interface is mostly presented with a graphical image of 4 200834461, the operating system of the computer also provides the function of the user to replace the desktop as a scene pattern, as shown in the sixth figure A and B, but the background patterns ( L 2 ) is only the presentation of the static face, and because the complex function pattern (icon) provided by the desktop is convenient for the user to select, the function pattern (L 1 1~l 1 3 ) will be displayed on the desktop background. Above the pattern (L 2 ), the variability is quite low. Therefore, there are also manufacturers to design a dynamic desktop applet. After the computer is executed, the desktop can be displayed in a dynamic background, but the same functional pattern is still placed on it. For the user, ^ is a dynamic picture display on the desktop, and there is no other visual effect, and the variability is not high. SUMMARY OF THE INVENTION The main object of the present invention is to provide a multi-layer plan layer layer-moving method and its system % 'layering the non-quality graphics of the display interface used by the display' and then merging in a specific manner The dynamic image is presented in a variety of ways, and the right is ancient. The main technical means used in the above-mentioned purpose is to display the effect of the above-mentioned purpose. The dynamic imaging method of the layer includes the implementation of a special effect program; at least the user interface is obtained. The background image, the function of the three types of Meader effect or several image layers corresponding to the function ;i; hook the image of the image attribute value of the image to the layer and store it; 5 200834461 Set the image of each image layer Depth value; determines the order in which all image layers are arranged; and merges and draws three layers in order of arrangement. The above-mentioned dynamic imaging method mainly obtains an image layer corresponding to a picture of a different nature on a user interface, and includes a background layer, a function layer, and a special effect layer; wherein the attribute of the image layer can be determined as follows: Provides a set depth value for each image layer, which is determined by the depth value
定未來描繪形態外，更可作為影像圖層次序排序的依據； 因此，本發明顯像方法最後即是依照影像圖層次序合併所 有圖層，並描繪各影像圖層的描繪範圍，以整合所有影像 圖層而呈現-有別於單-特效動態晝自；特^讓使:者 介面的功能晝面上複數功能圖案影像融入使用者背景及特 效晝面中，由於各影像圖層深度值及特效程式係變： 因：使用者僅需改變該等設定及程式，即能獲得非預期的 炫麗使用者介面畫面。 &十面圖層之動 恶顯像系、统，即用以執行並儲存上述顯影方法，直 π=、不揮發資料錯存單元、使用者輪出；輸出裝 =通“面及記憶體，該等裝置係以匯流排連接彼此， 八中該記憶體進-步内建有繚圖引擎、特效程式、In addition to the future depiction, it can be used as the basis for sorting the image layer order. Therefore, the imaging method of the present invention finally combines all the layers according to the image layer order, and draws the drawing range of each image layer to integrate all the image layers. -It is different from the single-effect dynamics; the special function allows the interface of the interface to be integrated into the user background and special effects, because the image layer depth value and special effects are changed: : Users only need to change these settings and programs to get an unexpectedly stunning user interface. & ten-layer layer of the dynamic imaging system, the system is used to execute and store the above development method, straight π =, non-volatile data miscellaneous unit, user rotation; output device = "face and memory, The devices are connected to each other by bus bars, and the memory is internally built with a mapping engine and a special effects program.
2二：圖層儲存區、第二圖層儲存區、第三圖層儲存區 =茶數儲存區，·當中央處理器執行作業系統後 =一使用者介面於輸出褒置（顯示器）上 中央處理Μ執行狀㈣料讀㈣擎圖X 6 200834461 引擎擷取使用&人π 面，再分別儲存至第預：的：恭畫面、功能畫面及特致畫 層健存區分二=層館存區，因此第-至三圖 層的屬性再加張影像圖層，其中各影像圖 依據其_深度值進行次序上的排 併=層 ㈣層並_合併圖層，將其顯示在該顯二_：=影 來’除能令原本的功能圖案融人背景畫外如此— 效程式所執行晝面，而呈現更炫麗的視覺效果卜/亦配合特 【實施方式】 係為本發明動態顯像方法的流程 請參閱第一圖所示 圖’其包含有： 執行一特效程式（3〇);2 2: layer storage area, second layer storage area, third layer storage area = tea storage area, · when the central processing unit executes the operating system = a user interface is centrally processed on the output device (display) (4) material reading (four) engine map X 6 200834461 engine capture using & people π surface, and then separately stored to the first:: Christine screen, function screen and special layer of health and storage two = layer library storage area, therefore The attributes of the first to third layers are further added with image layers, wherein each image map is ranked according to its _depth value = layer (four) layer and _ merge layer, which is displayed in the display _: = shadow In addition to the original functional pattern blending the background painting, the effect is executed by the program, and the more dazzling visual effects are presented. The implementation method is the flow of the dynamic imaging method of the present invention. The figure shown in the figure 'contains: Executes a special effect program (3〇);
取得使用者介面上的背景晝面、功能晝面及特效畫面 所對應的三種影像圖層，各種影像圖層係為—張或複數影 像圖層（31 ); 定義各影像圖層的顯像屬性值，並加以儲存之，其中 ㈣性值係包含有χ/γ座標值、α值及顯像深度值了以 決定各影像圖層的描繪範圍（32)，又該顯像深度值係可 於使用者介面增列一供設定功能欄位，令使用者可自行調 整各影像圖層的影像深度值； 決定所有影像圖層的排列次序，係依照所有影像圖層 7 200834461 的深度值加以排列之（33 );及 依照排列次序合併描繪所有影像圖層（⑷。 清蒼閱第二圖所示，传么士 & 圖 其包含有： 係、為本發明動態顯像系統方塊 一中央處理器（1〇)，复 留一 r n n、 ’、接有不揮發資料儲存 早疋（1 0 1 )，以儲存投影運算過程的數值； 一使用者輸入/輸出裝置（i ) 係連接至該中本 處理裔（10)，其中該輪出裝置係 、 衣1你用以顯不中央處理哭 (1 0 )運算後的使用者介面（丄〇 2 );及 °。 -外部記憶體（20)，係連接至中央處理器（ι 其内建有緣圖引擎（21)、特效程式（22) 季 統（23)、第一圖層儲存區（24)、第二圖層儲存： (25)、第三圖層儲存區（26)及圖層參數儲存區（2 7 )。 請配合參閱第三圖所示，當該系統啟動後，該中央處 理器（10)即讀取外部記憶體（2〇)的作業系統，龙 加以執行之，之後即開始準備產生一使用者介面於輸出裝 置（顯示器）上，以下為產生使用者介面的動作流程圖. 該中央處理器（1 0 )係於產生使用者介面時，其主 要包含有一建立圖層資料程序及描繪合併多圖層程序， 中： /、 會先讀取外部記憶體（2 ’之後再讀取外部記憶體 並加以執行之，藉由繪圖 執行建立圖層資料程序時 〇 )執行預設特效程式（1〇a) (2 0 )的繪圖引擎（2 1 ) 8 200834461 擷取使用者介面所預設顯示的背景畫面、功 t \ 士寸政晝面（i〇b) ’請配合參閱第五圖所示，依 之晝面，將擷取下來的影像圖層分別定義為三 種-像圖層（L3) (L21〜L23) 存至對應第一至二圄羼棘六广,〇, ； 係 一圖層儲存區（2 4〜2 6 )中（10c)， 之後再加以界定並儲存各影像圖f (L3、L21、L2 2 L23、L1)的屬性於圖層參數暫存區（I?)中Obtain three image layers corresponding to the background, function, and special effects screens on the user interface, and the various image layers are layer- or multi-image layers (31); define the image attribute values of each image layer, and The stored (4) value includes a χ/γ coordinate value, an alpha value, and a depth value to determine the rendering range of each image layer (32), and the depth value can be added to the user interface. For setting the function field, the user can adjust the image depth value of each image layer; determine the order of all image layers, according to the depth value of all image layers 7 200834461 (33); and according to the order Combine and draw all the image layers ((4). Qing Cang read the second picture, the transmission of the sorcerer & the picture contains: Department, the dynamic imaging system of the invention, a central processing unit (1〇), reserving a rnn , ', with non-volatile data stored earlier (1 0 1) to store the value of the projection operation process; a user input / output device (i) is connected to the middle of the treatment (10), The wheeling device is used to display the user interface (丄〇2) after the crying (1 0) operation; and - the external memory (20) is connected to the central processing unit ( ι has built-in edge map engine (21), special effects program (22) quaternary system (23), first layer storage area (24), second layer storage: (25), third layer storage area (26) and layer Parameter storage area (2 7 ). Please refer to the third figure. When the system is started, the central processing unit (10) reads the operating system of the external memory (2〇), and the dragon executes it. That is, it is ready to generate a user interface on the output device (display). The following is a flow chart of the operation of generating a user interface. The central processing unit (10) is mainly used to generate a layer data when generating a user interface. Program and drawing merge multi-layer program, in: /, will read the external memory first (after 2', then read the external memory and execute it, and execute the preset effect program when drawing to execute the layer data program) (1〇a) (2 0 ) drawing engine (2 1) 8 200834461 Capture the background image displayed by the user interface, and the power t 士士政昼面(i〇b) 'Please refer to the figure shown in the fifth picture, according to the picture, it will be taken down. The image layers are defined as three types - the image layer (L3) (L21 ~ L23) is stored in the corresponding first to second thorns, six 广, 〇, ; a layer storage area (2 4~2 6 ) (10c), Then define and store the attributes of each image map f (L3, L21, L2 2 L23, L1) in the layer parameter temporary storage area (I?)
B(1〇d)。由於功能圖案畫面係由複數個功能圖案所組成， :円岛^明的弟二圖層儲存區（2 6)係、儲存有複數影 像圖層（L2l、L?9 too、 安 、L 2 3 )，再者，該等功能圖 =二已内建於電腦或電子裝置中，目此可直接自電腦或 私子1置抓取該功能圖t，經適#格式轉換後儲存至第二 圖層儲存區f9ft、 卞 , (2 6 )，而不必由繪圖引擎擷取各功能圖案 為-影像圖層，節省電腦或電子裝置的運算資源。 之後"亥中央處理器（1 〇 )會至外部記憶體中讀取 建置好的複數影像圖層及屬性值，以執行描綠合併多影像 圖層程序，其包含有： △取得各影像圖層的屬性值後（1〇e)，即讀取影像圖 層茶數暫存區（2 7 )巾各影像圖層的顯像深度值（D 2 〜D0)，先將擷取到的第一至三圖層依據其顯像深度值 (1 0e )，進行次序上的排列（，〇f)，以合併所有圖層， 亚執仃投影運算以描繪所有合併圖層（彳〇g 而所謂排 歹J -人序減如第四圖所示，係為該圖層參數儲存區（2 7 ) 内不同/木度值的影像圖層次序表列，決定三影像圖層在被 9 200834461 描繪顯影位於上、中、下顯像位置，係由其影B (1〇d). Since the functional pattern picture is composed of a plurality of functional patterns, the second layer storage area (2 6) of the island is equipped with a plurality of image layers (L2l, L?9 too, An, L 2 3), Furthermore, the functional maps = two are built into the computer or electronic device, so that the function map can be directly captured from the computer or the private device 1 and converted to the second layer storage area after the conversion of the appropriate format. F9ft, 卞, (2 6 ), without having to draw each function pattern into an image layer by the drawing engine, saving computing resources of the computer or electronic device. Afterwards, the central processor (1 〇) reads the built-in complex image layer and attribute values into the external memory to execute the green-merging multi-image layer program, which includes: △ obtaining each image layer After the attribute value (1〇e), the image depth value (D 2 ~ D0) of each image layer of the image layer tea storage area (2 7 ) is read, and the first to third layers are first captured. According to its depth value (1 0e ), the order is arranged (, 〇f) to merge all the layers, and the sub-contraction projection operation is used to describe all the merged layers (彳〇g, the so-called 歹J-human order subtraction As shown in the fourth figure, it is the image layer sequence list of different/woody values in the layer parameter storage area (27), and it is determined that the three image layers are developed in the upper, middle and lower imaging positions by 9 200834461. , by its shadow
2〜D 〇 )加以決定之，即在第一 又 （D 1牧弟一例中，預設影傻 序的特效圖層（L1)、功能圖案圖層（L2i〜％久 及背景圖層（L3)深度值（d〇〜D2)分別：〇L2 3) 2，如此即代表在三圖層被合併插繪前，所進行丄、 為：特效圖層在（L1)上、功能圖案圖層（l 料 2 3 )在中間而背景圖層（L 3 )在下方位置；再如：L 例所示，若三預設次序圖層的影像深度值為〇、 ^ 時，即代表次序排料：功能圖案圖層（l 2 i〜 在上、特效圖層（L 1 )在中間而背景圖層（L 3 )在下 方位置，以此類推。 仕下 請配合參閱第五圖入至〇所示， 值所示的例一，即杏Ug s > ,、' w ®圖的深度 Ρ田五個圖層排列序決定好後， 為（1 0 )即依照此一排序攻庑人γ ^ 人 序5併五道圖層並描繪所有 5併圖層，以產生—使用者介面（i 。。 除能令功能圖案畫面融入背景畫面外 g二：,上’ 執行畫面的圖層，呈ju & i ^ ° 王現更炫鹿的視覺效果。 由於該特效圖層可隨菩& 位置而呈現不同變=游標）輸入座標 改Μ枯碌闰屁 一 此當使用者藉由輸入裝置以 交特效圖層的顯示晝面時， 守繪圖引擎會擷取已改變 的影像圖層’並儲入第一圖層儲存區（2 響三人併=㈣另兩畫面進行影像擷取，如此亦並不影 ° w ^的頰像，而讓原本特效圖層的變化更豐富、 "〇ρ Ο 10 200834461 由上述說^知，本發Μ動 搶圖引擎將使用者介面上屬於不同性質象：去係主要使用 至少二種影像圖層，其至少包含有背景圖：面予：疋義出 層及特效圖層；其中，各目> /、"运、功能圖案圖 、， 層的屬性可決定其描妗笳門 並提供可設定各影像圖層顯像深一 9 又值該珠度值除決宗去 I)繪㈣外，，可作為影像圖層次序排序的依據，因此 本舍明_像方法取後即是依照影像圖層次序合併所有影像 圖層’並描繪各影㈣層的騎範圍，以整合所有影像圖 層而呈現一有別於單一特效動能查品·处 行又動怨晝面，特別是讓使用者介 面的功能圖案融入使用者背景及特效畫面中，由於各影像 圖層冰度值及特政程式係為可變，因此使用者僅需改變該 等設定及程式，即能獲得非預期的炫麗使用者介面晝面。 【圖式簡單說明】 第一圖：係本發明方法流程圖。 第二圖··係本發明系統方塊圖。 第三圖·係本發明糸統執行上述方法的詳細流程圖。 第四圖：係本發明記憶體中圖層參數儲存區的部份内 容表。 第五圖A〜C :係本發明對應第四圖屬性之第一例的 圖層次序輪列及合併顯示的示意圖。 第六圖A、B :係既有使用者介面圖層次序排列及合 併顯示的示意圖。 11 200834461 【主要元件符號說明】 (1 0 )中央處理器 (101)不揮發資料儲存單元 (1 0 2)使用者介面 (11)使用者輸入/輸出裝置 (2 0 )外部記憶體 (21)繪圖引擎 (2 2 )特效程式 (2 3 )作業系統 (24) 第一圖層儲存區 (25) 第二圖層儲存區 (2 6 )第三圖層儲存區 (27)圖層參數儲存區 122~D 〇) to determine, that is, in the first (D 1 animal husbandry case, the default effect layer (L1), functional pattern layer (L2i~% long and background layer (L3) depth value (d〇~D2) respectively: 〇L2 3) 2, which means that before the three layers are merged, the 丄 is: the special effect layer is on (L1), and the function pattern layer (l material 2 3 ) is In the middle, the background layer (L 3 ) is in the lower position; as shown in the example of L, if the image depth values of the three preset order layers are 〇, ^, it means the order discharge: the function pattern layer (l 2 i~ In the upper, the special effect layer (L 1 ) is in the middle and the background layer (L 3 ) is in the lower position, and so on. Please refer to the fifth figure in the figure below, the example shown in the value, namely the apricot Ug s > ,, the depth of the five layers of the 'w ® map is determined, (1 0) is to sort the attacker γ ^ human order 5 and five layers and draw all 5 layers, To generate a user interface (i.. In addition to the function pattern screen into the background screen, g2:, the layer on the 'execution screen, Ju & i ^ ° Wang is now more dazzling deer visual effect. Because the special effects layer can be different with the position of the Bodhi &position; the input coordinates are changed to dry and fart, when the user uses the input device to When the display layer of the special effects layer is displayed, the graphics engine will capture the changed image layer 'and store it in the first layer storage area (2 rings three times and (4) the other two images for image capture, so it does not affect ° w ^ cheek image, and make the original special effects layer more varied, "〇ρ Ο 10 200834461 From the above said, the hair rushing map engine will be different in the user interface: At least two image layers are used, which at least include a background image: a surface layer and a special effect layer; wherein, each item> /, "transport, functional pattern, and layer properties can determine its description. Tuen Mun also provides the ability to set the depth of each image layer to a depth of 9 and the value of the bead value in addition to the I) drawing (four), can be used as the basis for the ordering of the image layer order, so the method is taken after the method Combine all images in the order of image layers The layer 'and the range of the shadow of each shadow (four) layer, to integrate all the image layers to present a different from the single special effects kinetic energy check and the grievances, especially the functional interface of the user interface into the user background In the special effects screen, since the image layer ice value and the special code system are variable, the user only needs to change the settings and the program to obtain an unexpected dazzling user interface. Description: The first diagram is a flowchart of the method of the present invention. The second diagram is a block diagram of the system of the present invention. The third diagram is a detailed flowchart of the method of the present invention. The fourth figure is a partial content table of the layer parameter storage area in the memory of the present invention. The fifth figure A to C is a schematic diagram of the layer order wheel array and the combined display of the first example of the attribute corresponding to the fourth figure of the present invention. Figure 6A and B are schematic diagrams showing the ordering and consolidating display of the user interface layers. 11 200834461 [Description of main component symbols] (1 0) Central processing unit (101) Non-volatile data storage unit (102) User interface (11) User input/output device (2 0) External memory (21) Drawing engine (2 2 ) special effects program (2 3 ) operating system (24) first layer storage area (25) second layer storage area (2 6) third layer storage area (27) layer parameter storage area 12