随着（zhe）H5开发（fā）技术的成（chéng）熟，H5页面能（néng）够实现（xiàn）的功能和（hé）玩法越来越丰（fēng）富，答题（tí）测试、海报生成、合成大西瓜（guā）等游（yóu）戏玩法（fǎ）受到很多用户的青睐。蓝（lán）橙互动精选H5案例（lì）合（hé）集分享第（dì）11期，就给大家分（fèn）享一下各种不同玩法的H5案例。

案例：选出让（ràng）你开心的事情吧~

品牌：网易文创X哒哒

很多人都很（hěn）容易沉（chén）浸（jìn）在（zài）负面情绪中，许多（duō）美好的事情都（dōu）被忽略了，网易文（wén）创列举（jǔ）65件美好小（xiǎo）事，一（yī）定有一些（xiē）是发（fā）生在你身（shēn）上的，一起回忆，一起期（qī）待，一起规（guī）划和实践吧（ba）！

标（biāo）题页面会（huì）轮流出现（xiàn）几幅美好场景的画面，点击开（kāi）始（shǐ），滑动屏幕依次查看（kàn）65件事情（qíng）标题，被滑到（dào）画面中间深色区（qū）域的标题会出（chū）现（xiàn）其序列号，底部会出（chū）现（xiàn）琴键，右方会出（chū）现（xiàn）对应插图，点击自己（jǐ）喜欢的即可，点击（jī）完（wán）成（chéng）触（chù）点，输入名字，生成总结海报（bào），海（hǎi）报会以（yǐ）书签的样式罗列刚才被选中的所有（yǒu）事情。

案例：秋（qiū）冬劲补大作战

品牌（pái）：中国劲酒

冬日是进补时（shí）节，中国劲酒推出反（fǎn）应能力类游戏挑（tiāo）战，用劲酒酒杯接（jiē）食材，到达（dá）积（jī）分点即可参与抽奖，融合中国（guó）传统，推广健康饮食理念，增（zēng）深用户品牌印象（xiàng）。

点（diǎn）击聚餐主页的“申请出（chū）战”，挑战规则自动跳出，30秒的时间（jiān）内，用劲酒酒杯（bēi）尽（jìn）可能多的（de）接住（zhù）落下的食材，接住（zhù）健康（kāng）食物（wù）获（huò）得加分，同时酒杯口会出现食物功效，反之减分，酒杯口会出现劝（quàn）诫语。挑战结束后结果页面（miàn）跳出（chū），得分达标的话可（kě）参与抽奖，也可重新挑战，查看排（pái）行榜（bǎng）和分享作品。

案例名称：旺仔合成大作（zuò）战

案例品（pǐn）牌：旺旺（wàng）集团（tuán）

合成大（dà）西瓜的游戏风靡一时，我们（men）的童年好友旺旺集团，推出类似游戏（xì），相同的零食相触（chù），变成（chéng）更大的零食，逐（zhú）步解锁最后的大旺旺，有游戏乐趣，有（yǒu）零食盘点，有童年回（huí）忆。

在（zài）热（rè）闹的初（chū）始页面点击开始游（yóu）戏，上方出现零食，用户左右（yòu）拖动后（hòu）让其落下，尽可能落（luò）到相同零食（shí）上，两（liǎng）个零食会（huì）合成更大（dà）一点的（de）零（líng）食，最（zuì）小（xiǎo）的是软糖，软（ruǎn）糖（táng）合成小馒（mán）头，小（xiǎo）馒头（tóu）合成猫爪软（ruǎn）糖（táng），猫爪软糖合成扭扭条，然后是鲜贝，雪饼（bǐng），牛奶，礼（lǐ）包，最后是大旺（wàng）旺。左（zuǒ）上角有计时，快到顶时有红线提醒，触（chù）线或合成了大旺旺则游（yóu）戏结（jié）束，生成大礼包海报。

案例名称：你（nǐ）的恋爱人格，藏在老歌里

案例（lì）品（pǐn）牌：网易云音乐（lè）

网易（yì）云音乐品（pǐn）牌宣（xuān）传（chuán）H5，以（yǐ）音乐为载（zǎi）体，测试为形式，恋爱（ài）为主题，每个人都会经历或者进行中，再或（huò）者想过恋爱的模样；这个主题选择（zé）的好，受（shòu）众范围很（hěn）大；在音乐的海洋中，在（zài）测试的内容中，听到几首爱情的音乐（lè），想起网易（yì）云音乐品牌。

进入H5页面（miàn），一共（gòng）7个问题，每（měi）个问题3个选项；有根据问题选择选（xuǎn）项中的（de）音乐；也有（yǒu）听到音乐（lè）后的感觉；问（wèn）题的（de）设定像是（shì）恋爱的过程，从心动、感觉、最勇（yǒng）敢的决定、初恋、告白、爱的代价、爱情（qíng）是场梦；7个（gè）问题回答（dá）完毕后，提醒用户（hù）输入昵称，根据选择生成一张海（hǎi）报（bào），给出恋（liàn）爱关键词和精神年（nián）龄，三（sān）个特点（diǎn）关键（jiàn）词，海报下方（fāng）还有恋爱概要和爱情风（fēng）格描述文字。

案例：迪（dí）士尼动画电影嘉年华

品牌：迪士尼

迪士（shì）尼动画是很多（duō）人心中的经（jīng）典，每个人（rén）都有自己最喜欢的作（zuò）品，制作一（yī）张专属（shǔ）电（diàn）影票，完成观影梦想吧！

打开作品（pǐn），是迪士尼经典的城堡动画（huà）开（kāi）头（tóu），在“特别鸣谢”下输（shū）入（rù）名字，在屏幕（mù）下方滑动（dòng）菜（cài）单条，选（xuǎn）出自己心（xīn）中（zhōng）最经（jīng）典的（de）影片，每一步（bù）结束后都点击一下米奇头即可进入下一（yī）步（bù），最后在影（yǐng）片海报合集页面选择一个（gè），制作自己的专属电影票。

案例：V粉10年，感谢每一个你

品牌：VIVO

VIVO手（shǒu）机的（de）十周年纪念作品，摘选了VIVO手机用户记（jì）录的各种生活瞬间，加之感性的解说，引发用（yòng）户共情，提高（gāo）手机亲民感（gǎn）。

点击初始页面（miàn）的触点，查看（kàn）感（gǎn）谢信（xìn），然后（hòu）观看视频，解说语在屏（píng）幕中央以小白（bái）字的样式出现，内容包括了爱情瞬间（jiān），成（chéng）长历程，亲情温暖，友情经历，和疫情（qíng）下的许多平（píng）凡（fán）却感（gǎn）人的场景，最后是感（gǎn）谢（xiè）语和品牌图标。

以上就（jiù）是本期为大（dà）家带来H5案例（lì）分享，感（gǎn）兴趣的朋友可以持续关注（zhù）我们新利和蓝橙互动（dòng）官网的新闻动态，或是关注（zhù）新利和蓝橙互动官（guān）方微信公众号（hào），我们会（huì）不定时向大家分（fèn）享最（zuì）新的优（yōu）秀案例。

相关阅（yuè）读：《精选H5案例合集分（fèn）享-10期》