如何用html5开发游戏app

1、AdobeEdge AdobeEdge的目的是帮助专业设计师制作网页动画乃至简单游戏。该工具的重点放在动画引擎上，但adobe承诺将增加更多HTML5功能，比如Canvas、HTML5音频/视频标签等。支持Android、iOS、webOS、黑莓PlayBook、Firefox、Chrome、Safari和IE9等各个平台。

2、一：现在HTML5非常火的技术，主要方向在使用高端浏览器的高端移动设备，所以可以用作开发Android系统的App。二：html5对android、ios系统都支持。三：HTML5可以用作离线应用的开发，离线应用就是把需要的资源先缓存到本地，下次再查看时无需联网。

3、框架：PhoneGap官网：简介：PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。

4、可以通过webview方式访问远程，也可以把html5页面放在手机app端，本地方式进行访问。但都离不开webview。HTML5现在现成的框架比较多，photogap，jquery mobile，bootstrap等都可以，如果功能简单，也可以不使用框架，自己写几个html5页面就行了。

5、流程：开发对应的Web App；搭建Native App的开发环境；（比如Android的JDK+Eclipse+ADT+SDK）使用中间框架来帮助生成；（比如PhoneGap）生成App并发布到应用市场。另外，使用纯web语言开发的Native App，执行效率普遍不高，事件响应有延迟。

HTML5游戏开发实用建议

1、话不多说，现在就开始介绍HTML5游戏开发的5条实用建议。建议1：使用框架如果只是用HTML5编写一些小程序其实非常简单，但如果想往你的游戏中加入更丰富的功能，那么就有许多其他的事情需要处理了。

2、谷歌对于首屏设计的官方建议[8]有些含糊不清：调整你的HTML结构，以首先加载关键的首屏内容。减少你的资源使用的数据量。所以我们来将其分解为更可操作的几个步骤：确保你的CSS是内联的。尽量减少、合并和消除不必要的外部CSS文件。自动减少阻碍渲染的CSS数据。

3、接下来，我们将探讨实现这些应用的关键需求，着重讲解HTMLCSS和JavaScript的特性和通用编程策略，这些技术如何协同工作，让游戏功能得以实现。每一章的讲解都详尽而实际，旨在帮助读者理解并掌握这些技术的运用。

HTML5游戏开发内容简介

本书深入剖析了HTML5游戏开发，共分为10个章节，每个章节都围绕一个具体的游戏示例展开，以生动的方式展现HTML5的实用技巧。章节开始，我们会介绍相关技术特性及其在游戏开发中的应用，让你对所需的技术有清晰的认识。

每章都先列出相关的技术特性并给出了应用的描述，然后讨论了实现这个应用的关键需求，接着强调了满足这些需求的HTMLCSS 和JavaScript 特性或者通用编程方法，最后详细介绍了代码的实现。另外，每一章都对如何把这些游戏变成你自己的应用给出了建议，并指出如何测试应用并将其上传到网站上。

手机网页开发。这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发，所有最终代码具有跨系统平台的特性。app前端开发。

html5游戏开发，需要学习的技术：HTML5教程 主要学习HTML标签、属性和事件。CSS教程 主要学习使用CSS来控制网页的样式和布局。JavaScript教程 做HTML5开发，主要使用JS语言。所以要学习JS语言。HTML5其它的核心技术 做HTML5开发，可能会用到下面的技术。

客户端：制作游戏客户端、点卡、充值卡、印制游戏说明书、游戏包装、游戏赠品一类的成本。 需求分析 第四步，撰写需求分析书。这包括以下三个方面： 1）、美工需求：撰写美工需求分析书，内容包括需求图、工作量等。其中工作量需要以天来计。内容具体如下： 场景：包括游戏地图、小场景等方面。

话不多说，现在就开始介绍HTML5游戏开发的5条实用建议。建议1：使用框架如果只是用HTML5编写一些小程序其实非常简单，但如果想往你的游戏中加入更丰富的功能，那么就有许多其他的事情需要处理了。