一种制作HTML5游戏的优化方法及装置制造方法及图纸

本发明专利技术公开了一种制作HTML5游戏的优化方法及装置，涉及HTML5游戏制作技术领域，其优化方法包括：对HTML5游戏制作有关的关键数据进行实时监测；将监测到的关键数据按秒进行计算，并根据计算结果，绘制成关键数据柱状图；在HTML5游戏制作监控界面上显示所述关键数据柱状图，以便在制作HTML5游戏过程中，利用所述监控界面所显示的关键数据柱状图判断所制作的HTML5游戏运行是否正常，并根据判断结果，所述HTML5游戏进行优化处理。本发明专利技术通过图形化的方式可以直观的看到这些数据的变化情况，使软件工程师可以通过这些数据有针对性的进行程序优化和问题排查。

An optimization method and device for making HTML5 games

The invention discloses a method and device for optimizing the production of HTML5 games, HTML5 games involving manufacturing technical field, including the optimization method: the key data related to the real-time monitoring of HTML5 game production; calculation will be monitored by the second key data, and according to the calculation results, draw the key data histogram in the HTML5 game; production monitoring interface to display the key data column, in the process of production to the HTML5 game, HTML5 game run key data using the histogram judgment monitoring interface display produced is normal, according to the judgment result, the HTML5 game optimization. The invention can directly see the change of data through graphical way, and enable software engineers to optimize programs and check problems through these data.

【技术实现步骤摘要】
一种制作HTML5游戏的优化方法及装置
本专利技术涉及HTML5(HyperTextMarkupLanguage5，超文本标记语言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阶段消耗的时间数据、每帧事件处理和矩阵运算阶段消耗的时间数据以及每帧绘制显示对象阶段消耗的时间数据。优选地，所述绘制模块包括：第一绘制单元，用于按照每秒绘制一次的频率，将监测到的每秒帧频数据以连续柱状图的方式绘制成帧频数据柱状图；第二绘制单元，用于按照每秒绘制一次的频率，将监测到的每帧Ticker和EnterFrame阶段消耗的时间数据以连续柱状图的方式绘制成Ticker和EnterFrame阶段消耗的平均时间数据柱状图；第三绘制单元，用于按照每秒绘制一次的频率，将监测到的每帧事件处理和矩阵运算阶段消耗的时间数据以连续柱状图的方式绘制成事件处理和矩阵运算阶段消耗的平均时间数据柱状图；第四绘制单元，用于按照每秒绘制一次的频率，将监测到的每帧绘制显示对象阶段消耗的时间数据以连续柱状图的方式绘制成绘制显示对象阶段消耗的平均时间数据柱状图。优选地，所述优化模块还用于通过在预置的时间范围内对HTML5游戏制作所监测到的帧频数据进行统计，获取所预置时间范围内的最小帧频数据、最大帧频数据以及平均帧频数据，以及通过在HTML5游戏制作监控界面上显示所获取的最小帧频数据、最大帧频数据以及平均帧频数据，以便对所述HTML5游戏进行优化处理。根据本专利技术实施例提供的方案，不但可以完美显示以上内容，还通过图形化的形式，更直观的显示更多的数据。附图说明图1是本专利技术实施例提供的一种制作HTML5游戏的优化方法流程图；图2是本专利技术实施例提供的一种制作HTML5游戏的优化装置示意图；图3是本专利技术实施例提供的监控界面的数据显示示意图。具体实施方式以下结合附图对本专利技术的优选实施例进行详细说明，应当理解，以下所说明的优选实施例仅用于说明和解释本专利技术，并不用于限定本专利技术。图1是本专利技术实施例提供的一种制作HTML5游戏的优化方法流程图，如图1所示，包括：步骤S101：对HTML5游戏制作有关的关键数据进行实时监测；步骤S102：将监测到的关键数据按秒进行计算，并根据计算结果，绘制成关键数据柱状图；步骤S103：在HTML5游戏制作监控界面上显示所述关键数据柱状图，以便在制作HTML5游戏过程中，利用所述监控界面所显示的关键数据柱状图判断所制作的HTML5游戏运行是否正常，并根据判断结果，所述HTML5游戏进行优化处理。其中，所述关键数据包括每秒的帧频数据、每帧Ticker和EnterFrame阶段消耗的时间数据、每帧事件处理和矩阵运算阶段消耗的时间数据以及每帧绘制显示对象阶段消耗的时间数据。具体的说，所述将监测到的关键数据按秒进行计算，并根据计算结果，绘制成关键数据柱状图包括：按照每秒绘制一次的频率，将监测到的每秒帧频数据以连续柱状图的方式绘制成帧频数据柱状图；按照每秒绘制一次的频率，将监测到的每帧Ticker和EnterFrame阶段消耗的时间数据以连续柱状图的方式绘制成Ticker和EnterFrame阶段消耗的平均时间数据柱状图；按照每秒绘制一次的频率，将监测到的每帧事件处理和矩阵运算阶段消耗的时间数据以连续柱状图的方式绘制成事件处理和矩阵运算阶段消耗的平均时间数据柱状图；按照每秒绘制一次的频率，将监测到的每帧绘制显示对象阶段消耗的时间数据以连续柱状图的方式绘制成绘制显示对象阶段消耗的平均时间数据柱状图。本专利技术实施例还包括：通过在预置的时间范围内对本文档来自技高网...

【技术保护点】
一种制作HTML5游戏的优化方法，其特征在于，包括：对HTML5游戏制作有关的关键数据进行实时监测；将监测到的关键数据按秒进行计算，并根据计算结果，绘制成关键数据柱状图；在HTML5游戏制作监控界面上显示所述关键数据柱状图，以便在制作HTML5游戏过程中，利用所述监控界面所显示的关键数据柱状图判断所制作的HTML5游戏运行是否正常，并根据判断结果，所述HTML5游戏进行优化处理。

【技术特征摘要】
1.一种制作HTML5游戏的优化方法，其特征在于，包括：对HTML5游戏制作有关的关键数据进行实时监测；将监测到的关键数据按秒进行计算，并根据计算结果，绘制成关键数据柱状图；在HTML5游戏制作监控界面上显示所述关键数据柱状图，以便在制作HTML5游戏过程中，利用所述监控界面所显示的关键数据柱状图判断所制作的HTML5游戏运行是否正常，并根据判断结果，所述HTML5游戏进行优化处理。2.根据权利要求1所述的优化方法，其特征在于，所述关键数据包括每秒的帧频数据、每帧Ticker和EnterFrame阶段消耗的时间数据、每帧事件处理和矩阵运算阶段消耗的时间数据以及每帧绘制显示对象阶段消耗的时间数据。3.根据权利要求2所述的优化方法，其特征在于，所述将监测到的关键数据按秒进行计算，并根据计算结果，绘制成关键数据柱状图包括：按照每秒绘制一次的频率，将监测到的每秒帧频数据以连续柱状图的方式绘制成帧频数据柱状图；按照每秒绘制一次的频率，将监测到的每帧Ticker和EnterFrame阶段消耗的时间数据以连续柱状图的方式绘制成Ticker和EnterFrame阶段消耗的平均时间数据柱状图；按照每秒绘制一次的频率，将监测到的每帧事件处理和矩阵运算阶段消耗的时间数据以连续柱状图的方式绘制成事件处理和矩阵运算阶段消耗的平均时间数据柱状图；按照每秒绘制一次的频率，将监测到的每帧绘制显示对象阶段消耗的时间数据以连续柱状图的方式绘制成绘制显示对象阶段消耗的平均时间数据柱状图。4.根据权利要求1所述的优化方法，其特征在于，还包括：通过在预置的时间范围内对HTML5游戏制作所监测到的帧频数据进行统计，获取所预置时间范围内的最小帧频数据、最大帧频数据以及平均帧频数据；通过在HTML5游戏制作监控界面上显示所获取的最小帧频数据、最大帧频数据以及平均帧频数据，以便对所述HTML5游戏进行优化处理。5.根据权利要求1所述的优化方法，其特征在于，还包括：通过对HTML5游戏制作所监测到的每帧调用draw方法的次数进行统计，获取每帧调用draw方法的平均次数数据；通过在HTML5游戏制作监控界面上显示所获取的每帧调用draw方法的平均次数数据，以便对所述HTML5游戏进行优化处理。6.根据权利要求1所...

【专利技术属性】
技术研发人员：张宇，
申请(专利权)人：北京白鹭时代信息技术有限公司，
类型：发明
国别省市：北京,11