杭州2022年第19届亚运会将于2023年9月23日~10月8日召开。随着亚运会的日渐临近，相信很多新闻媒体、品牌商家都在准备借势推出各式各样的交互H5作品了。
对此，小派为大家整理了一些优质案例，以供大家学习交流。另外，咱们意派Epub360官网也已经上架了两个亚运会的单次应用模板（什么是单次应用？戳链接查看详情→《无需升级会员，单次应用来袭！》），欢迎有需要的小伙伴使用。
OK，既然案例和模板都已备好，那就一起来看看吧~
案例
点击标题体验
出品：浙江在线
实现方式：意派Epub360 H5编辑器
创意特色：动效、动画、计时器、状态组、条件判断、序列帧、视频、layer容器、参数变量
内容简介：该H5共包含6个关卡，用户可先阅读游戏规则、点亮6个亚运场馆（杭州奥体中心体育场、杭州奥体中心体育游泳馆、杭州黄龙体育中心、杭州电竞馆、绍兴羊山攀岩中心、宁波亚帆中心），再在“AI助手”的帮助下查看精彩条漫或短视频，从而了解亚运背后的故事，并收集相应的音符微章。6个徽章全部收集完毕后，用户还可通过点击徽章的方式揭晓自己的专属亚运旋律，并长按保存相应的亚运歌曲海报。
点击标题体验
出品：浙江广电集团融媒新闻中心
创意特色：动画、动效、layer容器、序列帧、联动组件、投票组件
内容简介：该H5旨在以线上展览的方式展示48件杭州2022年亚运会官方海报（海报为杭州亚组委面向全球征集并优选出的作品）。用户可通过横向滑动屏幕的方式线上观展，并根据提示点击海报，从而查看详细介绍。此外，用户还可为喜欢的作品点赞。而用户在左右滑动屏幕时，页面中的插画主角也会相应地转变朝向。
《H5丨亚运三宝的“美学之旅”》
出品：美术报、潮新闻创意设计中心
实现方式：定制开发
创意特色：答题测试、网页跳转
内容简介：该H5共包含七个答题关卡，用户可在亚运三宝（琮琮、宸宸、莲莲）的陪伴下，运用“亚运美学知识”开启闯关之旅。答题过程中，用户每做完一次选择后，都可即时查看正误。若回答正确，用户可进入下一题，若回答错误，用户需再次作答，直至选出正确答案。顺利通关后，用户还可长按保存纪念海报，并通过提示按钮跳转至相应的公众号文章。
单次应用模板
点击标题体验
玩法介绍：这是一款趣味答题测试H5模板。用户进入首页后，可查看已有多少人参与答题，并通过“点击抽题”按钮前往相应的答题界面。完成作答后，用户可查看正确与否及具体解析，还可通过提示按钮再抽一题或生成一份专属海报。海报中包含用户的微信昵称、测试时间等信息。
点击标题体验
玩法介绍：该H5模板共包含4个关卡，每个关卡对应不同的趣味小游戏：①【竞技类比赛】用户需通过点击操作击中移动的靶子，累计击中10次即为胜利；②【球类比赛】用户需通过拖拽操作控制球拍接住掉落的球，累计接住10个即为胜利；③【对抗性比赛】用户需通过点击操作击中移动的对手，累计击中10次即为胜利；④【水上比赛】用户需通过点击操作控制船艇移动，并比对手先到终点。全部挑战成功后，用户可获得一份专属海报。海报中包含用户的测试时间、挑战情况等信息。
希望以上内容可以对您有所启发
更多精彩的H5案例及模板
详见意派Epub360官网
本文中的H5案例均来源于平台用户或第三方，版权归版权所有人所有。文中H5内容截图仅作效果展示之用，非商业用途。如有侵权，请联系我修改或删除。
