Skip to content

High Performance HTML5 Game

Wander Wang edited this page Jul 20, 2014 · 5 revisions

HTML5游戏性能优化技巧

编写中

低性能设备兼容策略

概述

开发者应该了解到,无论如何进行优化,都无法越过HTML5在低端机上表现不佳这个硬伤。所以我们暂时放下优化技巧不表,专心于解决当设备性能很差时,开发者应使用何种技巧,让游戏看起来尽可能的也有相对好的体验。我们的工作就是,当帧频降低时,游戏逻辑应该仍然表现正常,这主要包含以下两点:

  • 游戏的运行节奏没有因为低帧频降低而降低
  • 游戏未因为帧频降低而导致BUG产生

准备工作

首先,开发者应该在自己的开发环境上模拟低端机环境,最简单的方法就是将游戏帧频从默认值60修改为15或者30。

解决游戏的运行节奏降低的问题

在帧频降低后,游戏出现的一个常见的问题是游戏整体节奏被降低了,以一个飞行射击游戏为例,原来一架敌机会在6秒内向下移动 720 像素,在帧频从60修改为15后,敌机的移动变得非常缓慢,变成了约24秒向下移动720像素。

如果出现类似情况,请确认开发者是否编写过如下的代码


class Fighter extends egret.DisplayObjectContainer {


public onEnterFrame():voi{
    this.y += 20;
}


}



```