适应手机的Javascript游戏

我目前正在为桌面用户开发一个Javascript网页游戏。 这是一种仅依靠鼠标input的塔防游戏,使用EaselJS在canvas上进行开发。 在未来,或者也许同时,我想适应移动设备的游戏。

我可以看到从桌面移动到移动的至less三个潜在领域:1.分辨率大小和UI重新排列,2.将鼠标事件转换为触摸事件,3.作为本地应用程序包装或移动networking分发。

促进桌面到移动转换的最佳策略是什么? 例如,我应该尝试在两个平台上编写游戏代码,还是通过分支代码库将游戏UI移植到移动设备上。 我应该只在移动网站上发布还是在本地应用程序框架中包装游戏? 如果我要使用相同的代码库为两个平台编写代码,我应该注册点击和触摸事件,还是使用dispatchEvent重新映射点击事件来触摸?

1)分辨率不一定是个问题,这取决于你的游戏逻辑。 如果你的世界是“更大”,那么你的屏幕分辨率,只是创造一些方式,向左/右向上/向下移动世界。 您也可以根据分辨率实施缩放。

在计算机上,您可以收听keydown事件,在平板电脑上,您可以使用平板电脑旋转来移动自上而下的相机,同时触摸特定位置(button等)上的屏幕,也可以使用滑动来做到这一点。

用户界面的安排确实有很大的不同,手机的平板电脑空间较小,而24寸桌面显示器的空间较小,所以我尽量让界面尽可能“隐藏” – >当你点击一个小图标屏幕的一部分popup菜单。

2)转换鼠标事件不应该是一个大问题,除非你使用鼠标右键或拖/放。 如果您的游戏只响应点击,则默认情况下,这可以在移动设备上运行。

3)使用phonegap或类似工具同时发布html / js应用到多个平台。 我不知道应用程序使用phonegap的具体要求,但他们的网站解释了所有。