什么是360度全景图查看器？
一款支持360度等距矩形全景图的交互式查看器。上传全景照片后，可通过点击拖动环视四周、滚动缩放，沉浸式浏览完整的球形环境。
查看器基于 Three.js:把你的 equirectangular JPEG/PNG 贴到球体内壁,相机放在球心。拖动可以四处看,滚轮或双指缩放调视场角,打开自动旋转(可选慢速 / 正常 / 快速)就能免手操作转一圈,还能把当前角度截成 PNG 或 JPG 保存。
使用方法
- 从设备上传等距矩形全景图（JPEG 或 PNG），或使用内置示例全景图。
- 点击并拖动以环顾 360 度全景。使用滚轮或捏合手势进行缩放。
- 开启自动旋转功能以实现免手操控的全景游览，或截取当前视角保存图片。
何时使用
- 在亲自看房前,先看楼盘提供的 360° 照片。
- 无人机或单反拍的全景在发到 Google 地图、微博或 Facebook 之前先预览一下。
- 把博物馆、场馆、片场的虚拟漫游分享给客户或团队离线看。
结果
一位房产摄影师上传了客厅的 360 度全景图，并将浏览链接分享给潜在买家，让他们可以交互式地探索房间空间。
常见问题
- 什么叫 equirectangular 图,怎么判断我手里的是不是?
- Equirectangular 图的宽高比是 2:1(常见 4096×2048),看起来上下被拉得很长,顶边和底边分别代表天空和地面。大部分 360° 相机和全景拼接应用默认就导这种格式。
- 图能加载,但中央扭曲或者能看见拼缝,怎么办?
- 扭曲通常说明文件不是真正的 equirectangular 投影,比如柱面投影或「小行星」导出。用 PTGui、Hugin 这类工具重投影一下就好。拼缝是原始拍摄时素材没完全重叠导致的,得回到原始素材重拼。
- 能看立体 3D 或 VR 格式的全景吗?
- 不能。查看器只渲染单视图 360° 球面,上下排或左右排的立体全景会重影。要用 VR 看,得头显加上支持分眼的播放器,比如 SKYBOX 或 DeoVR。
- 自动旋转能隐藏控件做干净的演示吗?
- 可以。点击工具栏上的全屏按钮,全景画面就会铺满整个屏幕,控件仍然挂在底部边缘,自动旋转、缩放、截图和重置视角依旧一键可用。自动旋转还提供慢速、正常、快速三档速度,就显示在开关旁边,你可以选慢速漂移用于演示,或快速旋转用于预览。
- 我的全景图会上传吗?
- 不会。文件被 Three.js 当作内存纹理直接读取,不会发送到任何地方。截图是直接读取 canvas 像素本地生成的。