• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

pano: 基于webgl(threejs)技术的室内街景 / 全景图 demo,前后端(python)完整实现 ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

pano

开源软件地址:

https://gitee.com/kaysama/pano

开源软件介绍:

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

项目描述

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

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

运行

视频预览

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

panorama.js插件接口列表:

1. 初始化参数

属性名类型说明默认值
containerDOMdocument.body场景显示的容器,必须是非static
smoothStartbooleanfalse是否平滑进入
autoPlaybooleanfalse是否自动播放
autoRotatebooleanfalse是否自动旋转
logoUrlstring场景logo
hotImgstring/pano/static/panorama/img/foot_step.png热点图片
debugbooleanfalse进入编辑模式
fpsbooleanfalse显示帧速

2. 实例属性

属性名类型说明
stageDOM添加到容器下的canvas标签r
spaceCountnumber场景中的空间数量r
spacesDictjson对象空间字典r
spaceIdstring当前显示的空间编号r
stereoModebooleanVR模式r / w
walkModeboolean步行模式r / w
addingHotboolean选择热点模式r / w
lockSceneboolean锁定场景r / w

3. 实例方法

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

4. 事件

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

接口描述

play

  • 播放场景

showSpace

  • 切换场景
  • 参数

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap