滴滴出行：圣诞礼包在此，速领！

2016-12-27 H5案例分享 H5案例分享

案例：圣诞礼包在此，速领！

出品：滴滴出行

亮点：

策划上，3D全景游戏类，圣诞节来临，A-lin祝你圣诞快乐啦！首屏提示您有来自滴滴的新的消息，向右滑屏后，即可开启720度全景浏览模式，也可滑动查看。整个房间装饰成圣诞节的样式，需要玩家找到A-lin留给你的两份礼物。点击就可以查看礼物内容哦！啊对了，别忘填写手机号领取滴滴红包哦！
设计上，浓浓的圣诞风格，采用红色作为主色调，暖暖的橘黄色作为辅色调，还有充满生机的绿色，而红袜子、圣诞树、礼盒······这些充满圣诞气息的元素，也带给人们别样的温暖。
交互上，通过720度移动手机或用手指滑动手机屏幕的方式找寻A-lin留下的礼物。
技术上，3D全景的实现采用的是krpano，滑动手势采用的是TouchJs。

技术实现： TouchJs + krpano

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

识别图中二维码

圣诞礼包在此，速领！-查阅二维码

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

标签