VR全景导览开发

VR全景导览开发_第1张图片
vrimg.jpeg

此DEMO主要使用了 photo-sphere-viewer这个库,在此基础上配置参数,再加上自己的逻辑,开发一个全景导览程序要比直接写 Three.js代码方便的多。

photo-sphere-viewer官网地址:https://photo-sphere-viewer.js.org/




  
  
  
  
  
  
  全景导览DEMO
  


  

注意

1.一定要部署到服务器才可以看到效果
2.更多参数可以在官方网站上查API
3.DeviceOrientationControls为重力感应组件
4.注释部分为画标记点的内容

为了方便大家学习这里把所用到的js css一并打包

下载地址: https://pan.baidu.com/s/1QB4JdfRcOqGee0xlwV7qiw
提取码: ywkv

你可能感兴趣的:(VR全景导览开发)