功能介绍

这是一个整合了车内全景和整车360度环物环绕的案例，其中车内全景包含了车内外的视差效果。

视差效果

可以看到车内外有明显的视差效果，也即是提供了更真实的沉浸感。

要实现这个效果，需要准备车内的一个全景图，将车窗部分抠掉，然后使用球面转立方体工具，将球面全景图转换六张立方体切片。

因为像车的顶部和底部没有窗户部分，不用抠，所以可以直接生成jpg，这样的话就节约了文件大小，只有被抠掉的四个面才是png图。

另外准备一张室外全景，同样要转为六张立方体切片，因为不需要考虑天地，所以可以天地的两张全部弄成白色，也起到了节约文件体积的效果。

将车窗外全景作为最下面一层：

将车窗内的车内全景立方体切片作为热点，六个热点正好覆盖上了车外的全景部分，然后在onviewchange的时候进行ath的偏移。

 

热点滑出文本

鼠标悬停在热点上时，弹出相应的文字提示，再点击一次，则弹出图片，点击图片关闭。

 

环物360

 

下载地址

链接：https://pan.baidu.com/s/1_UQCSWR2fdeYq3VkR6PaRQ
提取码：

如需购买案例请联系站长