H5页面小游戏怎么做的？（详细教程）
微信营销的方式多种多样，最让用户买账的，除了抢红包，就是H5小游戏了。怎么做一个风靡朋友圈的H5小游戏呢？今天教大家一个大招。
网上有很多免费的微信H5游戏制作平台，笔者用过有娱和嘻游记。有娱可以选择的游戏挺多的，但免费的不能修改里面的元素，而且限制了参与人数上限为50人，对吸粉来说作用不大。嘻游记说是免费，其实要微信付费才能上线。要真想免费又体验好，只能自己写代码了。
是笔者用过比较好用的，虽然不是专门为微信小游戏而生，但是做出来的小游戏效果还是很让人惊喜，当天就为笔者的公众号吸引了三千多粉丝。下面分享下建站宝盒H5小游戏的制作过程。
第一步，登录建站宝盒，宝盒是要购买的。
第二步，选择“微信营销”中的“”，里面有四款小游戏，选择一款创建。比如说《抓住大白》，进入编辑界面。别看只有四款游戏，都是朋友圈的爆款，大家都会玩才有用对不对？而且，宝盒即将推出新版本会有更丰富的小游戏。
第三步，进行游戏基本设置，全部用鼠标点选即可。
第四步，游戏页面设置，游戏中的元素图片全部是可以修改的。
第五步，设置游戏奖品，根据实际，可设置实物奖励或虚拟优惠券。
第六步，预览游戏中奖页面和排行榜。
第七步，高级设置，可以显示企业logo，制作完成，保存。为了给大家展示效果，随便上传一张图片吧，设置好后在页面上显示是这样的。
在选择的游戏下就能看到制作好的H5小游戏，手机扫描二维码就能玩啦！
是不是超简单？和市面上的制作工具比起来，建站宝盒这个小功能就能做出让人满意的H5小游戏，主打的建站功能那是厉害到要上天？购买一个宝盒，就能搭建电脑、手机、微信、APP四站合一的全网营销平台，相当于白捡了一堆营销工具，只要在宝盒的有效期内，能无限次上线游戏！大家不妨免费实践一下：
更多建站&互联网行业资讯，请关注微信公众号：耐思尼克（iisp-com）
责任编辑：
声明：该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。
1010元包域名、主机、建站系统，免费SEO、O2O推广
全网覆盖式营销，轻松对接云计算、大数据、移动互联网技术
今日搜狐热点客服热线：400-995-7855
当前位置：&&&
2016年惊艳朋友圈的十大H5 你被几个刷过屏？
15:34&&来源：优设网&
　　无酱：在这个日新月异的时代，想要立于不败之地，摆脱被淘汰的命运，只有迎头赶上，不断创新。在过去两年的时间内，H5经历了从全民兴起 & 爆发 & 沉淀到再爆发式增长的过程，以层出不穷的新面孔一次又一次展现了惊人的生命力。
　　2016年即将呼啸而过，让我们抓住今年的尾巴来细数一下这一年那些扭转衰势给我们带来惊艳感受的十大H5，哪些曾经刷过你的屏呢?
　　往期回顾：
　　注：以下仅代表个人观点，项目按照上线时间顺序排列。
　　1. 微信：我和微信的故事
　　查看案例详情：http://www.digitaling.com/projects/20080.html
　　(该活动已下线)
　　一句话点评：大数据的暖心运用版&回忆杀&
　　2016微信公开课PRO版在开年就丢出了一个引爆朋友圈的轻H5，寥寥几页，几乎不需要互动，几条与&我&息息相关的数据统计，就能让用户分享得不亦乐乎。微信虽然不倡导诱导转发，但是这样大数据的暖心运用，恰到好处地唤醒用户记忆，引发情感共鸣，不刷屏才奇怪吧?
　　2. 豆瓣：我们的精神角落
　　扫描二维码，立即体验!
　　一句话点评：戏很足的文青解谜系列H5
　　坚持11年不打广告的豆瓣终于在今年年初放出了一个超级大招，以&我们的精神角落&为主题推出了一系列海报、品牌宣传片和H5。 H5分为眼、鼻、耳、口、大脑五个章节，从画面到文案再到交互整合了多种表现形式，只为向用户传达一个观点：我内心丰富、生而不凡，这是我的秘密。由内而外散发满满的豆瓣文艺气息，细节处理堪称完美。
　　3. 宝马：全新BMW M2游刃锋芒间
　　扫描二维码，立即体验!
　　一句话点评：狂炫酷拽破屏而出的速度与激情
　　宝马官方微信先是用一个&该新闻已被BMW快速删除&的标题迅速吸睛无数，再用阅读原文中的H5彻底点燃了用户的速度与激情：一辆BMW M家族全新车型M2从虚拟的新闻内页呼啸而出，在多个平台任性跨越横冲直撞，实现虚拟与现实的无缝切换，视觉冲击应接不暇，声效配合酣畅淋漓。在77分钟内便获得了10万+的阅读量，还得到了各行业意见领袖刷屏式的分享。
　　4. 侠隐江湖：一个翻滚的H5&&只要功夫深 撩妹100分
　　扫描二维码，立即体验!
　　一句话点评：翻转手机扭转人生一圆武侠梦的H5
　　银汉集团为旗下的《侠隐江湖》游戏做了一个名叫《只要功夫深 撩妹100分》的H5，只要通过翻转手机就能即刻扭转人生，从事事无可奈何的&凡人模式&切换为开挂的&大侠模式&，一圆一众为现实所累的现代人的武侠梦。它采用简单好玩的翻转形式和逗趣浮夸的故事情节，向世人传达了&天生武侠，本色江湖&的游戏理念。
　　5. NEXT IDEA&故宫：大明皇帝除了会唱 Rap，还能有多魔性?
　　扫描二维码，立即体验!
　　一句话点评：大明皇帝穿越故宫玩Rap成新晋网红的神邀请函
　　故宫淘宝的萌版皇帝们早已深入人心，然而万万没想到这次大明皇帝变身rapper席卷朋友圈的H5，却是腾讯与故宫跨界合作举办&Next Idea & 故宫& 腾讯创新大赛的邀请函。该H5将古今多种元素相互穿插，让原本遥远的古人重新焕发生机，充满现代感的幽默演绎，让人眼前一亮，大大刺激了用户的分享欲。短时间内访问量就突破了300W。
　　6. 361&：我给你画了个动画，看完可别哭啊!
　　扫描二维码，立即体验!
　　一句话点评：用自己画的小人去创造属于你的热爱故事
　　相对于单纯通过点击进行互动，引导用户亲自画出小人去完成一系列动作着实新鲜，这种形式也许不是首创，但也阻挡不了它的刷屏之势。361&从自身品牌调性出发，迎合奥运主题，用画画的方式鼓励用户勇敢面对挑战，在人生这场比赛中赢到最后。H5情节设定完整，动画效果生动可爱，轻松为品牌收获满满好感。
　　7. 墨迹天气：#天气改变命运#H5，每天都有新改变，每天都能玩一遍
　　扫描二维码，立即体验!
　　一句话点评：奥运最强借势H5
　　今年正逢里约奥运会，墨迹天气以#天气决定命运#为主题，推出了一个在奥运期间每天更新的H5。整整持续了17个日夜，一天一个H5热点追击，原创动画+原创词曲+音乐互动，在奥运会闭幕当天更是放出了《月球运动会》这个大招视频。W将这款行业内领先、人尽皆知的天气App，系统性地实现了从&工具化&到&品牌化&的价值转换，借势时事热点，用一个最平常不过的道理触及人心，从而引发思考。
　　8. 天猫：尽情尽兴!天猫穿越宇宙向你发来了一封邀请函
　　查看案例详情：http://www.digitaling.com/projects/19272.html
　　(该活动已下线)
　　一句话点评：穿越宇宙级的一镜到底沉浸式体验
　　众所周知，淘宝是出了名的&爱搞事情&，而且逼格没有最高只有更高。这次天猫双11的宣传H5又实现了一次自我超越。H5融入时下最流行的VR技术，用户通过手指轻滑屏幕，就可以感受到由225张素材图精心构建的&一镜到底&的天猫世界。其中不拘泥于形式具有兼容特点的巴洛克式风格与双11&不设限，尽情狂欢&的理念巧妙结合，相得益彰。充满未来感的沉浸式体验让人啧啧称奇，也似乎已远远超出了H5原来的定义。
　　9. Dopemine：THE SAVE & 活口：不留活口的H5尝试
　　扫描二维码，立即体验!
　　一句话点评：交互式密室逃脱微电影H5
　　相信大家对密室逃脱游戏并不陌生，但融影视、游戏、支付于一体的H5却前所未有。Dopemine借助微信支付及 H5 强大的表现平台，将游戏演给我们看，将电影放给我们玩儿。通过将产品线索与游戏情节融为一体，故事情节环环相扣，用&色彩&引导用户层层深入，最后引导用户支付1元钱来下载&性格色彩APP&以解开谜团。相当于用一个H5完成了一部微电影和一个小游戏的工程量，怎一个酷字了得?
　　10. TGideas：为什么腾讯动漫选了薛之谦当代言人?
　　扫描二维码，立即体验!
　　一句话点评：当薛式搞笑遇上燃情国漫
　　提到薛之谦，很多人的第一反应就是&段子手&。当薛式段子遇上热血二次元，产生的化学反应真心不小。有段子，有表演，还有剧情的各种反转，薛之谦都完美消化，最终完成了&共同的信仰，由我来守护&的品牌理念的有效传递，不得不说腾讯动漫app代言人选得非常到位。据悉，该 H5 从上线后2小时便获得了百万级的 PV，平均停留时间也达到了 1 分 49 秒，将近故宫 H5(56.8 秒)的两倍啊!
责任编辑：安然
延伸阅读：关键词：
创业好项目
微企点：海量精美模板 H5自助建站平台
扫描二维码关注A5创业网了解最新创业资讯服务
&徐州八方网络科技有限公司&版权所有&
举报投诉邮箱：
扫一扫关注最新创业资讯你可能感兴趣的文章：获取-麦迪逊邦周报，知晓七日最热资讯
Powered by
Madisonboom.com进行中的任务
您的位置：>>>
想入H5游戏圈 你应该先了解这些基础知识
　　它并不像一款月流水过亿的爆款手游，或者风靡一时的app让人印象深刻。但当你打开微信朋友圈，看好友刷各式各样的动态，从厂商的PR新闻，到创业鸡汤，再到个人的生活足迹，H5页面一直没有缺位过，从一开始的眼前一亮，到现在几乎成为各大门户的标配，似乎也不到半年的时间。
　　在经过《围住神经猫》、《打企鹅》、《找房祖名》等游戏的刷屏后，我们对H5游戏有了新的认识。H5游戏的便捷性，碎片化的特点迎合了移动端用户的使用习惯，并且能够通过微信朋友圈等社交平台快速传播。这种基于HTML5技术的游戏是否已经成为行业的风向标。它的历史，它的现状，它的盈利能力，在多大程度上能够改变游戏行业?最重要的是，站在风口上的H5，会成为飞起来的猪么?
　　历史：移动时代的新开发标准，如HTML5，将在移动设备上获胜&&乔布斯
　　H5游戏的历史可以追溯到2010年，当时还未过世的乔布斯宣布苹果系统将不支持Flash，引得一片哗然，为此，乔布斯特意写了一篇《关于Flash的几点思考》的文章作回应。
　　他从开放性，网络，可靠性，安全等几个方面证明falsh并不适合苹果，在最后的总结中写道：
　　&移动设备关乎低功耗，触摸界面及开发网络标准，这些是Flash的短板。而移动时代的新开发标准，如HTML5，将在移动设备上获胜。&这句话在很多人眼中，尤其开发者眼中，似乎成为了H5游戏的尚方宝剑。
　　最先嗅到商机的游戏厂商主动出击，2010年10月，Zynga收购了H5游戏引擎开发商Dextrose，随后发布了第一款H5游戏《MafiaWarsAtlanticCity》;facebook宣布收购H5游戏团队EA发布H5版的游戏《命令与征服》;与此同时，MOTO和迪士尼也分别投资收购了H5游戏公司Moblyng和H5引擎公司RocketPack。
　　不过，仅仅隔了不到一年，这些刚刚崛起的H5游戏公司就一个个开始倒闭。MOTO最早投资的Moblyng第一个走下了神坛，随后，大批量的H5游戏公司宣告失败，H5的神话开始破灭，这距离乔布斯&H5将取代flash&的预言仅不到两年时间。
　　失败的原因众说纷纭，但无外乎几类，1、2G，3G时代，wifi普及率低;2、H5游戏渲染能力，技术不够成熟;3、没有合适的分发渠道和传播;4、开发者不足。《围住神经猫》制作人秦川告诉腾讯游戏频道记者：&归结起来就是天时地利人和，2011年是2G、3G的时候，懂的用H5的人很少，Wifi环境不如现在普及，此外，H5在PC上的竞争对手就是FLASH，这并非一个好的时间点。&
　　但是，经过两年蛰伏，无论是技术端还是产品端，H5都有了极大进步，日，W3C的HTML工作组正式发布了H5的正式推荐标准(W3CRecommendation)，这意味着H5有了统一的标准。所以，当年的折戟沉沙，如今能够卷土重来吗?
　　现状：留存和付费转化仍然偏低中重度类型寄予厚望
　　现在，我们说H5火，很大一部分原因是手游大热。而今年，手游竞争已呈现寡头化趋势，并将愈加激烈，资本不断涌入的同时，手游市场的风向标向&大成本大投入&发展。
　　中财中投产业基金总经理姜祖望公布了这样的一组数据：&目前，国内CP总规模1.2万家，但营收分布极其不规律。排名前三的游戏，单款可占到整个市场6%&8%份额，收入在2.4亿&2.6亿之间。这样的数据，代表前三的游戏占到了整个中国手游市场20%的市场份额，到了TOP50时，一共占整个市场份额的60%，TOP100总和占80%的市场份额。&简而言之，如果你的游戏没有挤进前100，基本上可以宣告失败。
　　在这样的情况下，中小手游团队想在市场分一杯羹的概率越来越小，好死不如赖活，与其成为下一个《刀塔传奇》，不如换一个地方玩。于是，国内开始涌现出大量的H5游戏开发商，社区，游戏引擎，专属渠道，以及一些传统游戏公司在H5领域的开拓。这其中包括触控科技、腾讯玩吧、白鹭时代、墨麟、上游、5秒轻游戏、蝴蝶互动、泥巴怪、比悦科技、闪吧科技、乐天成科技、指上缤纷、博雅互动等公司。其中，从手游转向H5游戏的从业者最多，其次为页游，部分从未涉足游戏行业的团队也跃跃欲试。
　　据第三方数据平台TalkingData和DataEye显示，截止2015年Q1，H5游戏用户为1.21亿，占移动游戏用户的11.5%。截止2015Q1，约3000余家个人或企业开发者投入H5游戏开发市场，总计超过80%的H5游戏公司人员规模在100人以内，相比手游、页游、端游集中在一线城市的现象被弱化，二三线城市从业者更多。这些受访者中，仍有超过3成还处于观望状态，大部分从业者希望以研发或发行的角色进入。
　　另外，目前的H5游戏中，休闲、智力等轻度类型占绝大比例，光是休闲类产品就占据61.8%的市场份额，角色扮演类游戏的占比会进一步增大，棋牌游戏也将逐步试水。
　　据腾讯游戏频道资料整理，当下用户、流水较高的产品仅《来消星星的你》、《愚公移山》、《时尚都市》几款，其中，《愚公移山》月流水已达100万左右;《围住神经猫》3日用户累积达500万;《寻找房祖名》2日点击超6000万次;《来消星星的你》持续运营超8个月，用户量超1000万，曾成为腾讯H5平台玩吧注册用户最大的游戏。
　　尽管如此，困扰整个行业的最大问题仍是是变现能力有限，这同时也决定了生态圈的发展速度。触控科技高级技术总监、Cocos2d-js负责人林顺表示：H5游戏的变现方式有多种，1、广告;2、游戏内道具付费;3、跨屏精准营销;4、企业定制服务等都已被逐渐证明。而相比之下，手游可以通过设置付费点，增值道具等一系列手段完成付费形成闭环，且通过日常运营来提高用户粘性和留存率，但H5游戏寿命短，用户利用碎片化时间进行即时游戏，热度通常不超过7天，一旦兴趣点转移，无需卸载变直接流失。
　　而要解决变现问题之前，最根本的，还是需要一款好产品。
　　H5游戏引擎公司白鹭时代有过《围住神经猫》、《愚公移山1》、《愚公移山2》等多个成功案例。市场营销中心副总裁张翔提到，如今的H5游戏市场最缺的就是爆款产品，《愚公移山》给行业开了好头，让大家知道H5能够赚钱，但要让更多的游戏开发者投入到H5市场，则需要证明H5游戏可以赚到大钱。这个观点也得到林顺的认可，但他同时认为，目前H5游戏市场缺乏优秀的重度产品，原生游戏市场的增速放缓，整体竞争加剧，未来移动游戏市场的增量很可能会来自H5游戏领域。
　　5秒轻游戏创始人陈钢却持有不同的看法，他认为在目前时期应该根据游戏&小白&的需求和习惯，去做H5游戏的创新性探索。在他看来，H5重度游戏可能会与手游重叠，且变现、用户粘度问题不一定能妥善解决。他多次在公开场合拿微信红包举例，认为其具备在社交圈里一人发起，多人迅速进入;简单到一看即会的核心玩法;便于迅速分享;能在碎片化时间里一直使用等特点，这些条件纷纷满足H5游戏对于小白用户的需求。
　　事实上，H5游戏的风向标确实在悄悄发生变化，从最开始的轻度休闲慢慢转向中重度。尽管这可以被视为手游在移动页面的复制，也是针对开拓市场的试措之举，但对于缺乏渠道、发行等整套成熟流程体系的H5市场，仍是条不确定的道路，但谁也无法怀疑依靠重度游戏能否赌出下一个爆款，H5市场正在等待更多内容丰富化、玩法复杂化、题材价值增强的精品游戏出现。
　　困惑：稳定商业模式+分发渠道+技术短板明年将爆发?
　　H5游戏经过3年的发展，不论是从技术层面，还是生态体系、基础设施，如智能、wifi、4G的开放普及等，都已经有了质的飞跃。即便如此，H5游戏目前仍然面临诸多问题，例如最现实的状况是我们上文提到的留存和付费转化仍然较低，以及缺乏符合H5渠道不同人群的优秀产品，甚至渠道运营的规范化，和一些技术层面的短板。
　　相较手游而言，H5游戏更加依赖渠道，且乏善可陈。南京泥巴怪创始人秦川透露：H5可能接触到一些手游没有覆盖的人群。他们来自朋友圈的分享，工具类APP的游戏频道，或者浏览器的推荐，但已经形成规范运营和实际收入的渠道还是占少数。
　　目前，最大分发渠道如腾讯QQ空间的玩吧，规模可达千万级，游戏的接入流程，产品质量控制流程，渠道用户画像分析数据，以及运营数据等都比较透明和全面。另外，还包括猎豹、遨游浏览器以及超级APP，微博，甚至微信公众号，其他中小平台等，成长速度极快，一些巨头旗下的应用商店也已经开始试水H5分发，今年5月，滴滴打车安卓版H5游戏中心正式上线，一共推出25款H5游戏，其中有类似《全民国战》、《狂挂传奇》的中重度游戏，也有在微博上传播度较高的的《愚公移山》，以及《合到10》、《密室逃生》、《龙猫向前冲》等休闲类产品。
　　在《愚公移山》开发商比悦科技CEO陈陈看来：由于H5产品的特性，使得无端的H5游戏具备了多应用场景和渠道联合运营的可能。除了大渠道的支持，其它应用场景，譬如社交媒体和应用、移动APP等，同样可以参与进来运营多款H5移动游戏。
　　事实上，H5游戏的交互性和病毒式传播特点，极易在社交平台上快速传播，这在某种程度上弱化了渠道的力量，而增加了传播介质的话语权，当你在玩H5游戏时，不论是游览器，语音，社交平台，还是其它，这些平台本身也构成了传播渠道。H5游戏或将打破传统原生游戏的渠道限制，除社交应用外，其他超级应用、浏览器、应用商店等渠道价值也将释放。
　　联运?独代?手游的玩法能否复制到H5?如何构建一套H5的生态体系，从研发，代理，到渠道，或者打破这些规则，开创自己的玩法，一切都有待开发者探索，不再依赖渠道分发也是不无可能。
　　另外，从技术角度来看，当前H5游戏质量与原生手游仍有较大差，据林顺介绍，H5游戏主要有纯web和带runtime加速器的游戏类型。纯web游戏需要运行在各种不同设备，不同系统版本的不同浏览器上，相比原生游戏，碎片化更加严重，兼容问题需要妥善解决，针对这个现象，不同的引擎公司如触控、白鹭都分别推出了解决方案。据悉，触控的Cocos2d-JS和白鹭引擎是当前H5游戏研发商开发游戏的首选，自研引擎位列第三位，Coscos2d-JS先入为主，早在2013年就推出了相应的游戏引擎，占据了较大市场份额;白鹭引擎后来居上，也抢占了部分市场;第二，在性能上，H5游戏依然存在瓶颈，即便硬件日渐强大，网速增快，应用场景普及，但为了更好的渲染画面，则需要丰富的内容承载，技术问题也需要不断完善;再者，包括游戏需要的多点触摸、振动、多音效、离线存储、社交化支持、3D支持等，目前也都没有得到完美解决。
　　坦白来讲，游戏行业发展日新月异，每一个新技术的诞生，新产品的开辟，都有可能对现有规则造成冲击或是颠覆，但我们仍应对抱有恰当的判断和态度。面对手游市场越加残酷的竞争态势，会有更多的手游团队转入H5的开发，他们的涌入，将对这个市场的发展大有裨益。
　　无论如何，H5游戏的爆发是必然的，只是时间的早晚问题。今年已经让许多人看到H5游戏的变现可能，明年必将有更多人投入，至于什么样的爆款能改善用户粘度低等短板，许多人把希望建立在中重度类型的产品上，盈利模式也将趋于稳定。据DataEye数据分析，2015年H5游戏商业模式中，依靠广告收入占比22.6%，依靠玩家充值收入占比39%，广告收入+玩家充值两种形式占比28.4%。这也预示着，2015年将有越来越多的H5游戏会开启道具收费的商业模式来尝试盈利，单纯通过经营流量和广告来变现的厂商比例会减少。
　　所以，不论&H5游戏颠覆手游&是不是无畏者的一句呐喊，作为游戏玩家和观察者，我们期待H5能够有更好的发展，更多优秀产品的面世。
[编辑：路过一只酱油]
推荐阅读更多&&
Android游戏
热门标签：