[發(fā)明專利]一種基于H5游戲的頁面顯示方法及系統(tǒng)

在審

• 申請?zhí)枺?/td>: 201810732363.2
• 申請日: 2018-07-05
• 公開（公告）號: CN109190066A
• 公開（公告）日: 2019-01-11
• 發(fā)明（設(shè)計）人: 徐曉東
• 申請（專利權(quán)）人: 無錫天脈聚源傳媒科技有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957;G06F9/50
• 代理公司: 廣州嘉權(quán)專利商標(biāo)事務(wù)所有限公司 44205
• 代理人: 譚英強

本發(fā)明公開了一種基于H5游戲的頁面顯示方法及系統(tǒng)，其中，方法包括以下步驟：獲取頁面上需要實時更新渲染的元素的數(shù)量，根據(jù)第一閾值實時控制元素的數(shù)量。本發(fā)明通過實時監(jiān)控頁面上元素的數(shù)量，并根據(jù)第一閾值控制元素的數(shù)量，避免頁面上的元素過多，增大CPU的負(fù)荷，造成游戲的頁面卡頓，解決了游戲卡頓的問題，極大提高了用戶的操作體驗，可廣泛應(yīng)用于H5游戲技術(shù)領(lǐng)域。

技術(shù)領(lǐng)域

本發(fā)明涉及H5游戲技術(shù)領(lǐng)域，尤其涉及一種基于H5游戲的頁面顯示方法及系統(tǒng)。

背景技術(shù)

H5是一系列制作網(wǎng)頁互動效果的技術(shù)集合，即H5就是移動端的web頁面。而H5游戲，可以看作是移動端的web游戲，無需下載軟件即可體驗，這就是H5在傳播上的優(yōu)勢。

現(xiàn)在的計算，可以基于傳統(tǒng)的移動網(wǎng)頁制作動畫，來實現(xiàn)交互類的復(fù)雜動作，這需要在頁面上添加大量的元素，再通過局部的多元素拼合來完成動畫制作，比如現(xiàn)有的捕魚游戲，頁面中有一海洋背景和多條游動的魚，頁面需要消耗大量的內(nèi)存去渲染那些游動的魚，所述游動的魚為需要實時更新渲染的元素，而且在游戲進(jìn)行中，CPU內(nèi)存還需要運行邏輯代碼。如果頁面中游動的魚的數(shù)目太多，則會大大的加大CPU的負(fù)荷。當(dāng)需要渲染的魚的數(shù)目超出CPU的運行能力時，線程會堵塞，游戲的頁面就會卡頓，導(dǎo)致游戲畫面播放不流暢，嚴(yán)重影響用戶的操作體驗。

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

為了解決上述技術(shù)問題，本發(fā)明的目的是提供一種控制游戲元素的數(shù)量的頁面顯示方法。

本發(fā)明的另一目的是提供一種控制游戲元素的數(shù)量的頁面顯示系統(tǒng)。

本發(fā)明所采用的技術(shù)方案是：

一種基于H5游戲的頁面顯示方法，包括以下步驟：

獲取頁面上需要實時更新渲染的元素的數(shù)量，根據(jù)第一閾值實時控制元素的數(shù)量。

進(jìn)一步，還包括初始化步驟，具體為：

獲取智能終端的性能參數(shù)，并根據(jù)性能參數(shù)設(shè)置第一閾值，以及建立一個實時映射元素的數(shù)量的變量。

進(jìn)一步，所述根據(jù)第一閾值實時控制元素的數(shù)量的步驟，具體為：

根據(jù)元素的數(shù)量實時更新變量的變量值后，判斷變量值是否小于第一閾值，若是，按照預(yù)設(shè)方式增加元素，并相應(yīng)的增加變量值；反之，停止增加元素。

進(jìn)一步，所述按照預(yù)設(shè)方式增加元素的步驟，具體為：

判斷變量值是否小于第二閾值，若是，采用第一種方式增加元素；反之，采用第二種方式增加元素。

進(jìn)一步，還包括以下步驟：

實時獲取各元素在頁面上的第一坐標(biāo)值，以及用戶輸入的第二坐標(biāo)值，判斷第一坐標(biāo)值是否等于第二坐標(biāo)值，若是，刪除對應(yīng)的元素，并對應(yīng)的減少變量值；反之，更新第一坐標(biāo)值。

進(jìn)一步，還包括以下步驟：

實時獲取各元素在頁面上的第一坐標(biāo)值，以及頁面的輪廓坐標(biāo)值，判斷第一坐標(biāo)值是否等于輪廓坐標(biāo)值，若是，刪除對應(yīng)的元素，并對應(yīng)的減少變量值；反之，更新第一坐標(biāo)值。

進(jìn)一步，所述采用第一種方式增加元素的步驟，具體為：

在預(yù)設(shè)數(shù)值范圍內(nèi)隨機獲取一數(shù)值后，根據(jù)該數(shù)值增加元素。

所述采用第二種方式增加元素的步驟，具體為：

逐一增加頁面上的元素。

本發(fā)明所采用的另一技術(shù)方案是：

一種基于H5游戲的頁面顯示系統(tǒng)，包括：

至少一個處理器；

至少一個存儲器，用于存儲至少一個程序；