(作者比较懒,该文档已长期未更新,请暂时无视接口列表 23333)
项目描述
全景图Demo,此项目不适用于Windows系统,windows系统用户可以在子系统中运行。(包添功能有:根据已有空间创建场景;增、删、改空间中的热点,修改空间底部logo,兼容移动端浏览,横屏VR模式)
ps:仅供学习参考,很多接口并不完善,后台也有不少bug,欢迎fork。换工作中,近期并不打算维护,抱歉23333
运行
视频预览
- 场景切换
- 材质切换
- 编辑热点
panorama.js插件接口列表:
1. 初始化参数
属性名 |
类型 |
说明 |
默认值 |
container |
DOM |
document.body |
场景显示的容器,必须是非static |
smoothStart |
boolean |
false |
是否平滑进入 |
autoPlay |
boolean |
false |
是否自动播放 |
autoRotate |
boolean |
false |
是否自动旋转 |
logoUrl |
string |
无 |
场景logo |
hotImg |
string |
/pano/static/panorama/img/foot_step.png |
热点图片 |
debug |
boolean |
false |
进入编辑模式 |
fps |
boolean |
false |
显示帧速 |
2. 实例属性
属性名 |
类型 |
说明 |
|
stage |
DOM |
添加到容器下的canvas标签 |
r |
spaceCount |
number |
场景中的空间数量 |
r |
spacesDict |
json对象 |
空间字典 |
r |
spaceId |
string |
当前显示的空间编号 |
r |
stereoMode |
boolean |
VR模式 |
r / w |
walkMode |
boolean |
步行模式 |
r / w |
addingHot |
boolean |
选择热点模式 |
r / w |
lockScene |
boolean |
锁定场景 |
r / w |
3. 实例方法
4. 事件
事件名 |
概述 |
onOverHot |
选择器在热点上移动时 |
onLeaveHot |
选择器离开热点时 |
onAddingHot |
添加热点时点击container的回调 |
onLoad |
首屏加载完毕 |
onShowing |
下一个场景载入中 |
onShown |
场景切换完毕 |
onHotAdd |
热点添加前 |
接口描述
play
showSpace