一種在2d游戲中實(shí)現(xiàn)3d表現(xiàn)的方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001 ]本發(fā)明涉及一種在2D游戲中實(shí)現(xiàn)3D表現(xiàn)的方法及裝置。
【背景技術(shù)】
[0002]在手機(jī)游戲中，需要在界面中展示同類型的多張圖片，并提供線索可以估算瀏覽進(jìn)度與圖片總量，保證便捷良好的瀏覽體驗(yàn)。一般傳統(tǒng)的做法是:單純平面效果展示，圖片平鋪，采用多頁點(diǎn)擊切換瀏覽或者多屏滑動瀏覽(常見上下滑動型、左右滑動型)，并伴有數(shù)字顯示頁碼總量或滑動進(jìn)度條。
[0003]對于在手機(jī)游戲中查看多張相同規(guī)格圖片的交互設(shè)計(jì)，現(xiàn)有的一種技術(shù)方案采用以下處理方式:
[0004]1、規(guī)劃好一頁可以平鋪顯示該規(guī)格圖片的數(shù)量(假設(shè)為N);
[0005]2、圖片總數(shù)< =N則一頁完全顯示；
[0006]3、圖片總數(shù)〉N則多頁顯示，支持點(diǎn)擊或滑動進(jìn)行翻頁。
[0007]如圖1所示，以某手機(jī)游戲的卡牌圖片展示功能為例，處理方式如下:
[0008]1、設(shè)定每頁顯示8張卡牌，卡牌平鋪于每一頁；
[0009]2、此種類卡牌的數(shù)量〈=8則一頁完全顯示；
[0010]3、此種類卡牌的數(shù)量>8，則點(diǎn)擊下一頁按鈕，翻頁顯示下一頁的圖片；
[0011]4、界面以“書”為意象擬物，模擬書的翻頁視覺效果，給予2D視圖的3D表現(xiàn)。
[0012]這種處理方式在手游中對瀏覽同規(guī)格圖片的交互設(shè)計(jì)，實(shí)現(xiàn)了透視、堆疊的3D視覺效果，滿足了用戶查看圖片的基本需求。但是，這種方案有以下幾個缺點(diǎn):
[0013]1、當(dāng)圖片數(shù)量非常少，不足一頁，則無法展示翻頁視覺效果;而圖片數(shù)量非常多的時候，需要不斷地點(diǎn)擊按鈕實(shí)現(xiàn)翻頁，每次的點(diǎn)擊操作和翻頁視覺表現(xiàn)，都打斷了流暢的瀏覽體驗(yàn)。
[0014]2、此種技術(shù)方案表現(xiàn)對圖片的大小有所限制，如果圖片太大，每頁所容納圖片小于3張，則勢必造成不斷地點(diǎn)擊翻頁。
[0015]3、該方案對于圖片總數(shù)量的表現(xiàn)，一般需要文字顯示當(dāng)前所在頁面和頁面總數(shù)量，很難用界面視覺隱喻表現(xiàn)進(jìn)行潛意識信息傳達(dá)。
[0016]對于在手機(jī)游戲中查看多張相同規(guī)格圖片的交互設(shè)計(jì)，另一種常用的技術(shù)方案采用以下處理方式:
[0017]1、將所有圖片規(guī)則排列，排列X行橫向發(fā)展，或排列Y列縱向發(fā)展；
[0018]2、響應(yīng)用戶手勢操作，將圖片流以固定方向顯示在屏幕規(guī)定區(qū)域，滑動查看多屏內(nèi)容。
[0019]如圖2a至圖2b所示，以某手機(jī)游戲的物品圖片展示功能為例，處理方式如下:
[0020]1、所有菱形圖片以兩行交錯排列橫向延伸，圖片流多至N屏，如圖2a所示；
[0021]2、左右滑動顯示所有的圖片，切換進(jìn)入界面時伴有菱形圖片旋轉(zhuǎn)的動效，營造立體效果，如圖2b所示。
[0022]該技術(shù)方案在手游中對瀏覽同規(guī)格圖片的交互設(shè)計(jì)，實(shí)現(xiàn)了翻轉(zhuǎn)的3D視覺效果，滿足了用戶查看圖片的基本需求。但是，這種方案亦有以下不足之處:展示效果比較常規(guī)，3D視覺表現(xiàn)相對較弱，滑動過程中仍然是平面顯示效果。

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

[0023]本發(fā)明的主要目的在于克服現(xiàn)有技術(shù)的不足，提供一種在2D游戲中實(shí)現(xiàn)3D表現(xiàn)的方法，在2D游戲場景中實(shí)現(xiàn)真切、新穎的3D效果展示，提升玩家體驗(yàn)。
[0024]為實(shí)現(xiàn)上述目的，本發(fā)明采用以下技術(shù)方案:
[0025]一種在2D游戲中實(shí)現(xiàn)3D表現(xiàn)的方法，包括以下步驟:
[0026]在2D游戲場景中設(shè)置3D渲染區(qū)域，在所述3D渲染區(qū)域顯示多個2D圖片，將所述多個2D圖片渲染成相鄰圖片的兩側(cè)邊緣順次連接在一起的折疊冊頁的3D表現(xiàn)形式；
[0027]響應(yīng)觸屏上的滑動手勢時，將所述折疊冊頁向由所述滑動手勢確定的方向展開，并依據(jù)所述滑動手勢的狀態(tài)和各2D圖片在所述折疊冊頁中的排布順序及圖片的尺寸，實(shí)時地確定各2D圖片的展開位置和展開角度，并將各2D圖片渲染成與其展開位置和展開角度實(shí)時對應(yīng)的3D表現(xiàn)形式。
[0028]進(jìn)一步地:
[0029]所述滑動手勢的狀態(tài)包括所述滑動手勢行進(jìn)的方向、距離、速度、加速度以及按壓觸屏的力度中的一種或多種。
[0030]響應(yīng)觸屏上的滑動手勢時，所述折疊冊頁所顯示的折疊厚度隨著所述滑動手勢的進(jìn)行而相應(yīng)地減小，藉此表現(xiàn)尚未展開角度的剩余圖片的數(shù)量。
[0031]所述方法還包括:對2D游戲場景進(jìn)行分層，其中將2D游戲場景中所述折疊冊頁所在的區(qū)域設(shè)置為采用3D渲染策略的3D渲染層，其對應(yīng)所述3D渲染區(qū)域，并將2D游戲場景中的背景區(qū)域設(shè)置為采用2D渲染策略的2D渲染層，其中所述3D渲染層覆蓋在所述2D渲染層之上。
[0032]對所述2D渲染層采用正交投影方式進(jìn)行投影，對所述3D渲染層采用透視投影方式進(jìn)行投影，將所述3D渲染層的投影畫面覆蓋在所述2D渲染層的投影畫面上，實(shí)現(xiàn)所述2D渲染層和所述3D渲染層的場景疊加。
[0033]所述2D渲染層和所述3D渲染層的場景疊加包括:
[0034]繪制2D渲染層到顏色緩沖區(qū)，將2D渲染層的所有像素深度設(shè)為最大深度而形成為所述2D游戲場景的背景；
[0035]繪制3D渲染層到顏色緩沖區(qū)，將3D渲染層的所有像素深度設(shè)為小于所述最大深度，使得3D渲染層投影生成的畫面覆蓋背景所在2D渲染層的相應(yīng)區(qū)域，產(chǎn)生2D畫面上的3D視覺效果。
[0036]一種在2D游戲中實(shí)現(xiàn)3D表現(xiàn)的裝置，包括:
[0037]3D渲染區(qū)域設(shè)置模塊，其在2D游戲場景中設(shè)置3D渲染區(qū)域，在所述3D渲染區(qū)域顯示多個2D圖片，將所述多個2D圖片渲染成相鄰圖片的兩側(cè)邊緣順次連接在一起的折疊冊頁的3D表現(xiàn)形式；
[0038]滑動手勢響應(yīng)模塊，其響應(yīng)觸屏上的滑動手勢時，將所述折疊冊頁向由所述滑動手勢確定的方向展開，并依據(jù)所述滑動手勢的狀態(tài)和各2D圖片在所述折疊冊頁中的排布順序及圖片的尺寸，實(shí)時地確定各2D圖片的展開位置和展開角度，并將各2D圖片渲染成與其展開位置和展開角度實(shí)時對應(yīng)的3D表現(xiàn)形式。
[0039]所述裝置還包括游戲場景分層模塊，其對2D游戲場景進(jìn)行分層，將2D游戲場景中所述折疊冊頁所在的區(qū)域設(shè)置為采用3D渲染策略的3D渲染層，其對應(yīng)所述3D渲染區(qū)域，并將2D游戲場景中的背景區(qū)域設(shè)置為采用2D渲染策略的2D渲染層，其中所述3D渲染層覆蓋在所述2D渲染層之上。
[0040]所述裝置還包括游戲場景疊加模塊，其對所述2D渲染層采用正交投影方式進(jìn)行投影，對所述3D渲染層采用透視投影方式進(jìn)行投影，將所述3D渲染層的投影畫面覆蓋在所述2D渲染層的投影畫面上，實(shí)現(xiàn)所述2D渲染層和所述3D渲染層的場景疊加。
[0041 ]所述游戲場景疊加模塊包括:
[0042]背景生成模塊，其繪制2D渲染層到顏色緩沖區(qū)，將2D渲染層的所有像素深度設(shè)為最大深度而形成為所述2D游戲場景的背景；
[0043]前景覆蓋模塊，其繪制3D渲染層到顏色緩沖區(qū)，將3D渲染層的所有像素深度設(shè)為小于所述最大深度，使得3D渲染層投影生成的畫面覆蓋背景所在2D渲染層的相應(yīng)區(qū)域，產(chǎn)生2D畫面上的3D視覺效果。
[0044]本發(fā)明的有益效果:
[0045]本發(fā)明提出一種在2D游戲中實(shí)現(xiàn)3D表現(xiàn)的方法，在2D游戲場景中設(shè)置3D渲染區(qū)域，在3D渲染區(qū)域顯示多個2D圖片，將這些圖片渲染成相鄰圖片的兩側(cè)邊緣順次連接在一起的折疊冊頁的3D表現(xiàn)形式；當(dāng)響應(yīng)觸屏上的滑動手勢時，本發(fā)明所采用的3D表現(xiàn)為，使折疊冊頁向由滑動手勢確定的方向展開，并依據(jù)滑動手勢的狀態(tài)和各2D圖片的尺寸及其在折疊冊頁中的排布順序，實(shí)時地確定各2D圖片的展開位置和展開角度，進(jìn)而按照對應(yīng)的展開位置和展開角度對各2D圖片進(jìn)行3D渲染。與現(xiàn)有技術(shù)相比，本發(fā)明以類似于中國古代奏折為視覺意象進(jìn)行3D表現(xiàn)的整體設(shè)計(jì)，2D圖片分布于每個奏折折面，依據(jù)折面的展開角度進(jìn)行透視表現(xiàn)。由此，本發(fā)明避免了圖片展示時過于規(guī)則化的排布展示，減少了玩家瀏覽圖片時的視覺疲勞感，讓界面充滿趣味，讓玩家更加有情景代入感;而且，在玩家進(jìn)行滑動拖拽等頁面操作時，本發(fā)明能夠進(jìn)行更為真