H5页面小游戏怎么做的

提到小游戏，很多非IT技术人员望而却步，随着小游戏越来越受欢迎，部分公司越来越注重小游戏营销，2014以来出现很多爆款轻量级小游戏：《围住神经猫》、《微信跳一跳》等。从刚开始的技术创新到现在注重营销，在微信等各种国民app中经常出现类似小游戏。在HTML技术还未成熟时，制作这样一款web小游戏需要一个团队去策划开发。小公司想玩小游戏营销往往要考虑开发成本、人力成本，为了省去开发这部分，下面给大家讲解的如何利用专业交互设计制作工具Epub360简单实现一个营销小游戏并且发布浏览。

如何策划：

1参考别人的经验看看别人制作的品牌宣传小游戏案例！下面我找到一些可以参考参考:

经典的flappy fish

经典碰撞游戏 · 打飞机 （由设计师：NEVER提供）

经典射击游戏《坦克狙击战》

2结合活动主题，将活动文化植入游戏角色中，达到宣传目的。出点子并用脑图先说明流程，在想点子的时候，问一些这样的问题，例如：“玩家接下来会做什么？”、“玩家会怎么做？”、这个游戏是为了什么目的？。

3根据脑图画出小游戏页面逻辑图。

4使用专业制作工具epub360实现这种小游戏。

epub360这款软件将常用的物理组件集成，如碰撞检测、拖放组件、数据变量及判断。专业级的交互数据设计、功能强大的同时保证了用户可 *** 作性，设计自由度高，不受模版限制。专业性及软件稳定性在业内一直是深受用户好评，很多企业将它作为营销的交互设计利器。

这样优秀的案例和模版在平台很多大家可以看看～接下来教大家如何利用这款工具模拟实现一个打飞机游戏：经典碰撞游戏 · 打飞机，点击预览即可。

制作思路：

点击登录软件，创建新作品进入编辑器，通过各种组件组合实现交互。

2将准备的素材导入调整页面布局。

3通过碰撞组件，将子d与敌机关联。

4碰撞时触发爆炸效果和音效，触发记录得分传到其他页面或者数据库保存。

其他敌机依次这样设置，做好小游戏后一键发布分享链接二维码即可，非常方便！由于图文教程限制这里只说制作思路，具体 *** 作可以学习这款软件然后自己 *** 作，这里不在赘述，我们来看看最终效果：飞机大战

写在最后：

这种轻量级的游戏更多作为一种营销手段，主要作用是品牌宣传和营销手段。从目前数据来看，H5游戏的次日留存不断增高，但是在7日留存率上面，这类轻量级游戏的的留存水平也较原生游戏偏低，游戏类型以及游戏玩法更多需要运营人去探索，如何将这类小游戏不断与实体经济和互联网O2O跨界结合，是否能够真正能够成为渠道流量的变现工具这个问题，这是我们运营人所思考的，也希望通过提供这个工具和制作思路，让你在互联网活动运营过程中有些新玩法，新思考。

1、在微信上面找到要放到公众平台的游戏，直接进入游戏的首页，不要点击开始游戏，点击右上角复制连接；

2、把复制好的链接粘贴发送到PC端，可以通过网页版微信或者QQ发送；

3、按照上面的方法已经得到这个链接了，然后进入微信公众平台，打开自定义菜单功能，新建一个栏目，把刚才的链接粘贴到里面即可。

一，登录成功后，中间和右上角点击+新建空间
二，建立空间填写名称，并设置为公开访问
三，点击内容管理，并点击右上角的“上传”按钮
四，七牛不支持直接在网页上批量上传，不能分目录分组管理文件（如果需要区分文件目录路径，就添加文件前缀）
五，因为这些原因，如果文件较多的话，直接在七牛网页上管理文件是很不方便的，所以建立大家用七牛的客户端工具，在网页的右下角。
六，没有命令行 *** 作经验的，win系统建议用qrsbox。
七，下载QRSBox后，解压文件。进入解压后的目录，双击qrsboxexe，d出软件界面：
其中，access_key 和 secret_key 在七牛云存储平台上点击左上角的房子图标进入首页，再点击账号设置，在左边的菜单导航上选择密匙（查看AccessKey/SecretKey），分别填入上图的对应输入框中即可。
同步源目录：就是本地的文件路径（例如D:\tianxing）表示同步D盘的tianxing文件夹到七牛空间上。
空间名：就是步骤二中，你创建的七牛空间。设置好后，D:\tianxing文件夹内的所有文件会自动同步到你的七牛云空间上。
八，七牛系统分配的文件URL和其他相关设置在当前空间的空间设置上可以查看。
到此，七牛云的使用方法就是这样了。

大多网页游戏都不直接发展推广人员，通常一些专门做推广的联盟网站会招，你只需要注册账号就可以获得游戏推广素材了，链接等

根据不同推广渠道选择不同素材，例如微信里推广可以使用带二维码的，PC网页推广的话就选择动画

如果转换率比较高，你也可以花钱在一些网站投放广告，但大多游戏转换率都不是太理想，基本上赚的钱刚够你投出去的广告费就非常不错了

至于都有哪些网站这里不方便说，会有广告嫌疑~~~

---