新世相：告白邮局

2017-12-05 H5案例分享 H5案例分享

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

识别图中二维码

告白邮局-查阅二维码

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

案例：告白邮局

出品：新世相

制作：腾讯视频

亮点：

策划上，以一段49秒视频引入，由一名邮递员介绍了告白邮局的存在。引导我们走进邮局。进入由邮局后面临两个选择，“填写告白”。选择“看其他告白”进入一个展示厅，一面墙上展示了许多邮箱。点击各个邮箱可打开一封信，信的内容大多是“说不出口的爱，或者失败的告白故事”。信的下面有两个选项“去走信件”，“收集告白”。选择“去走信件”，邮递员会提示必须写一封信才能领一封信，选择“写故事”则进入之前“填写告白”页。选择“收集告白”则是引导分享。
设计上，卡通风格。进入展示厅后是一幅重力感应全景图。
技术上，使用js + egret.js 制作片头动画

技术实现： Zepto.js + dragonbones.js + egret.js

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

标签