從psd文件快速生成游戲ui功能面板的方法及裝置制造方法
【專利摘要】本發(fā)明公開了一種從PSD文件快速生成游戲UI功能面板的方法及裝置，包括步驟：S1，創(chuàng)建UI組件庫；S2，解析依照UI設(shè)計要求設(shè)計生成的PSD文件，生成UI面板布局文件和一系列位圖文件；S3，依照對應(yīng)關(guān)系組合各所述UI組件、所述UI面板布局文件和所述位圖文件，生成UI功能面板。使得，UI布局設(shè)計完全美工掌控，游戲研發(fā)過程中開發(fā)人員不需要進(jìn)行繁瑣的UI組件坐標(biāo)調(diào)整，可以提高開發(fā)效率。3)方便進(jìn)行UI功能面板的全局風(fēng)格更新。
【專利說明】從PSD文件快速生成游戲Ul功能面板的方法及裝置
【技術(shù)領(lǐng)域】
[0001 ] 本發(fā)明涉及網(wǎng)頁游戲開發(fā)【技術(shù)領(lǐng)域】，尤其涉及一種從PSD文件快速生成游戲UI功能面板的方法及裝置。
【背景技術(shù)】
[0002]Photoshop是Adobe公司開發(fā)的一個位圖編輯軟件，PSD是Photoshop源文件格式，F(xiàn)lash是Adobe公司開發(fā)的一個矢量圖形編輯軟件，F(xiàn)LA是Flash源文件格式，UI功能面板是指網(wǎng)頁游戲中玩家操作、交互的可視化模塊，UI組件是指Π功能面板中功能獨立、完整的小模塊，F(xiàn)lash組件是指Flash軟件中自帶的組件，SffF是Flash的最終輸出文件格式、網(wǎng)頁游戲的文件格式。
[0003]由于Π功能面板是網(wǎng)頁游戲中玩家操作、交互的可視化模塊，是游戲中玩法、游戲系統(tǒng)的載體，例如游戲中的物品背包系統(tǒng)；，UI功能面板在網(wǎng)頁游戲開發(fā)中往往占40%以上的工作量。
[0004]UI功能面板制作流程為:策劃人員設(shè)計游戲玩法，以線框圖表示面板簡單布局，以流程圖表示面板交互方式一美術(shù)人員根據(jù)游戲和面板布局設(shè)計設(shè)計面板具體表現(xiàn)，以PSD文件保存一開發(fā)人員根據(jù)面板PSD文件和交互流程圖實現(xiàn)游戲UI功能面板。
[0005]現(xiàn)有技術(shù)中實現(xiàn)游戲Π功能面板方法是:將面板PSD源文件拆分為一張張小的位圖分別保存一將這些小圖片導(dǎo)入Flash中，生成SWF文件一開發(fā)使用這些小圖片作為Π組件的皮膚，并且將這些Π組件按照美術(shù)設(shè)計的位置擺放，進(jìn)而制作UI功能面板。
[0006]由于Flash組件是通用組件并不是針對網(wǎng)頁游戲這個業(yè)務(wù)領(lǐng)域?qū)ｉT設(shè)計的，所以其體系結(jié)構(gòu)比較復(fù)雜，學(xué)習(xí)成本較高。另外，在UI功能面板制作過程中開發(fā)人員需要反復(fù)調(diào)整這些Flash組件的坐標(biāo)，因而現(xiàn)有的上述方法效率較低。

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

[0007]本發(fā)明的目的在于提供一種從PSD文件快速生成游戲UI功能面板的方法及裝置，從而解決現(xiàn)有技術(shù)中存在的前述問題。
[0008]為了實現(xiàn)上述目的，本發(fā)明采用的技術(shù)方案如下:
[0009]一種從PSD文件快速生成游戲Π功能面板的方法，包括以下步驟:
[0010]SI，創(chuàng)建UI組件庫；
[0011]S2,解析依照UI設(shè)計要求設(shè)計生成的PSD文件,生成UI面板布局文件和一系列位圖文件；
[0012]S3，依照對應(yīng)關(guān)系組合各所述Π組件、所述Π面板布局文件和所述位圖文件,生成UI功能面板。
[0013]優(yōu)選的，SI具體為:
[0014]創(chuàng)建包含有多個用于實現(xiàn)UI功能面板中的特定功能的UI組件的組件集合，形成所述Π組件庫。[0015]優(yōu)選的，所述Π組件庫為包含有網(wǎng)頁游戲常用Π組件的Π組件集合。
[0016]優(yōu)選的，所述網(wǎng)頁游戲常用UI組件包括:功能按鈕、滾動條和提示標(biāo)簽。
[0017]優(yōu)選的，S2具體為:
[0018]解析由美工依照UI設(shè)計要求設(shè)計生成的PSD文件，將每一個圖層分別保存為獨立的位圖文件；
[0019]將各所述位圖文件在所述PSD文件中的坐標(biāo)位置記錄于所述Π面板布局文件中；
[0020]依照各位圖文件在PSD文件中用于代表的功能，為各位圖文件分配UI組件，并將各位圖文件所對應(yīng)的UI組件標(biāo)識記錄于所述UI面板布局文件中，形成所述位圖文件與所述Π組件的對應(yīng)關(guān)系。
[0021]優(yōu)選的，S3具體為:
[0022]依照所述UI面板布局文件中記錄的所述坐標(biāo)位置將所述各位圖文件擺放整齊，并依照所述Π面板布局文件中記錄的對應(yīng)關(guān)系將所述Π組件與所述位圖文件分別對應(yīng)組合，再通過編譯器編譯生成所述游戲Π功能面板。
[0023]一種從PSD文件快速生成游戲Π功能面板的裝置，包括:
[0024]UI組件庫；
[0025]解析模塊，用于解析依照UI設(shè)計要求設(shè)計生成的PSD文件，生成UI面板布局文件和一系列位圖文件；
[0026]組合模塊，用于依照對應(yīng)關(guān)系組合各所述UI組件、所述UI面板布局文件、所述位圖文件,生成π功能面板。
[0027]優(yōu)選的，所述Π組件庫為包含有網(wǎng)頁游戲常用UI組件的UI組件集合。
[0028]優(yōu)選的，所述網(wǎng)頁游戲常用UI組件包括:功能按鈕、滾動條和提示標(biāo)簽。
[0029]本發(fā)明的有益效果是:
[0030]I)創(chuàng)建網(wǎng)頁游戲?qū)Ｓ肬I組件庫，并使Π組件保持盡量簡單，降低學(xué)習(xí)成本，提高運行效率。
[0031]2)UI布局設(shè)計完全美工掌控，游戲研發(fā)過程中開發(fā)人員不需要進(jìn)行繁瑣的Π組件坐標(biāo)調(diào)整，可以提高開發(fā)效率。
[0032]3)方便進(jìn)行UI功能面板的全局風(fēng)格更新。
【專利附圖】

【附圖說明】
[0033]圖1是本發(fā)明的從PSD文件快速生成游戲UI功能面板的方法的步驟流程圖?！揪唧w實施方式】
[0034]為了使本發(fā)明的目的、技術(shù)方案及優(yōu)點更加清楚明白，以下結(jié)合附圖，對本發(fā)明進(jìn)行進(jìn)一步詳細(xì)說明。應(yīng)當(dāng)理解，此處所描述的【具體實施方式】僅僅用以解釋本發(fā)明，并不用于限定本發(fā)明。
[0035]如圖1所示，本發(fā)明公開了一種從PSD文件快速生成游戲Π功能面板的方法，包括以下步驟:
[0036]SI，創(chuàng)建Π組件庫；，并使Π組件保持盡量簡單，降低學(xué)習(xí)成本，提高運行效率。[0037]SI具體為:
[0038]創(chuàng)建包含有多個用于實現(xiàn)UI功能面板中的特定功能的UI組件的組件集合，形成所述Π組件庫。所述Π組件庫為包含有網(wǎng)頁游戲常用Π組件的Π組件集合。所述網(wǎng)頁游戲常用UI組件包括:功能按鈕、滾動條和提示標(biāo)簽等常用的UI組件。
[0039]S2，解析依照UI設(shè)計要求設(shè)計生成的PSD文件，生成UI面板布局文件和一系列位圖文件；
[0040]S2具體為:
[0041]解析由美工依照UI設(shè)計要求設(shè)計生成的PSD文件，將每一個圖層分別保存為獨立的位圖文件；
[0042]將各所述位圖文件在所述PSD文件中的坐標(biāo)位置記錄于所述Π面板布局文件中；
[0043]依照各位圖文件在PSD文件中用于代表的功能，為各位圖文件分配UI組件，并將各位圖文件所對應(yīng)的UI組件標(biāo)識記錄于所述UI面板布局文件中，形成所述位圖文件與所述Π組件的對應(yīng)關(guān)系。
[0044]S3,依照對應(yīng)關(guān)系組合各所述UI組件、所述UI面板布局文件和所述位圖文件,生成UI功能面板。
[0045]S3具體為:
[0046]依照所述UI面板布局文件中記錄的所述坐標(biāo)位置將所述各位圖文件擺放整齊，并依照所述Π面板布局文件中記錄的對應(yīng)關(guān)系將所述Π組件與所述位圖文件分別對應(yīng)組合，再通過編譯器編譯生成所述游戲Π功能面板。
[0047]本發(fā)明還公開了一種從PSD文件快速生成游戲Π功能面板的裝置，包括:
[0048]UI組件庫；所述UI組件庫為包含有網(wǎng)頁游戲常用UI組件的UI組件集合。所述網(wǎng)頁游戲常用UI組件包括:功能按鈕、滾動條和提示標(biāo)簽等常用的UI組件。
[0049]解析模塊，用于解析依照UI設(shè)計要求設(shè)計生成的PSD文件，生成UI面板布局文件和一系列位圖文件；
[0050]組合模塊，用于依照對應(yīng)關(guān)系組合各所述UI組件、所述UI面板布局文件、所述位圖文件,生成π功能面板。
[0051]通過采用本發(fā)明公開的上述技術(shù)方案，得到了如下有益的效果:
[0052]I)創(chuàng)建網(wǎng)頁游戲?qū)Ｓ肬I組件庫，并使Π組件保持盡量簡單，降低學(xué)習(xí)成本，提高運行效率。
[0053]2)UI布局設(shè)計完全美工掌控，游戲研發(fā)過程中開發(fā)人員不需要進(jìn)行繁瑣的Π組件坐標(biāo)調(diào)整，可以提高開發(fā)效率。
[0054]3)方便進(jìn)行UI功能面板的全局風(fēng)格更新。
[0055]以上所述僅是本發(fā)明的優(yōu)選實施方式，應(yīng)當(dāng)指出，對于本【技術(shù)領(lǐng)域】的普通技術(shù)人員來說，在不脫離本發(fā)明原理的前提下，還可以做出若干改進(jìn)和潤飾，這些改進(jìn)和潤飾也應(yīng)視本發(fā)明的保護(hù)范圍。
【權(quán)利要求】
1.一種從PSD文件快速生成游戲Π功能面板的方法，其特征在于，包括以下步驟: SI，創(chuàng)建UI組件庫； S2，解析依照Π設(shè)計要求設(shè)計生成的PSD文件，生成Π面板布局文件和一系列位圖文件; S3，依照對應(yīng)關(guān)系組合各所述UI組件、所述UI面板布局文件和所述位圖文件，生成UI功能面板。
2.根據(jù)權(quán)利要求1所述的從PSD文件快速生成游戲Π功能面板的方法，其特征在于，SI具體為: 創(chuàng)建包含有多個用于實現(xiàn)Π功能面板中的特定功能的Π組件的組件集合，形成所述UI組件庫。
3.根據(jù)權(quán)利要求2所述的從PSD文件快速生成游戲UI功能面板的方法，其特征在于，所述UI組件庫為包含有網(wǎng)頁游戲常用UI組件的UI組件集合。
4.根據(jù)權(quán)利要求3所述的從PSD文件快速生成游戲UI功能面板的方法，其特征在于，所述網(wǎng)頁游戲常用UI組件包括:功能按鈕、滾動條和提示標(biāo)簽。
5.根據(jù)權(quán)利要求1所述的從PSD文件快速生成游戲UI功能面板的方法，其特征在于，S2具體為: 解析由美工依照UI設(shè)計要求設(shè)計生成的PSD文件，將每一個圖層分別保存為獨立的位圖文件； 將各所述位圖文件在所述PSD文件中的坐標(biāo)位置記錄于所述Π面板布局文件中； 依照各位圖文件在PSD文件中用于代表的功能，為各位圖文件分配Π組件，并將各位圖文件所對應(yīng)的UI組件標(biāo)識記錄于所述UI面板布局文件中，形成所述位圖文件與所述UI組件的對應(yīng)關(guān)系。
6.根據(jù)權(quán)利要求1所述的從PSD文件快速生成游戲Π功能面板的方法，其特征在于，S3具體為: 依照所述UI面板布局文件中記錄的所述坐標(biāo)位置將所述各位圖文件擺放整齊，并依照所述Π面板布局文件中記錄的對應(yīng)關(guān)系將所述Π組件與所述位圖文件分別對應(yīng)組合，再通過編譯器編譯生成所述游戲Π功能面板。
7.一種從PSD文件快速生成游戲UI功能面板的裝置，其特征在于，包括: UI組件庫； 解析模塊，用于解析依照UI設(shè)計要求設(shè)計生成的PSD文件，生成UI面板布局文件和一系列位圖文件； 組合模塊，用于依照對應(yīng)關(guān)系組合各所述Π組件、所述Π面板布局文件、所述位圖文件，生成UI功能面板。
8.根據(jù)權(quán)利要求7所述的從PSD文件快速生成游戲UI功能面板的裝置，其特征在于，所述UI組件庫為包含有網(wǎng)頁游戲常用UI組件的UI組件集合。
9.根據(jù)權(quán)利要求8所述的從PSD文件快速生成游戲UI功能面板的裝置，其特征在于，所述網(wǎng)頁游戲常用UI組件包括:功能按鈕、滾動條和提示標(biāo)簽。
【文檔編號】G06F9/44GK103870251SQ201210527916
【公開日】2014年6月18日 申請日期:2012年12月7日 優(yōu)先權(quán)日:2012年12月7日
【發(fā)明者】張俊欽 申請人:廣州愛游信息科技有限公司