请教下html5游戏开发_生活广记

9秒学院html5游戏开发进步流程：
1. HTML5教程
主要学习HTML标签、属性和事件。
2. CSS教程
主要学习使用CSS来控制网页的样式和布局。
3. Javascript教程
做HTML5开发，主要使用JS语言。所以要学习JS语言。必要时还要学习一些JS库，方便开发。
4. HTML5其它的核心技术
以上只是基础，做HTML5开发，可能会用到下面的技术。
1）WebWorker
可以在浏览器中运行多个JS脚本。可以用于需要后台执行某种耗时工作的场合。
2）WebSocket
浏览器可以与服务器间双向通信。Socket方式能够大大提高浏览器与服务器间的通信效率。可以用于浏览器与服务器间通信频繁的场合，比如实时聊天。
3）Canvas2D
浏览器中画图。可以用于游戏开发等等场合。
参考网站：9秒学院
windows下做html5开发用什么工具？1.Impact ：支持桌面环境和移动端，支持所有主流浏览器： FIrefox, Chrome,, Safari, Opera 和 IE。
2.Craftjs 是另外一个完美的游戏引擎，提供一个开发杰出游戏的接口，并且跨浏览器兼容。
3.playcraft 引擎提供给开发者许多工具集，帮助开发各种类型的游戏，这些工具集非常强大，可以让开发者自由发挥自己的各种想法，并且可以很容易转换到其他的平台，比如 Facebook，旧版的网站，原生 Android 和 iOS 应用等等。
4.Jaws 是个 HTML5 驱动的 2D 游戏库，刚开发的时候只能用来制作 canvas，现在支持通过同样的 API 来制作普通基于 DOM 的 sprites 。支持的浏览器：Chrome 9+, Firefox 3.6+, Safari 5+ & IE9 。
5.Enchant.js 是个简单的 Javascript 框架，可以使用 HTML5 和 Javascript 来开发简单的游戏和应用。现在还是由 UEI 的 Akihabara 研究中心来开发和维护。
工具/原料
AdobeDreamweaverCS6
AdobeEdge
DevExtreme
JetBrainsWebStorm
SenchaArchitect
Initializr
HTML5demos
HTML5Tracker
HTML5visualcheatsheet
SwitchToHTML5
HTML5Test
LimeJS
12款程序员必备的HTML5开发工具
方法/步骤1:
1.AdobeDreamweaverCS6
DreamweaverCS6是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面，用于制作并编辑网站和移动应用程序的网页设计软件。由于Dreamweaver支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，对于初级人员，你可以无需编写任何代码就能快速创建Web页面。其成熟的代码编辑工具更适用于Web开发高级人员的创作！
方法/步骤2:
2.AdobeEdge
AdobeEdge是一个用HTML5、CSS、Java开发动态互动内容的设计工具。它的一个重要功能是web工具包界面，用于方便确保在不同浏览器中架构的一致性，此外，AdobeEdge还将整合TypeKit这样的字体服务。通过Edge设计的内容可以兼容iOS和Android设备，也可以运行在火狐、Chrome、Safari和IE9等主流浏览器上。
方法/步骤3:
3.DevExtreme
【请教下html5游戏开发】
DevExtremeCompleteSubion是性能最优的HTML5,CSS和Java移动开发框架，可以直接在VisualStudio集成开发环境，构建iOS，Android，Tizen和WindowsPhone8应用程序。DevExtreme包含PhoneJS和ChartJS两个原生UI组件，并且提供源代码。目前，DevExtreme支持VS2010/2012/2013集成开发环境，兼容Android4+、iOS5+、Windows8、WindowPhone8、Tizen五大移动平台，是VisualStudio开发人员开发跨平台移动产品的首选工具。
方法/步骤4:
4.JetBrainsWebStorm
WebStorm是jetbrains公司旗下一款Javascript开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaSIDE”等。与IntelliJIDEA同源，继承了IntelliJIDEA强大的JS部分的功能。
方法/步骤5:
5.SenchaArchitect
在开发移动和桌面应用的工具中， Sencha的定位是HTML5可视化应用开发。开发团队可以在一个单一集成的环境中完成应用的设计、开发和部署。开发者还可以开发SenchaTouch2和ExtJS4Java应用，并实时预览。
方法/步骤6:
6、Initializr
Initializr是制作HTML5网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生成网站，也可以自定义，Initializr会为你生成代码简洁的可定制的网页模板。
方法/步骤7:
7、HTML5demos
想知道你的浏览器是否支持HTML5Canvas吗？想知道Safari是否可以运行简单的HTML5聊天客户端吗？HTML5demos会告诉你每一个HTML5特性在哪些浏览器中支持。
方法/步骤8:
8、HTML5Tracker
想了解HTML5的最新动向吗?使用HTML5Tracker吧，它可以跟踪HTML5最新修订信息。
方法/步骤9:
9、HTML5visualcheatsheet
想要快速超找一个标签或者属性吗？看看这个非常酷的速查手册吧，每个Web开发人员的必备。
方法/步骤10:
10、SwitchToHTML5
SwitchToHTML5是一个基础而实用的模板生成工具。如果你开始一个新项目，可以到这里获取免费的HTML5网站模板。
方法/步骤11:
11、HTML5Test
你浏览器准备好迎接HTML5革命了吗？HTML5Test将告诉你。这个网站会为你当前使用的浏览器生成一份对video、audio、canvas等等特性的支持情况的完整报告。
方法/步骤12:
12、LimeJS
LimeJS是一个HTML5游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。非常棒的HTML5开发工具，一定要用用试试。