微信公众平台上做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文字太多、页面太复杂要注意，很可能造成打开的时候回很卡。
H5网页和微信H5页面都是基于Html5的标准书写的网页。
H5网页多数情况下是在移动端打开，但也可以在pc和pad浏览器上打开，微信H5页面只能在微信上打开和传播；
网页H5页面可以错略理解为企业网站，是企业的官网或长时间运营的微站点，主要是公司业务、新闻公告、公司文化、品牌露出、联系公司等板块。
这里自荐我们公司的H5工具（epub360）和建站工具（coolsite360），都是专业的设计工具，希望可以帮到大家，更好的理解、制作H5网页和H5网站。
素材
一般一个只有、文字、音频的H5，2-5页左右，5M以内最佳，保证加载时间足够，当然是越小越好。因为素材没有优化好导致的问题太多了，因为手机加载资源的性能有限，必须要考虑H5在不同的手机机型、系统、网络优劣状态下打开后的效果。如果手机性能不佳，H5作品偏大，网络也不够流畅的情况下，会导致作品长时间加载不出，甚至闪屏、卡顿等问题。
兼容性
不同的手机机型，还要考虑不同手机屏幕上手机适配问题。也就是H5页面的尺寸要怎么做才合适，一般会做一个带有出血框的画布，外框尺寸422X748px内框尺寸：375X603px。重要的信息放内框，不重要的信息铺满外框，比如背景图。
设计
1背景图炫酷的画面，离不开背景的衬托，能否快速更换背景图，相信是考验一个H5页面能否快速完成的准则之一；
2文本微信交互H5页面更重交互，重视觉效果，在酷炫的背景衬托之下，突出重点的文字往往是点睛之笔；
3音乐炫酷的背景下，配以提纲挈领式的文字，如果能够再来一段能够引起共鸣的音乐，那是何等的应景；
4背景之外，重点之间的交互、与文字的配合正是H5页面能够调动用户感官的重要方式!光速的定义是光在1秒内行驶距离，所以光速比声速快，比打字速度更快。那为什么不用呢
5视频如果炫酷的背景、精炼的文字、应景的音乐，还不能够让你感到震撼的话，那就来段视频吧!一目了然!
6按钮(点击跳转链接)H5页面在微信展示的优势是交互效果好，观赏性强，但是归根结底，还是要回到营销的目的上来。或用于宣传，需要链接到更为详尽的介绍页面;或用户收集信息，需要链接到指定的信息收集页面。如此一来，是否具有点击跳转功能就成为判断一个H5工具是否可供选择的硬性标准之一；
7输入框在微信H5页面中，除宣传类外，大部分都是以收集信息为目的的。除了使用麦客表单、金数据、问卷星等第三方表单收集工具外，各个H5工具内置的输入框功能也不失为一个很好的选择。这样，在对应的后台，不仅可以看到访问信息(如已有查看权限)，还可查看详细报名数据。
其他
突破常规，独具风格
创作来源于常识但又要打破常识。通常一个引人注目的设计往往是托陈出新的设计。在这个追求新鲜感和个性化的时代唯有与众不同才能脱颖而出。对于h5页面设计来说，不管是文字内容还是页面观感都要独具风格。
前后呼应，背景衬托
无论是制作H5页面还是制作其他页面，协调感是必不可少的一点。好的页面能给用户一种轻松、舒适的感觉，而这样的页面也必须是一个具有协调性的页面。这就要依靠好的背景来起到衬托作用。而能否快速更换背景图，是考验H5页面能否快速完成的一个准则。
音乐共鸣，勾起情感
人们常说音乐没有国界。但音乐也同时可以打破心灵的界限。或悲伤或喜悦，当你听到一首熟悉或者令你触动的音乐时往往会不由自主的产生共鸣。优美的背景下，配以提纲挈领的文字，再来一首应景的音乐，何愁没有用户的关注。
动态视频，触及内心
在现如今这个快节奏的社会中，枯燥、死板的东西往往给人一种压抑之感，人们往往没有时间去自己深度剖析一段文字的深意。而更喜欢那种一目了然的视频，快速获得自己所需要的生活养分。
总之，好的设计，不仅要依靠好的审美观，还要从用户的角度来审视自己的设计，用户需要的，用户热爱才是最好的肯定。
