自从淘宝造物节H5运用720度全景交互功能刷爆全网后，很多设计师把它应用在各种场合，简直有玩坏的节奏——
来源：iH5（ih5_cn）
数英网二次编辑整理
1、神秘的唐卡
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
八张唐卡围成全景图，顶部和底部是两张圆形图案，一看就是经过严密计算过，圆形与中心的距离刚好与中部的筒形无缝对接（精神可嘉）。
然而当你点击“点我获得加持”后，会进入××听佛歌、××放生、××学经文等微信图文页面——
它竟然是用来给公众号导流的！
2、揭秘地铁2号线
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
这张郑州地铁2号线地图有点燃。
720度全景展示路线的同时，还选取站点的标志性建筑进行介绍，点着点着你会发现那些用闪闪的GIF标记的地点也有内涵——
它是一则地产广告！
3、展区内部聚焦
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
全媒体互动虚拟演播室、融合媒体制播区、全新非编演播室产品讲座区……
各种展区通过全景融为一体，点击展区名称就会聚焦放大、然后进入展位内部演示——
这是直接把展厅从线下搬到线上啊！
4、720°无死角的买卖
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
你有没有想到还有这么一招？把全景用来展示商品，将所有百货活动页面（100元专区、200元专区等等）甚至活动商品合为一体。
使用自动播放功能，还能让商品主动动起来——
苏宁818全民发烧节，那么猛的广告渠道不是白铺的！
5、淘宝《ZAO》完全模拟
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
这个就绝了，直接把淘宝造物节的初始动画、全景插画风格和版式、内部导航菜单等一股脑儿搬过来——
嗯，还是有改进的，全景身后的背景是动态的渐变色天空，但原版是静止的。
上面5个H5实际上代表着全景组件应用的5种功能：
（1）封闭环境的构造：全景容器下加图片，把图片类型设为“顶”、“底”；
（2）按钮的动效设计：全景容器下加GIF图片作为按钮，为GIF添加“点击”事件；
（3）全景的聚焦设计：对全景背景组执行“聚焦至某位置”的目标动作，设置观察点位置与时长；
（4）全自动浏览：在全景容器的“自动播放速度”添加参数；
（5）初始动画导入：用时间轴控制不同片云彩的位移、旋转等参数的变化。
功能看起来简单，它可以做很多东西：3D商品展示、全景游戏、聚焦放缩的演示、重力感应展示……上面的案例基本包含了它能用的功能，但应用上还没有挖掘完全，所以这功能还是玩不坏的！
附：全景应用的精品开发案例
淘宝造物节邀请函
案例详情点击：http://www.digitaling.com/projects/18008.html
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
寻找 MOON MILK
扫描二维码，立即体验！
（数英网 App 用户需点击放大二维码后，长按识别）
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
全部评论（3条）