粤省事:步履不停70年

2019-09-30 H5案例分享 H5案例分享
粤省事:步履不停70年


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

步履不停70年-查阅二维码

完整欣赏此案例大约需要1分钟


案例:步履不停70年

品牌:粤省事

技术实现: PixiJS

亮点:

1.创意定位

由粤省事、粤商通、南方+三方合作制作的庆祝新中国成立70周年的H5。

 

2.策划逻辑

整个H5分为三部分:

 

①Loading部分:木质背景,上方一个老式电视,轮播着一些画面,下方写着“马上揭晓……”

 

②内容部分:进入主页的背景就建国大典的场景,中间部分有一个正在走路,下方有状态栏:左右方向键,照相机的按键还有五个待解锁的内容框,分别是:军装、自行车、传呼机、MP3、手机。提示长按右键向前走,蹦出提示框表示“走到提示地点可以点击界面的照相机图标进行拍照”点击屏幕任何位置关闭提示框。

向前走后遇到的第一个物品就是一件军装,点击“穿上军装”;第一个拍照场景是跳集体舞的爷爷奶奶,可长按保存图片,海报右下角是二维码,下方是三个品牌的Logo;

1961年的时候可获得自行车,1964年拍照场景是庆祝我国第一颗原子弹爆炸成功;1977年恢复高考;还有路过的中国女排五连冠、第十一届北京亚运会、得到BB机道具、游戏从像素到3D、四大天王时代、澳门回归、得到MP3道具、路过2008年北京奥运会的举办场所:鸟巢;再到使用手机。

 

③海报部分:最后已是一身现代装的青年又走回了天安门广场的门口,然后打印出了一张海报:庆祝中华人民共和国成立70周年“这个生日,你我与14亿人一同庆祝”,用户可点击“再走一遍”重新再看H5和“喊上好友”分享好友。

 

3.设计上

手绘画面,人物会随着用户长按左右按钮进行走动,后面大背景有细节动画。

 





以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

海尔:海尔智家邀您为祖国庆生

粤省事:我的爱情Flag

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~