[發明專利]一種游戲界面中圖像的顯示方法及裝置

有效

• 申請號: 201510573673.0
• 申請日: 2015-09-10
• 公開（公告）號: CN105243684B
• 公開（公告）日: 2018-03-20
• 發明（設計）人: 王竹靈;梁丹
• 申請（專利權）人: 網易（杭州）網絡有限公司
• 主分類號: G06T15/00
• 分類號: G06T15/00;G06T15/50
• 代理公司: 深圳新創友知識產權代理有限公司44223
• 代理人: 余敏

【技術領域】

本發明涉及一種游戲界面中圖像的顯示方法及裝置。

【背景技術】

隨著移動終端的廣泛應用，在移動終端上開發游戲的需求也越來越大。目前，在在移動平臺的游戲中，玩家用戶隨著對游戲的深入以及玩家等級提升，玩家的頭像、所擁有的物品裝備、技能等都會升級?，F有的游戲中，一般使用圖像圖標外部添加品質框的形式表現頭像、裝備、技能等的等級，不同顏色的品質框，例如灰色，綠，藍，紫，橙色，分別表示不同級別的高低。生成效果圖像的方法，如圖1所示，多以第一層品質框圖像資源100疊加第二層物品圖像資源200再疊加第三層底部背景顏色圖像資源300來實現，例如紅色框藍色背景的服飾圖像表示相對高等級的裝備，藍色框藍色背景的服飾圖像表示相對低等級的裝備。這樣，在設計游戲界面的圖像顯示時，至少需要如下3個圖片元素：1、品質框，2、物品圖片，3、底部背景。程序實現時，需要對每一物品編寫上述3個圖片元素的組合顯示效果。這種顯示方法存在以下缺點：

1、資源耗費大：大量的品質框、不同等級表現的單個物品占用了大量的游戲開發資源，一旦棄用則會出現資源浪費。

2、顯示處理效率低：圖像的顯示是一個讀取和輸出的過程，對于看似一張圖像的圖標，顯示時需要讀取輸出至少3個圖片資源，不利于快速表現。尤其是手機等移動端，圖形處理能力弱于電腦端，需要嚴格控制圖像的顯示處理成本。

3、局限性大：品質框的重復調用只限于外形外觀較為規整、方便陳列展示的圖像圖標，例如游戲中的頭像、服裝、技能圖像圖標，對于不便于陳列展示的圖像(游戲界面中的場景、房屋、樹木、河流等)無法通過添加品質框的方式表現其等級。對于此類圖像，則需要對同一個物品圖像生成多種不同等級狀態的圖像資源，工作量極大。生成的大量圖像資源導入游戲程序中，也會使得整個游戲程序的體量因此而增加。

4、直觀效果差：對于裝備、技能等虛擬物品顯示不同等級時，只能在包裹或裝備欄里通過品質框判斷虛擬物品的不同等級，當物品圖像脫離品質框直接配備到游戲角色身上時，不能很直觀的判斷出角色裝備的物品的等級。

【發明內容】

本發明所要解決的技術問題是：彌補上述現有技術的不足，提出一種游戲界面中圖像的顯示方法及裝置，顯示具有不同等級狀態內容的圖像時，耗費的資源少、處理效率低且適用性廣。

本發明的技術問題通過以下的技術方案予以解決：

一種游戲界面中圖像的顯示方法，包括以下步驟：1)將待顯示的圖像進行模糊化處理，并得到模糊圖像；2)將步驟1)得到的模糊圖像的各個像素點的像素值與目標顏色對應的像素值進行點積運算，將各個像素點的點積運算后得到的值歸一化操作到0～255的范圍，得到著色效果圖；3)疊加顯示步驟：在待顯示的圖像的原圖底部疊加上所述著色效果圖進行疊加顯示，顯示出有渲染效果的圖像。

一種游戲界面中圖像的顯示裝置，包括模糊處理模塊、著色模塊和疊加顯示模塊，所述模糊處理模塊用于將待顯示的圖像進行模糊化處理，并得到模糊圖像；所述著色模塊用于將所述模糊圖像的各個像素點的像素值與目標顏色對應的像素值進行點積運算，將各個像素點的點積運算后得到的值歸一化操作到0～255的范圍，輸出著色效果圖；所述疊加顯示模塊用于在待顯示的圖像的原圖底部疊加上所述著色效果圖進行疊加顯示，顯示出有渲染效果的虛擬物品圖像。

本發明與現有技術對比的有益效果是：

本發明的游戲界面中圖像的顯示方法及裝置，將待顯示的圖像模糊化處理后，在模糊圖像上著色上目標顏色信息得到著色效果圖，然后將原圖底部疊加該著色效果圖進行疊加顯示，即得到具有目標顏色渲染效果的圖像。這樣，通過圖像上渲染的不同的顏色即可定義表現不同的等級狀態。不再像現有技術那樣通過品質框區分實現，從而省去了品質框的圖片資源使用，降低了資源耗費，且顯示處理時只需要讀取輸出兩個圖片資源，提升了處理效率。再者，通過渲染顏色來實現等級劃分，從而不再局限于可展示陳列的物品的等級劃分，游戲界面中任何圖像均可以通過上述方法渲染出不同的顏色從而顯示出不同的等級效果，方法的可適用對象非常廣。本發明的顯示方法可直接利用代碼調動圖形處理器(GPU)進行圖像的渲染呈現，可充分調用GPU的靈活性，更快捷的讀取和顯示圖像，從而對于移動端游戲的圖像呈現更有優勢。由于可直接利用代碼調動GPU進行圖像的渲染呈現，省去了部分png源資源的制作，降低了資源耗費，且通過調動GPU輔助處理可大大降低移動端CPU的處理壓力，更利于圖形的快速、流暢的呈現。

【附圖說明】