h5游戏制作

前言：

　　好久没更新博客了，以前很多都不会，所以常常写博客总结，倒是现在有点点经验了就懒了。在过去的几个月里，在canvas游戏框架方面，撸过了CreateJS，玩得了Egret，又学过PIXI.js。在移动前端方面，尤其是小游戏开始有一点点小经验了。但只是小经验，为什么说是小经验？

　　首先，深度不足，虽然用得最熟最多的白鹭，可是习惯了JavaScript，对TypeScript的OOP编程掌握得还不够；其次，对Egret等游戏框架了解的广度还不够，还有相当部分用法没用到。虽然能够应付朋友圈里传播的大多数的H5小游戏，可是还有很大的进步空间。尤其是欠缺重度游戏以及性能方面的处理。所以，不论是一般的Web前端方面，还是H5游戏方面，我都要继续努力学习了。不足错漏之处，恳请大家多多指点。

布局的时候，如果一个元素你想让他的宽高保持一定比例，而不随屏幕变化，宽高设置的时候，使用同一个单位
都是CSS3的单位，低版本不兼容

2.兼容性：苹果设备微信强制使用的是os的浏览器safar，页面访问的体验远大于安卓；安卓情况比较乱套：知乎上有人说是微信6.0.2以上是强制使用的QQ的X5浏览器，但是实际情况来看（公司范围），一部分手机如（魅族，小米，一加，三星，LG等）使用的是X5内核，另一部分如（nexus，国靖的小米）使用的是chrome的内核， 由此来看，安卓上的访问情况大部分不容乐观，会不支持某些属性和出现一些异常。

3.经验之谈：UI给出的设计图越来越美观了，但是对于前端的要求就变高了，写页面之前，良好的页面结构设计可以极大地丰富了兼容性和扩展性，这个东西没有对错之分，只有好和更好。

4.移动端的动画：这次我使用的是jquery.animate，出现情况，ios上各个设备均正常，但是安卓方面X5内核的动画卡顿严重。查阅资料，移动端的动画大部分使用CSS3和zepto.js，尽量不使用jquery的，对于移动端的游戏动画，流行canvas。

5.touch事件：安卓支持click事件，但是ios不支持，推荐使用touch事件；

touch事件基本类型：touchstart,touchmove,touchend,
对于之前需求中的判定向上滑动，向左滑动，向右滑动等推荐使用以下代码进行处理

给大家联系方式 ：Zhang__qwr weixin