lxu：狗年布袋狗_H5案例分享

lxu：狗年布袋狗

2018-02-27 H5案例分享 H5案例分享

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

识别图中二维码

狗年布袋狗-查阅二维码

完整欣赏此案例大约需要3分30秒

案例：狗年布袋狗

出品：lxu

亮点：

策划上，视频类，这是一个关于狗年过年祝福的H5，loading完毕，AR动画以及文字提示系统升级到ios11或者0以上，点击我就不升级，该页面有6张图片，前五张图片长按会出现一段AR动画，第6张图片点击是关于一个过年回家关于家人以及朋友一个搞笑视频。
设计上，整个页面以红色为主背景色，体现出了春节期间的喜庆气氛。
交互上，前五张需要用户长按出现AR动画，第6张图片点击播放视频。
体验上，这是一个搞笑类的H5，但是感觉画面真实，画面中的场景，相信很多人都亲身经历过，而且回家过年的开心和快乐能明显体会，同时也告诉我们过年回家陪父母是很有必要且很有意义的一件事。

技术实现： video+canvas

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