教你如何在手机上玩网页游戏

本文，介绍一下如何在手机上玩网页小游戏。目前，网页游戏都是基于html5。

打开手机浏览器，准备设置浏览器。

在设置目录下，找到网页浏览设置。

把浏览器标识改为电脑版。

用百度搜索游戏名，比如《推箱子》。

进入4399小游戏页面，可以看到很多推箱子小游戏；

快速双击屏幕，可以实现屏幕放大。

选择《盒子男孩》；

点击开始游戏按钮；

选择关卡。

第一关很容易，用手指在红色箱子上，往右划一下，箱子就会自动跑到右面指定位置。

但是第二关就不行了，手指滑动之后，箱子会一直跑到头，不会转弯。

关键原因是，手机上面玩这个游戏，没有方向键可以使用。

打包成Android APP为例

下载安装MyEclipse2014，Android SDK，eclipse(需配置Android开发环境)

Java和Android环境安装与配置，将另写经验分享，读者也可百度参考其他相关资料，自行安装

打开MyEclipse2014，新建一个HTML5 Mobile Application Project，命名，例如：hello

html5程序在工程www目录下编辑；

编辑好我们的html5程序，下面就要开始学习打包了

这里介绍两种打包方式：1、PhoneGap Build Service 打包

PhoneGap官网有相关教程可参考，不具体介绍

2、android SDK +eclispe 打包

android SDK +eclispe 打包(前提已配置好，android开发环境)：

Step1、启动eclipse，新建Android Application Project，即Android工程，命名，例如：hello

Step2、将前面Myeclipse2014中编辑好的HTML5程序拷至刚刚在eclipse新建hello工程对应assets目录下面

Step3、下面要做的就是如何将我们的HTML5程序在Android应用中启动，这里我们要使用Android系统自带的WebView控件（具体信息参考Adroid开发文档）---在工程下找到res->layout->activity_main.xml并打开，向里面插入WebView控件，编辑好自己想要的样式

8

Step4、在主程序入口，用刚刚编辑好的WebView控件将HTML5程序引入，此时，主体功能已实现，编译工程即可得到apk

H5的小游戏其实就是用基于HTML5技术制作的小游戏，常见的HTML5游戏制作，如果不考虑游戏策划，如果你关心的更多的是制作的话，

那么按照制作方式可以分为两种：

1、原生开发

就是自己写HTML5代码（HTML／CSS／Javascript），或者使用第三方引擎，例如国内常见的白鹭、Cocos2d-Js，以及国外的http://Phaser.io，这个极力推荐，虽然国内用的人不多。

2、第三工具

另外就是通过一些第三方工具来实现游戏的生成与定制。

这里也可以分为两类

A 套模版

有简单的直接套模版，替换素材，游戏音乐音效即可直接完成的，例如我们做的24好玩平台即是其中之一，类似的还有极点互动、微播盈趣、凡科互动等等。

B 工具编辑器

也有一些高级的工具类似于H5互动编辑器MAKA，我知道的有国外的Construct，如果你想学，不想从0开始学代码，这个是一个略微高级的学法。

南京未墨广告有限公司，拥有10技术开发经验，价格低，速度快

---