请教下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秒学院
如何入门Html5游戏开发
html5游戏开发，需要学习的技术：1、HTML5教程主要学习HTML标签、属性和事件。 2、CSS教程 主要学习使用CSS来控制网页的样式和布局。 3、JavaScript教程 做HTML5开发，主要使用JS语言。所以要学习JS语言。4、HTML5其它的核心技术 做HTML5开发，可能会用到下面的技术。 （1）WebWorker 可以在浏览器中运行多个JS脚本。可以用于需要后台执行某种耗时工作的场合。（2）WebSocket 浏览器可以与服务器间双向通信。Socket方式能够大大提高浏览器与服务器间的通信效率。可以用于浏览器与服务器间通信频繁的场合，比如实时聊天。扩展资料：HTML5的优点：新一代网络标准能够让程序通过Web浏览器，消费者从而能够从包括个人电脑、笔记本电脑、智能手机或平板电脑在内的任意终端访问相同的程序和基于云端的信息。HTML5允许程序通过Web浏览器运行，并且将视频等目前需要插件和其它平台才能使用的多媒体内容也纳入其中，这将使浏览器成为一种通用的平台，用户通过浏览器就能完成任务。此外，消费者还可以访问以远程方式存储在“云”中的各种内容，不受位置和设备的限制。缺点：1、开放性带来的困扰在从前网络平台上存在大量的专利产品，想要实现HTML5技术的大量应用首先就需要将这些专利性的产品变为开放式的产品，由于各种原因，当前面对这一问题还存在许多争议。以视频格式为例，两大阵营对于视频格式的设置存在争议，一大阵营以苹果为代表，另一大阵营则以Opera、火狐、谷歌为代表。WPEG阵营是苹果所属阵营，由于其自身全部使用的是这一种格式，所以坚持认为应当将此格式作为标准，而WebM阵营则认为由于WPEG格式的专利依然没有解除，对于HTML5技术要求的开放性没有达标，所以不同意将其作为标准格式。2、发展的速度有待提升在HTML5中提出了一些从前HTML技术中不具有的新技术，但是有许多主流浏览器在长时间的发展过程中已经完成了此种技术的开发，在自身浏览器中实现了此种功能，就这一情况来说HTML5的发展速度方面存在一定的问题。同时由于HTML5的不成熟，当前关于HTML5的相关技术标准还没有完全确定，所以在短时间想要将其投入大规模应用还比较困难。
html5游戏开发，需要学习什么技术？
html5游戏开发，需要学习的技术：1、HTML5教程主要学习HTML标签、属性和事件。 2、CSS教程 主要学习使用CSS来控制网页的样式和布局。 3、JavaScript教程 做HTML5开发，主要使用JS语言。所以要学习JS语言。4、HTML5其它的核心技术 做HTML5开发，可能会用到下面的技术。 （1）WebWorker 可以在浏览器中运行多个JS脚本。可以用于需要后台执行某种耗时工作的场合。（2）WebSocket 浏览器可以与服务器间双向通信。Socket方式能够大大提高浏览器与服务器间的通信效率。可以用于浏览器与服务器间通信频繁的场合，比如实时聊天。扩展资料：HTML5的优点：新一代网络标准能够让程序通过Web浏览器，消费者从而能够从包括个人电脑、笔记本电脑、智能手机或平板电脑在内的任意终端访问相同的程序和基于云端的信息。HTML5允许程序通过Web浏览器运行，并且将视频等目前需要插件和其它平台才能使用的多媒体内容也纳入其中，这将使浏览器成为一种通用的平台，用户通过浏览器就能完成任务。此外，消费者还可以访问以远程方式存储在“云”中的各种内容，不受位置和设备的限制。缺点：1、开放性带来的困扰在从前网络平台上存在大量的专利产品，想要实现HTML5技术的大量应用首先就需要将这些专利性的产品变为开放式的产品，由于各种原因，当前面对这一问题还存在许多争议。以视频格式为例，两大阵营对于视频格式的设置存在争议，一大阵营以苹果为代表，另一大阵营则以Opera、火狐、谷歌为代表。WPEG阵营是苹果所属阵营，由于其自身全部使用的是这一种格式，所以坚持认为应当将此格式作为标准，而WebM阵营则认为由于WPEG格式的专利依然没有解除，对于HTML5技术要求的开放性没有达标，所以不同意将其作为标准格式。2、发展的速度有待提升在HTML5中提出了一些从前HTML技术中不具有的新技术，但是有许多主流浏览器在长时间的发展过程中已经完成了此种技术的开发，在自身浏览器中实现了此种功能，就这一情况来说HTML5的发展速度方面存在一定的问题。同时由于HTML5的不成熟，当前关于HTML5的相关技术标准还没有完全确定，所以在短时间想要将其投入大规模应用还比较困难。参考资料：百度百科-html5
开发网页游戏需要哪些基本的技术？
目前来看，开发网页游戏基本的技术至少包括：①photoshop操作 以及 HTML+CSS+Javascript的基础知识 是最最基础的。②flash+actionScript在IE中必不可少的。③未来的浏览器世界必将被HTML5统治一段时间，so，HTML5规范中涉及的SVG-canvas、离线存储、WebSocket、webWork等常用技术也是很基本的。 关键你说的是“游戏”，而且还是网页的，这个跟服务器语言怎么会有关系呢？服务器做的是数据存取； 但是游戏的重点在交互操作，一定是在客户端的操作，至于服务器这边随便什么语言都可以的啊，关键是确保服务器系统软件的数据存取效率 & 硬件的稳定性。网页游戏要求服务端的相应高并发而且快速相应(可以适当放弃服务端的计算能力)。若是你想了解服务端语言知识，学习java、.NET、php等等都是合适的(java和c#/ASP的计算能力还是很强的，都支持集群服务器)，其实核心就是了解它们跟数据库的交互 & 向客户端的输出的特点，甚至可以自己搭建服务器依托于文件系统作为持久化媒介使用。最近在玩node.js所以自己尝试弄了个服务器，很靠谱的，而且node.js是单线程服务端语言，对于请求的并发和快速相应能力超强，只是集群应用还不是很成熟，目前淘宝在花力气做研究改造。
使用HTML5开发游戏的优势有哪些?
1.突破常规浏览器游戏限制在传统游戏设计中，往往会限制在一个特定的范围内构建游戏，就像只能在电视机上玩视频游戏一样，我们只能在Web浏览器的方框中玩Flash游戏。有了创意，游戏舞台不再局限于一个方框中。我们希望能与所有的页面元素交互，还能用多个浏览器窗口来组成一个游戏。此外，甚至还想只使用URL地址栏就可以创建出游戏，听起来似乎有些不可思议，那是因为所说的这些现在还没有多少页面来实现这些功能而已。2.天然的营销推广利器应用程序商店存在应用程序推广难的问题。几十万级的应用程序商店，一款新推出的应用肯定是会被淹没的。然而，如果是基于HTML5的话，那么基于PC互联网而发展起来的网络广告和网络营销就可以在移动互联网中派上用场了。例如国外的Facebook、Twitter、Google等，国内的人人、新浪微博、腾讯开放平台等都有可能成为H5游戏开发推广所钟情的乐土。而未来的H5游戏也将朝着移动化与社交化的趋势发展。以上就是HTML5游戏具备其他开发游戏无可比拟的优势。在整个技术领域，HTML5开发永远站在第一线直面用户体验，已成为当下互联网行业最紧俏的高端技术岗位。而且HTML5全栈工程师相关岗位需求逐年增加，行业岗位薪资直线飙升。HTML5开发的未来发展前景是十分光明的。以上就是环球青藤小编关于使用HTML5开发游戏优势的相关内容分享，希望对大家有所帮助，想要了解更多相关内容，欢迎关注本平台!
HTML5开发前景
一、移动优先
如今移动应用层出不穷，可以用只有咱没想到的没有人家没做到的来形容，在这个智能手机和平板电脑大爆炸的时代，尤其是手机，已经成为人们生活中非常重要的一部分，很大一部分人离开手机已经到没法生活的地步了，移动优先已成趋势，不管是开发什么，都以移动为主，移动应用可以极大的方便人们的生活。所以未来HTML5应该会优先在移动设备上更多的应用。如今已经有一些大企业将HTML5应用于移动开发，表现非常出色，所以终将成为趋势。
二、游戏开发是重要领域
如今做游戏那应该是相当赚钱的一个领域了，但是做手游尤其是收费的游戏，开发原声应用就有局限了，因为iOS系统充值需要向苹果公司支付30%的提成，而利用HTML5开发web应用，可以很巧妙的躲过这30%的提成。所以游戏开发商应该是从HTML5中获益最多的一方。
三、响应式设计
在HTML 5真的改变移动开发平台之前，必须要迈出重要一步，那就是“响应式设计”，也就是屏幕可以根据内容而自动调整大小。然而响应式设计也是一件非常不容易的事情，因为当今各式各样的设备实在是让开发者眼花缭乱，手足无措。要想做好响应式设计，就必须洞悉内容与屏幕之间的反馈关系，响应式设计要完全离开“流”，转而注重内容是如何在网页和移动设备中被处理的，这一过程还在继续，HTML 5会让它最终成为可能。
四、设备访问
消除Web应用与原生应用界限的最大障碍就是浏览器访问移动设备基本特性的能力，比如照相机，通讯录，日历，加速器等，利用HTML5实现此能力方面，Mozilla一直在努力通过移动浏览器Fennec来将强设备访问能力。对许多移动开发商来说，提高设备访问能力是HTML5最令人激动的革新，这意味着Web应用能够登陆移动设备而无需做任何PhoneGap式打包，游戏开发商当然最开心，因为某些特性对他们来说是封锁的，比如能整合到游戏中的加速器。这就开启了另一个可能的世界，比如能与云更好地整合并提高游戏可玩性，有了HTML5这个平台，开发商可以不再依赖于Java语言，CSS3，HTML及其它程序语言。
五、离线缓存
离线缓存算是比较新的一个概念，简单来说就是在离线情况下，web应用还可以正常运行。传统意义上的web应用需要依赖于网络，而HTML5的离线缓存可以冲破这个束缚，利用离线缓存技术，可以在离线状态下正常使用web应用。目前已经有产品实现了这个方式。比如亚马逊Kindle的云阅读器。
html5 游戏开发入门 哪个框架比较好
Construct2、ImpactJS、GameMaker三个是收费的，其中Construct2与GameMaker更像一个游戏开发工具，可以实现不用写一行代码来制作游戏，更适合于没有编程基础的人使用。而ImpactJS作为一个高质量的框架，且易于扩展，虽然是收费的，但是物有所值。开源引擎中，three.js是最火的，但是仅限于开发3D游戏。其次是CreateJS，由Adobe官方赞助且采用Flash类似的API以及模块化开发，是Flash开发者以及将Flash游戏转换成html5不可多得的选择。Turbulenz虽然开源时间比较晚，但颇有后来者居上的趋势，由于其对2D和3D的同时支持，是同时开发2D和3D游戏的最佳选择。LimeJS与Crafty相比的优势在于有一个公司进行维护，相比个人要更稳定，但是需要依赖于Google Closure，也使之成为一个重量级的框架。Crafty体积小、轻量级，更适合于小游戏的开发。Cocos2d-html5作为国产框架的一个优势在于中文文档和教程多，且得到了Google的支持，但相比ImpactJS、CreateJS仍不够成熟。melonJS、Quintus、lycheeJS的开发者和使用者都较少，相关文档和教程也相对少，还有待观察。
目前有哪些比较成熟的 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 研究中心来开发和维护。
微信公众平台上如何做HTML5游戏
微信公众平台上做HTML5游戏，基本的有三个法子。1阅读原文中添加链接。但，如果这样坐引导的文章一定要做好来，不然转换率会很低的。千万要走心一点，不要平白无故的就放在阅读原文，谁看？反正俺是不会看的。2图片的形式，在图片中添加入h5的二维码。别人只要长按就可识别二维码跳转到你的h5去，什么图片你随意，例如植入到节日的场景啊、各种动漫图片均可。同样要做好引导，才能引发转化。3最直接的形式，你们大部分可能都实现不了，以前公众号有一种功能可以开通，叫直接跳转，也就是只要点击标题就可以直接看到h5，但据我所知现在这个功能申请不了，也就是大多数人都实现不了，原来申请通过的才可以。另外需要了解HTML5用什么软件制作的，一般的有maka、易企秀、兔展。选择毋庸赘述，可以都尝试一下，都是较为简单上手的，如果你觉得逼格不够，可以用互动大师。用这些软件如果自己有一定的设计能力做出简易的h5页面基本是没有问题啦。但如果是很复杂炫技的h5，一些是可以在前面提及的平台的模板处购买，一些是找第三方公司做的。制作的小贴士：1不要用原生字体、真的好hi丑，自己选好看的字体然后做成png格式，然后放进去。2如果你有设计能力，最好把图层分开放进去，才能设置每个不同的动态动画。也就是不要做整张图放进去，其实一页可能是好几张图甚至十来张图。3如果你自己没有设计能力，那还是在平台上找模板吧。。。然后配合自己的文案。尤其是节日类的h5，模板一搜一大堆，但即便是用模板，也请走走心，不要全特么照搬过来一句话不改。4如果不会用ps，去练习用美图秀秀，基础效果基本没多大问题。5如果你连png都不会做，艺术字体在线生成器艺术字转换器这个神器送给你，大把字体你挑。6如何插入报名表免费制作报名网页报名表设置后可在后台查看以及下载excel模式。7文字尽量少而美，没人愿意看你长篇大论，尤其是h5.8文字太多、页面太复杂要注意，很可能造成打开的时候回很卡。
微信公众平台上怎么做HTML5游戏
微信公众平台上做HTML5游戏，基本的有三个法子。1阅读原文中添加链接。但，如果这样坐引导的文章一定要做好来，不然转换率会很低的。千万要走心一点，不要平白无故的就放在阅读原文，谁看？反正俺是不会看的。2图片的形式，在图片中添加入h5的二维码。别人只要长按就可识别二维码跳转到你的h5去，什么图片你随意，例如植入到节日的场景啊、各种动漫图片均可。同样要做好引导，才能引发转化。3最直接的形式，你们大部分可能都实现不了，以前公众号有一种功能可以开通，叫直接跳转，也就是只要点击标题就可以直接看到h5，但据我所知现在这个功能申请不了，也就是大多数人都实现不了，原来申请通过的才可以。另外需要了解HTML5用什么软件制作的，一般的有maka、易企秀、兔展。选择毋庸赘述，可以都尝试一下，都是较为简单上手的，如果你觉得逼格不够，可以用互动大师。用这些软件如果自己有一定的设计能力做出简易的h5页面基本是没有问题啦。但如果是很复杂炫技的h5，一些是可以在前面提及的平台的模板处购买，一些是找第三方公司做的。制作的小贴士：1不要用原生字体、真的好hi丑，自己选好看的字体然后做成png格式，然后放进去。2如果你有设计能力，最好把图层分开放进去，才能设置每个不同的动态动画。也就是不要做整张图放进去，其实一页可能是好几张图甚至十来张图。3如果你自己没有设计能力，那还是在平台上找模板吧。。。然后配合自己的文案。尤其是节日类的h5，模板一搜一大堆，但即便是用模板，也请走走心，不要全特么照搬过来一句话不改。4如果不会用ps，去练习用美图秀秀，基础效果基本没多大问题。5如果你连png都不会做，艺术字体在线生成器艺术字转换器这个神器送给你，大把字体你挑。6如何插入报名表免费制作报名网页报名表设置后可在后台查看以及下载excel模式。7文字尽量少而美，没人愿意看你长篇大论，尤其是h5.8文字太多、页面太复杂要注意，很可能造成打开的时候回很卡。
如何快速开发html5游戏？
1.一般学习流程步骤如下了解相关游戏背景知识与专业术语（理解场景（页面），sprite（控件）,时间轴（timer，定时器）等东东）了解具体语言以及ide，以及游戏引擎比如dom，cocos等2.选择最适合的技术选型，目前推荐cocos和dom，语言当然是h5+js，Ide嘛，一般有游戏专用的ide，比如cocos的createor。不然就要使用通用ide了，比如dw。3.建立第一个项目，项目环境设置开发一个场景（页面）很不幸，许多游戏引擎还是native方式搭建界面的，比如cocos，需要你一步步指明界面控件的位置。4.不过dom引擎可以使用dsl，直接支持html5布局，以及css把sprite（控件）放上去事件系统（比如click等操作）一般基于像素引擎的比如canvas，cocos这一类的你的自己实现事件系统，如果基于键盘的操作要用focus机制，基于鼠标的使用鼠标坐标机制。5.一般先捕获机制，事件分发器，把事件分发给每一个小控件，小控件自己判断光标位置是不是在本控件上（很容易工具自己的位置来判断出来），如果在，就出发本控件绑定的事件对应的操作。绑定一个acton动作上去，动作就是timer定时器实现的一段函数，一般是原来比如移动对象等，改变坐标。如果你也想开发一款属于自己的H5小游戏，可以通过第三方专业开发平台，来帮助你实现开发需求
