滴滴圣诞全景活动Krpano交互实现
滴滴的圣诞全景活动,是个挺有意思的项目。你可以理解为节日版的沉浸式 H5,点进去就是一个 360 度环绕的圣诞场景,交互元素也不少,比如点击雪人领券、点礼物开小游戏啥的。技术上用的是Krpano,一个老牌全景方案,配置灵活、兼容好,用XML
就能搞定大部分交互,适合想快速上线效果的你。
全景图怎么来?你可以用专业相机拍,也可以自己多角度拼图,再用工具拼接成一张大图。交给 Krpano 做热点、加动画、放音乐都行,连360 度视频
它都支持,适配移动端也挺靠谱。
这套活动还跟支付宝联动过,像是用户扫码进场、授权领奖之类的场景也考虑到了,服务端也配合得比较完善。要是你在做品牌活动或者节日专题页,可以参考这个玩法,氛围感拉满还挺吸引眼球的。
不过用 Krpano 有几个点要注意:热点配置建议别太密集,不然加载慢;适配方案要测试清楚,不同机型差异还挺大的;还有就是交互事件尽量放在前端,后端只管数据逻辑,这样响应也快。
如果你最近刚好想做全景类 H5,可以看看它当时的活动效果,还挺值得借鉴的。你可以从这篇文章里找到更多灵感:圣诞节互动网页资源详解。
2016-12-25alipay.zip
预估大小:28个文件
2016-12-25alipay
文件夹
vr
文件夹
gyroicon.png
3KB
tour.js
141KB
shengdan.mp3
450KB
skin
文件夹
500-1.png
235KB
plugins
文件夹
gyro2.js
12KB
soundinterface.js
3KB
3.9MB
文件大小:
评论区