html5调用720全景,霸屏朋友圈的720°全景H5，你一样可以做

原标题：霸屏朋友圈的720°全景H5，你一样可以做

大家都知道，自从H5亮相朋友圈，这几年已成为新媒体推广的标配。

今年双11，马云爸爸不仅掏空了我的钱包，更是差点亮瞎我美腻的双眸。那个《穿越宇宙的邀请函》H5，瞬间就霸屏了朋友圈。

他们都说，这是用了什么炫酷场景、VR技术，从现在开始想不花一分钱，做个“马云爸爸”同款炫酷H5，比如有全景720°功能，那......也不是不可以！

首先的有账号

有没有看到两个激动人心的字眼：全景！！！

就是它啦~~

千呼万唤始出来，此时此刻对“产经”的膜拜之情有如长江之水......滔滔不绝......(希望“产经”看到后，给我发个大红包)

有些脑瓜看到这里，可能会说模板有点少。对于这样的好宝宝，我只有一句话：功能已上线，模板还会远么？(只要多夸产经帅，该有的都会有)

我们任选一个，就“百货狂欢”吧：

点“展开编辑全景”，就可以像编辑普通H5一样，在上面加上文本、图形、按钮什么的，这些很简单没什么好说的。

我要说的是，制作这种全景H5和普通H5还是有些区别滴：比如说，它得有一张长长的外圈背景：

它也得有一张长长的内圈背景：

如果说你不是专业的设计师...

那外圈背景这些还是套用模板稳妥些~

接下来是重点！！

做720°全景H5， 有一个“层级”的概念。比如上图的这些小图标，每个都可以设不同的层级，一共有10个可以选。

层级大的图标看起来比实际尺寸大。就好像现实中，我们看到远处的东西小，近处的东西大一样。

为啥要设层级？这样看起来才更有层次感、立体感。

这么说吧，层级3的图标会比层级6更靠近背景；反过来就是：层级6的要比层级3更靠近观看者。

还是有点懵B的脑瓜，看下图：

层级设置好了，加点击反应。比如说：点了之后跳转到外链，点了之后拨打电话、查看产品情况或是弹窗，看推广需要。

👇

责任编辑：