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

案例：选出让你开心的（de）事情（qíng）吧~

品牌：网易文创X哒哒

很多人都很容（róng）易沉浸在负面情绪中，许多美好的事（shì）情都被忽略了，网（wǎng）易文创列举65件美（měi）好小事，一定有一些是发生（shēng）在你身上的，一起回（huí）忆，一（yī）起期待，一起规划和（hé）实（shí）践吧！

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

案例：秋冬劲补大（dà）作战

品牌（pái）：中（zhōng）国劲（jìn）酒

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

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

案例名称：旺仔合成大作战

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

合成大西瓜的游（yóu）戏风靡一时，我们的童（tóng）年（nián）好友旺旺（wàng）集团（tuán），推出类似游戏，相同（tóng）的零食相触，变（biàn）成更大（dà）的零食，逐（zhú）步解锁（suǒ）最后的大旺旺，有游戏（xì）乐趣，有零（líng）食（shí）盘点，有童年回忆。

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

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

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

网易云音乐品（pǐn）牌宣传H5，以音乐（lè）为载体，测试为形式，恋爱为（wéi）主（zhǔ）题，每个（gè）人都会（huì）经历或者进（jìn）行中，再或者想过恋（liàn）爱（ài）的模样；这个主题选择的（de）好，受众范（fàn）围很大；在音（yīn）乐（lè）的海洋中，在测试的内容中，听到（dào）几首爱情的音（yīn）乐，想起（qǐ）网易云（yún）音乐品（pǐn）牌（pái）。

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

案（àn）例：迪士尼动画电影嘉年华

品牌：迪士尼

迪士尼（ní）动画是很多人心中的经（jīng）典，每个人都有（yǒu）自己最喜欢的作（zuò）品，制作一张（zhāng）专（zhuān）属电（diàn）影（yǐng）票，完成（chéng）观影梦想（xiǎng）吧！

打开作品，是迪士尼经典的城堡动画开（kāi）头，在“特别（bié）鸣谢”下（xià）输入（rù）名字，在屏幕下（xià）方滑动（dòng）菜单条，选出自（zì）己心中最经典的影片，每一（yī）步（bù）结束后都点击一下米奇（qí）头即可进入下一步，最后在影（yǐng）片海报合集（jí）页（yè）面选择一个，制作自（zì）己的专属电（diàn）影票。

案例：V粉10年，感（gǎn）谢每一个你（nǐ）

品（pǐn）牌：VIVO

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

点击初始页面的触点，查看感谢（xiè）信，然后观看视频（pín），解说语在屏（píng）幕中（zhōng）央以（yǐ）小白字的样式出现，内容包括了（le）爱情瞬间，成长历程，亲情温暖，友情（qíng）经（jīng）历，和（hé）疫（yì）情（qíng）下的许多平凡却（què）感人的场（chǎng）景（jǐng），最（zuì）后是感谢语（yǔ）和品牌图标。

以上就（jiù）是本期为大家（jiā）带来H5案例分享，感（gǎn）兴趣的朋友可以持（chí）续关注我们蓝（lán）橙互动官网的（de）新闻动态，或是关注BG大游和蓝橙（chéng）互动（dòng）官方微信公众号，我（wǒ）们会不（bú）定时（shí）向大家分享最新的优秀案例。

相关阅读：《精选H5案例合集分享-10期（qī）》