H5小游戏制作:DIYH5游戏

DIYH5是非常受欢迎的一种游戏形式，用户可以根据现有的元素，并且结合自己的喜好来生成一个形象或场景。这种形式自由程度高，可以展现用户的特点，自然也愿意分享给好友或者转发朋友圈了，这样就形成了活动的裂变传播。接下来，我们通过几个DIYH5案例来感受一下吧。

案例：2020鼠年全家福

品牌：PUPUPULA

1、创意定位

PUPUPULA每年过年都会出全家福H5，从2018年（狗年）开始，风格和形式几乎差不多，已经出了三支H5，PUPUPULA可以成为场景DIY的鼻祖。

2、内容定位

① 场景DIY（布置场景）类型H5，四个菜单分别为：背景元素、人物服饰、儿童、宠物；

② 背景元素对应菜单中包含背景和家具元素共62个；

人物服饰对应菜单中包含男女两个性别人物，男性角色还包含5个子菜单，分别为发饰（32个）、胡子（13个）、上衣（14个）、下衣（8个）、眼镜（12个），女性角色包含4个子菜单，比男性角色少了胡子子菜单，分别为发饰（34个）、上衣（15个）、下衣（10个）、眼镜（12个，男女角色此菜单相同）；

儿童对应菜单中包含孩子的各种形象24个；

宠物对应菜单中包含老鼠、猫猫、狗狗，共44个

③ DIY完毕后，点击右上角的相机按钮，生成海报。

案例：猪年大吉新年签

品牌：淘宝

1.创意定位

由淘宝制作的一款关于2019猪年的DIY换装H5，年味十足的设计。

2.策划逻辑

整个H5大致分为三部分：

①Loading部分：加载页是很有意思的两个人头像以及一堆元素混在一起的页面。用繁体字写着“猪事大吉”“新年签”，加载条藏在其中，随着加载进度，上方的一个小乌龟也跟着一起走，加载完成后加载条变成“开始游戏”。

②DIY部分：出现男生和女生的头像，选择性别，“通过打造你的新年形象，来抽取属于你的新年签，每个人都是一个宇宙，2019年让我们更好的折腾地球”，选择完毕进入DIY页面，可以变换的地方很多，还有宠物以及配件的搭配，人物身上可变换头发、表情、衣服、裤子、和饰品。还可在背景添加各类元素、物件和宠物。点击右方的小相机简短的Loading是新年签样式的，“刷刷刷，你的形象新年签生成中”

③落地页部分：正上方是刚刚的截图，下方会随机出第几签和运气。“第x签——小吉”，并随机出现一个称号和标语，右边是淘宝天下的Logo，下方是二维码。

案例：那个丢失了梦想的年轻人

品牌：网易新闻 x 喜梦宝家居

1. 创意定位

这是网易新闻与喜梦宝联合打造的H5宣传案例，旨在宣传充满爱意的居家生活。

2. 策划逻辑

① 加载结束后，画面是正在奔跑赶时间的人，而后转变场景，到加班时间，下班后打开家门，家中一片混乱，自己却没有心情和力气整理，最后画面出现“我们在找：那个丢失了梦想的年轻人”

② 用户点击“开始”进入交互环节，在“地板”“墙纸”“窗户”“家具”“装饰”“人物”六个家装选项中选出自己心中的房间画面，最后生成海报，海报界面可以选择返回上一步继续编辑，也可以重新播放动画。

最后，如果还想看更多的H5案例，可以扫描下面的二维码，关注“蓝橙互动”公众号进行查看。

立即扫码体验