4000-888-103

资讯动态粤省事:步履不停70年资讯详情

粤省事:步履不停70年

2019-09-16 00:00:00

180.jpg
b180.png

案例:步履不停70年

品牌:粤省事

技术实现: PixiJS

亮点:

1.创意定位

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

 

2.策划逻辑

整个H5分为三部分:

 

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

 

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

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

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

 

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

 

3.设计上

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

 




c180.jpg

关键词:h5页面都有哪些 创建h5页面 h5服务

上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png