66 Star 210 Fork 80

Kay / pano

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

(作者比较懒,该文档已长期未更新,请暂时无视接口列表 23333)

项目描述

全景图Demo(包添功能有:根据已有空间创建场景;增、删、改空间中的热点,修改空间底部logo,兼容移动端浏览,横屏VR模式)

ps:仅供学习参考,很多接口并不完善,后台也有不少bug,欢迎fork。换工作中,近期并不打算维护,抱歉23333

运行

视频预览

  1. 场景切换
  2. 材质切换
  3. 编辑热点

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. 实例方法

方法名 概述
play 播放场景
showSpace 切换场景

4. 事件

事件名 概述
onOverHot 选择器在热点上移动时
onLeaveHot 选择器离开热点时
onAddingHot 添加热点时点击container的回调
onLoad 首屏加载完毕
onShowing 下一个场景载入中
onShown 场景切换完毕
onHotAdd 热点添加前

接口描述

play

  • 播放场景

showSpace

  • 切换场景
  • 参数

Comments ( 14 )

Sign in for post a comment

About

基于webgl(threejs)技术的室内街景 / 全景图 demo,前后端(python)完整实现,功能主要包括:添加、编辑热点,材质切换,修改logo,移动端浏览、VR模式。 spread retract
Python and 5 more languages
Cancel

Releases

No release

Gitee Metrics

Contributors

All

Activities

load more
can not load any more
Python
1
https://git.oschina.net/kaysama/pano.git
git@git.oschina.net:kaysama/pano.git
kaysama
pano
pano
master

Search