写了一个全景图查看器，类似于 720 云

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 2856 天前的主题，其中的信息可能已经有所发展或是发生改变。

更加朴素
PC 上使用 touchmove 来交换，移动端使用陀螺仪
方便修改、整合到自己的网站上
链接：http://tangzhixiong.com/panorama-viewer/
欢迎 star ;)

第 1 条附言 · 2017-03-07 13:35:27 +08:00

说错了，是 mousemove

第 2 条附言 · 2017-06-10 20:57:23 +08:00

七牛云上： http://tangzx.qiniudn.com/panorama/

touchmove

陀螺

STAR

朴素

32 条回复 • 2017-03-08 14:42:44 +08:00

DinoStray

2017-03-07 10:56:09 +08:00

github 地址呢

zhidian

2017-03-07 10:57:24 +08:00

@DinoStray 页面上的二维码，点击一下就过去了。地址： https://github.com/district10/panorama-viewer

lzghades

2017-03-07 11:24:54 +08:00

直接用的 threejs 的 demo 嘛。。。而且不支持碎片图

sdwill

2017-03-07 11:33:02 +08:00

持续朝一个方向滚动鼠标滚轮会有奇迹发生（#滑稽）

zhidian

2017-03-07 11:45:52 +08:00

@lzghades 整合了移动端。主要是自己用来校准两张全景图方向用的。

zhidian

2017-03-07 11:46:14 +08:00

@sdwill 吃完饭我决定制止你……

softempire

2017-03-07 11:49:26 +08:00

非常牛逼。。。

oop99

2017-03-07 12:19:09 +08:00

Mark 下, 多年前用 Flash 做了个类似的东西.

dong3580

2017-03-07 12:23:27 +08:00

给你开了个 bug ，不谢，

zhidian

2017-03-07 12:23:47 +08:00

@sdwill 现在不可以了哈哈哈。

Umix

2017-03-07 12:47:31 +08:00

和 pannellum 比有什么优势吗？

zhidian

2017-03-07 12:52:42 +08:00

@Umix 才发现我以前 star 过那个……我得偷窥一下源码……

ywm8812

2017-03-07 13:50:16 +08:00 via Android

无比流畅

allenhu

2017-03-07 13:57:28 +08:00

你这到底是个项目还是个 demo ？

INW017bzMfgkkYGn

2017-03-07 14:05:45 +08:00

全景图用什么姿势拍的呢

zhidian

2017-03-07 14:13:26 +08:00

@allenhu Demo 。

zhidian

2017-03-07 14:16:34 +08:00

@default 可以用专门的全景相机拍（十分广角的镜头，一般还有一个反光的锥面）。或者用多个普通相机放在同一位置（或者一个相机旋转），然后影像拼接（比如用 PTGui 之类软件）得到 360x180 的 equirectangular 投影的相片。

zhidian

2017-03-07 14:30:55 +08:00

@default 更新了两张我们组自己拍的全景图。

xycool

2017-03-07 14:41:38 +08:00

@zhidian 请问 iphone 全景拍照可以拍这种，然后在处理吗？

zhidian

2017-03-07 14:50:42 +08:00

@xycool iPhone 等智能手机那种意义的“全景”（全景拍摄模式）和投影中的“全景”（一种投影）不太一样。那种全景的渲染还需要指明水平和垂直方向的 fov 大小，然后渲染的时候图片会被投影到局部的球面而不是整个球面上。这里有个例子： http://tangzhixiong.com/3d/test2.html （图片是随便贴上去的，所以看起来不自然，但投影方式是这个意思）。

ChiChou

2017-03-07 14:53:53 +08:00

写了一个不依赖 three.js 的 vue 组件版 https://chichou.github.io/vue-pano/

zhidian

2017-03-07 14:57:37 +08:00

@xycool 但那种全景的竖直方向 fov 其实不大。所以那个“局部的球面”很像一个长方形，直接水平平移显示就很自然了。那种全景的拼接可以考虑用这个（话说不是自动生成好了么）： https://github.com/ppwwyyxx/OpenPano 。

zhidian

2017-03-07 15:00:22 +08:00

@ChiChou Cool! 直接上 shader == 最近正被它折磨。

dong3580

2017-03-07 15:03:15 +08:00

@default
可以用
安卓：相机(google 出的)
IOS/WP ： Photosynth （ MS 貌似下架了）

zhidian

2017-03-07 15:08:39 +08:00

翻到楼上的 @ChiChou 的一篇博客：[使用 Microsoft ICE 制作全景照片]( https://blog.chichou.me/microsoft-ice-%E5%88%B6%E4%BD%9C%E5%85%A8%E6%99%AF%E7%85%A7%E7%89%87-af114142745d#.ssgx7mla1) 里面有哈哈。 Mark 。

patrickwhisper

2017-03-07 16:52:11 +08:00

鱼眼图没有啥特别的。

ChiChou

2017-03-07 18:10:06 +08:00

@zhidian vue-pano 缺文档，还有各种 bug 所以并没有发出来

Umix

2017-03-07 22:38:48 +08:00

@default @dong3580 三星比较旗舰的可以环绕拍摄，另外还有 Hugin 可以拼接图片， win/osx/linux/...都有

sighforever

2017-03-08 08:56:44 +08:00

vultr 那个机房比较好啊？

sighforever

2017-03-08 08:57:18 +08:00

@sighforever
擦，回错主题了，悲剧

ChiChou

2017-03-08 10:43:24 +08:00

@Umix 试试微软的 Microsoft ICE ，只有 Windows 但比 hugin / ptgui 好用

Umix

2017-03-08 14:42:44 +08:00

@ChiChou macbook 空间不够虚拟机都删了😅，以后有机会试试哈~