意派Epub360丨盘点4款经典的H5互动小游戏(含案例、模板及教程)

原创 收藏 评论
举报 2022-05-23

 f783bf84365b79761b5b1e86e4bc9d0b.png

 

作为最受品牌方青睐的H5创意形式之一,H5小游戏可通过一些交互设计提高用户的参与度及代入感,还可利用音频、视频及动画特效等,在视觉和听觉上呈现出更强的感染力,易在潜移默化中取得非常好的营销效果。

 

直到现在,还有很多人都以为H5游戏的制作得依靠一个专业的制作团队。其实不然,无论你是平面设计、文案策划还是市场营销人员,都可以依靠意派Epub360这种专业H5制作工具来制作一款有吸引力的H5游戏。该工具支持手势触发、拖拽交互、碰撞检测、关联控制等多种触发器控制,还拥有参数变量、条件判断、数据库等高级数据组件,可轻松实现多种H5小游戏的制作。

 

 

H5小游戏的常见类型

 

 

H5小游戏的创意类型有很多,如填色小游戏、翻牌小游戏等等,而其中最为常见的主要有碰撞检测小游戏、拼图小游戏、解谜小游戏、答题小游戏这4种类型。接下来,我们就结合案例简单了解一下这四种小游戏都是怎么玩的吧(文中所有案例均通过意派Epub360 H5编辑器制作)~

 

 

碰撞检测小游戏

《世界海洋日,搭乘“王子号”一起穿越海洋》

LnnugOkxMT60cXOG__thumbnail.png

品牌方:青岛啤酒

出品方:原力光影互动

实现方式:意派Epub360在线H5制作工具

创意特色:小游戏、排行榜、表单

内容特色:这是一款碰撞小游戏H5。用户可随意拖动“王子号”潜水艇,以碰撞各种海洋生物并躲避鲨鱼,碰到不同生物得分不同,而碰到鲨鱼则会减分。游戏结束后,用户可查看成绩、排行榜,并填写信息领奖。

 

 

拼图小游戏

《拼健康 防新冠》

LnnugOkxMT60cXOG__thumbnail (1).png

品牌方:天津市卫生健康委员会、天津市卫生促进健康中心

出品方:孚莱科技

实现方式:意派Epub360在线H5制作工具

创意特色:小游戏、插画、测试题、排行榜、抽奖

内容特色:这是一款拼图小游戏H5,游戏共10关,用户只需将拼图碎片拖动至正确位置,并在限定时间内拼完全图即可。若拼图成功,则可参与话费抽奖活动。若拼图失败,则需答对随机出现的问题并继续闯关。

 

 

解谜小游戏

《万圣夜神秘失踪事件》

LnnugOkxMT60cXOG__thumbnail (2).png

品牌方:宝宝树

出品方:三人游创意设计

实现方式:意派Epub360在线H5制作工具

创意特色:小游戏、动画、网页跳转

内容特色:这是一款解谜小游戏H5,游戏共分为三个部分,在第一部分,用户需根据提示通过点击、滑屏操作在客厅、厨房中寻找线索;在第二部分,用户需通过点击橙色砖块连接起点与终点;在第三部分,用户需在7个小鬼中找出扮成小鬼的宝贝。游戏结束后,用户可根据提示按钮再玩一次、将作品分享出去或跳转至品牌的专题活动页。

 

 

答题小游戏

《天津7.28世界肝炎日主题系列活动》

LnnugOkxMT60cXOG__thumbnail (3).png

品牌方:天津市疾病预防控制中心

出品方:孚莱科技

实现方式:意派Epub360在线H5制作工具

创意特色:测试题、横屏、横长图、插画、合成海报、抽奖

内容特色:这是一款答题小游戏H5,若用户答对所有题目,即可获得抽取现金红包的资格。测试题共5道,用户可通过滑动横长图的方式浏览各种场景并回答相关问题。答题过程中,H5会即时判断对错,用户只需选定正确答案后再进行提交即可。而在回答正确后,用户还可浏览相关专业知识。

 

 

如何自制H5小游戏?

 

 

意派Epub360平台向用户提供了一系列与H5游戏相关的案例、模板(跳一跳、接红包等等)和教程,你可以从一些优秀的H5游戏案例中获得灵感,也可以根据一系列详细的制作教程亲自打造一款独具特色的H5游戏,还可以选择合适的H5游戏模版,然后根据自己的需求替换图文音频元素。此外,意派Epub360团队还经常在官网、公众号、微博等官方平台分享H5游戏的具体制作经验,大家可以在平时多多积累学习。

 

案例

 image (1).png

 

模板

 image (2).png

 

教程

 image (6).png

 

当H5小游戏正式发布以后,你可以获得该作品的链接或二维码,以便将作品传播出去。心动不如行动,快来用意派Epub360制作一款好玩又吸粉的H5小游戏吧!


本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)

    作者
    意派科技

    意派科技

    上海 长宁区

    仙霞路321号百科苑大楼6楼604室