Loading...

好时

贝客诗巧克力微信h5微信朋友圈营销

项目详细资料

客户: 好时

项目: 贝客诗巧克力微信h5微信朋友圈营销

上线日期: 2015-09-30 00:00:00

预览: 连接地址

所用时间: 1个半月

需求


微信h5项目,需要在国庆节前上线。时间在1个月左右

要求如设计所展示的,两种展示广告的方法,

第一种,单手机扫二维码后,播放动画,简单交互后,播放完成,参与抽奖,得优惠券,鼓励分享。

第二种,单手机扫二维码后,进入双人模式,展现二维码,第二名参与者扫前者二维码,二者同时进行动画交互,完毕后分别参与抽奖,得优惠券,鼓励分享。

总结


时间在1个月左右,

动画flashCC 导出canvas动画,关键点写好js控制动画流程。

基于websocket。后端在服务器上运行nodejs编写的代码监听事件。

动画采取canvas, 主要是为了兼容性方面考虑。

预览:

* 双机模式的第二人扫码由于活动已结束,二维码的生成需要服务,同样用户同步播放也需要。客户端源码可参考本人github项目

用户入口页(进入后请点击单人模式):

http://iamike.github.io/Brookside/


*双人模式下用户2扫用户1二维码后: