[發明專利]一種制作HTML5游戲的優化方法及裝置

在審

• 申請號: 201710164188.7
• 申請日: 2017-03-20
• 公開（公告）號: CN107423189A
• 公開（公告）日: 2017-12-01
• 發明（設計）人: 張宇
• 申請（專利權）人: 北京白鷺時代信息技術有限公司
• 主分類號: G06F11/30
• 分類號: G06F11/30;G06F11/34
• 代理公司: 北京大成律師事務所11352
• 代理人: 王衛東

技術領域

本發明涉及HTML5(HyperText Markup Language5，超文本標記語言5)游戲制作技術領域，特別涉及一種制作HTML5游戲的優化方法及裝置。

背景技術

制作HTML5游戲的時候，開發人員需要通過一些數據來觀察游戲運行的狀況，以便優化代碼，改進程序，提高整體性能。

一般的性能監控界面里通常都會顯示下面幾個內容:

1.表示當前程序運行的幀頻數字。

2.繪制顯示對象消耗的時間。

3.時間處理和矩陣運算消耗的時間。

因此，現有的技術方案一般都是把當前的幀頻數字和其它數字信息直接顯示在屏幕上，無法看到一段時間內這些數據的變化狀態，無法了解程序運行過程中相關性能的變化情況。

發明內容

根據本發明實施例提供的方案解決的技術問題是在監控界面上只顯示了當前的幀頻狀態和其他的較少的數據信息，因此無法了解程序運行過程中相關性能的變化情況。

根據本發明實施例提供的一種制作HTML5游戲的優化方法，其特征在于，包括：

對HTML5游戲制作有關的關鍵數據進行實時監測；

將監測到的關鍵數據按秒進行計算，并根據計算結果，繪制成關鍵數據柱狀圖；

在HTML5游戲制作監控界面上顯示所述關鍵數據柱狀圖，以便在制作HTML5游戲過程中，利用所述監控界面所顯示的關鍵數據柱狀圖判斷所制作的HTML5游戲運行是否正常，并根據判斷結果，所述HTML5游戲進行優化處理。

優選地，所述關鍵數據包括每秒的幀頻數據、每幀Ticker和EnterFrame階段消耗的時間數據、每幀事件處理和矩陣運算階段消耗的時間數據以及每幀繪制顯示對象階段消耗的時間數據。

優選地，所述將監測到的關鍵數據按秒進行計算，并根據計算結果，繪制成關鍵數據柱狀圖包括：

按照每秒繪制一次的頻率，將監測到的每秒幀頻數據以連續柱狀圖的方式繪制成幀頻數據柱狀圖；

按照每秒繪制一次的頻率，將監測到的每幀Ticker和EnterFrame階段消耗的時間數據以連續柱狀圖的方式繪制成Ticker和EnterFrame階段消耗的平均時間數據柱狀圖；

按照每秒繪制一次的頻率，將監測到的每幀事件處理和矩陣運算階段消耗的時間數據以連續柱狀圖的方式繪制成事件處理和矩陣運算階段消耗的平均時間數據柱狀圖；

按照每秒繪制一次的頻率，將監測到的每幀繪制顯示對象階段消耗的時間數據以連續柱狀圖的方式繪制成繪制顯示對象階段消耗的平均時間數據柱狀圖。

優選地，還包括：

通過在預置的時間范圍內對HTML5游戲制作所監測到的幀頻數據進行統計，獲取所預置時間范圍內的最小幀頻數據、最大幀頻數據以及平均幀頻數據；

通過在HTML5游戲制作監控界面上顯示所獲取的最小幀頻數據、最大幀頻數據以及平均幀頻數據，以便對所述HTML5游戲進行優化處理。

優選地，還包括：

通過對HTML5游戲制作所監測到的每幀調用draw方法的次數進行統計，獲取每幀調用draw方法的平均次數數據；

通過在HTML5游戲制作監控界面上顯示所獲取的每幀調用draw方法的平均次數數據，以便對所述HTML5游戲進行優化處理。

優選地，還包括：

通過對HTML5游戲制作臟區域所占舞臺的區域進行實時監測，獲取臟區域所占舞臺的百分比數據；

通過在HTML5游戲制作監控界面上顯示所獲取的臟區域所占舞臺的百分比數據，以便對所述HTML5游戲進行優化處理。

根據本發明實施例提供的一種制作HTML5游戲的優化裝置，包括：

監測模塊，用于對HTML5游戲制作有關的關鍵數據進行實時監測；

繪制模塊，用于將監測到的關鍵數據按秒進行計算，并根據計算結果，繪制成關鍵數據柱狀圖；

優化模塊，用于在HTML5游戲制作監控界面上顯示所述關鍵數據柱狀圖，以便在制作HTML5游戲過程中，利用所述監控界面所顯示的關鍵數據柱狀圖判斷所制作的HTML5游戲運行是否正常，并根據判斷結果，所述HTML5游戲進行優化處理。

優選地，所述關鍵數據包括每秒的幀頻數據、每幀Ticker和EnterFrame階段消耗的時間數據、每幀事件處理和矩陣運算階段消耗的時間數據以及每幀繪制顯示對象階段消耗的時間數據。

優選地，所述繪制模塊包括：