场景布置H5开发案例体验

2021年05月12日H5案例分享

场景布置类H5是一种比较常见的游戏型H5,像以前的QQ农场就类似场景布置,那么现在这类H5还有开发价值吗?下面小编就来给大家分享几个场景布置H5开发案例,大家体验欣赏一下吧。

案例:这是我向往的生活

品牌:淘宝

H5案例分享

1.策划上

① 场景布置(也有称DIY海报),首屏大标题展示了H5的主题,向上滑动进入场景布置页面;② 在布置页面中,首先选择喜欢的场景,一共7个场景(草原、森林、海滩、野外等),选择后,点击下方的“去DIY向往生活”按钮,进入细节布置页面;③ 在细节布置页面中,有5个菜单,分别是:房子菜单(9个建筑)、成人菜单(男性女性两个人物,选择人物后,还可以姿势、衣服、发型、配饰的选择)、孩子菜单(9个儿童宝宝)、宠物类菜单(39个动物,例如:小猫、小狗、鸽子、大鹅等)、修饰类菜单(34个植物和飞碟等);④ 整体布置完毕后,点击右上角的“完成”按钮,出现遮罩层,配上一段文案,文案与选择的主场景(7个场景)有关,最后生成一张海报,用户可以长按保存。

 2.设计上

有点宫崎骏的画风,恬静且美好;画面中融入细节动画,让用户更好的融入画面,也感受到设计师对细节处理的细腻。

案例:2021,好好做个梦吧~

品牌:腾讯广告 X 网势

H5案例分享

1.背景

春节期间,希望有一个分享让大家对2021有新的期待,用户在作品中搭配出自己的理想生活图景,告别苦痛与焦虑,为生活定一个美好的规划蓝景。

2.策划上

打开作品,选择性别后,开始搭配,点击下方的“场景”“发型”和“服饰”,分别选择自己喜欢的样式,然后点击“下一步”,左右滑动屏幕选一个口号,查看效果图后,生成海报,海报包括刚才的效果图,出品方名字,作品标题和二维码。

案例:森林的家

品牌:支付宝

H5案例分享

1.背景

支付宝蚂蚁森林推出的保护环境公益H5,在支付宝内搜“森林的家”或者“蹦迪”,在游戏的同时,了解不同的自然环境下的动物和植物。

2.策划上

① 在支付宝里输入搜“森林的家”或者“蹦迪”,进入森林的家布置场景(DIY海报)页面,这支H5一共2屏;② 每次进入布置场景页面,进入不同的自然环境,小五体验了几次进入过海口五源河湿地自然保护地、青海嘉塘自然保护地、四川关坝自然保护地、北京京西自然保护区;每次进入后,菜单中有5个布置场景元素,前2个是男女两个人物,后3个分别是该自然环境下的动物或植物;点击人物或动物、植物,都会显示为蹦迪的状态(蹦迪状态的动图);③ 布置区域左下角可以控制声音静音或者播放;声音按钮旁边MV字样的按钮,点击后出现优酷的森林的家视频;屏幕右侧“分享”按钮,点击后,会生成海报一张;④ 海报是刚刚DIY的森林的家画面;还会有上一屏布置场景中动物的简短介绍,海报是静态图片,用户可以长按保存。

以上就是本次案例分享的全部内容,如需定制开发场景布置H5,可以直接联系我们蓝橙互动网站客服,获取最新开发流程信息及合作方式。

版权所有 © 2014-2023 成都微距品牌策划有限责任公司

备案号:蜀ICP备17017356号-2