LOGO
加载中…
拖动环视 · 滚轮缩放 · 点击底部缩略图切换场景

操作说明

鼠标 / 触屏

  • 拖动 / 单指滑动 —— 环视四周
  • 滚轮 / 双指捏合 —— 缩放视野
  • 双击画面 —— 放大该处
  • 点击底部缩略图 —— 切换场景
  • 左右箭头 / 左右滑动画面的箭头 —— 上/下个场景

键盘快捷键

  • ←→↑↓ 转动视角
  • + / - 缩放
  • 空格 自动旋转 T 自动导览
  • V VR 立体 G 陀螺仪
  • F 全屏 Q 画质 P 截图
  • H 隐藏界面 N 重置视角 M 场景管理

VR 立体模式:把手机横向放入 Cardboard 类眼镜观看;开启后自动尝试陀螺仪。 手机陀螺仪需要安全上下文(localhost 或 HTTPS),iOS 还会弹出授权请求。

场景管理

当前服务模式不支持管理功能。请用装有 Node.js 的电脑双击「启动全景展示.bat」启动后再试。

添加全景图 点击选择或拖入图片(JPG / PNG / WEBP,也支持 Radiance .hdr),可多选,自动生成各档清晰度

添加热点

热点类型
展示图(点击热点后弹出的大图;支持多选批量上传,8K 渲染图亦可)
自定义图标(画面上的标记样式,JPG / PNG / GIF 动图;留空用默认样式)
默认白色圆点
同步到其他场景(勾选后,此热点会同时出现在勾选的场景中)
加载中…

请通过本地服务打开

浏览器不允许 file:// 方式把本地图片加载进 WebGL。

请双击项目目录中的 启动全景展示.bat,或运行 node server.js,然后访问 http://localhost:8080。