V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zhidian
V2EX  ›  程序员

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

  •  
  •   zhidian · 2017-03-07 10:50:10 +08:00 · 6287 次点击
    这是一个创建于 2800 天前的主题,其中的信息可能已经有所发展或是发生改变。
    第 1 条附言  ·  2017-03-07 13:35:27 +08:00
    说错了,是 mousemove
    第 2 条附言  ·  2017-06-10 20:57:23 +08:00
    32 条回复    2017-03-08 14:42:44 +08:00
    DinoStray
        1
    DinoStray  
       2017-03-07 10:56:09 +08:00
    github 地址呢
    zhidian
        2
    zhidian  
    OP
       2017-03-07 10:57:24 +08:00
    @DinoStray 页面上的二维码,点击一下就过去了。地址: https://github.com/district10/panorama-viewer
    lzghades
        3
    lzghades  
       2017-03-07 11:24:54 +08:00
    直接用的 threejs 的 demo 嘛。。。而且不支持碎片图
    sdwill
        4
    sdwill  
       2017-03-07 11:33:02 +08:00
    持续朝一个方向滚动鼠标滚轮会有奇迹发生 (#滑稽)
    zhidian
        5
    zhidian  
    OP
       2017-03-07 11:45:52 +08:00
    @lzghades 整合了移动端。主要是自己用来校准两张全景图方向用的。
    zhidian
        6
    zhidian  
    OP
       2017-03-07 11:46:14 +08:00
    @sdwill 吃完饭我决定制止你……
    softempire
        7
    softempire  
       2017-03-07 11:49:26 +08:00
    非常牛逼。。。
    oop99
        8
    oop99  
       2017-03-07 12:19:09 +08:00
    Mark 下, 多年前用 Flash 做了个类似的东西.
    dong3580
        9
    dong3580  
       2017-03-07 12:23:27 +08:00
    给你开了个 bug ,不谢,
    zhidian
        10
    zhidian  
    OP
       2017-03-07 12:23:47 +08:00
    @sdwill 现在不可以了哈哈哈。
    Umix
        11
    Umix  
       2017-03-07 12:47:31 +08:00
    和 pannellum 比有什么优势吗?
    zhidian
        12
    zhidian  
    OP
       2017-03-07 12:52:42 +08:00
    @Umix 才发现我以前 star 过那个……我得偷窥一下源码……
    ywm8812
        13
    ywm8812  
       2017-03-07 13:50:16 +08:00 via Android
    无比流畅
    allenhu
        14
    allenhu  
       2017-03-07 13:57:28 +08:00
    你这到底是个项目还是个 demo ?
    INW017bzMfgkkYGn
        15
    INW017bzMfgkkYGn  
       2017-03-07 14:05:45 +08:00
    全景图用什么姿势拍的呢
    zhidian
        16
    zhidian  
    OP
       2017-03-07 14:13:26 +08:00
    @allenhu Demo 。
    zhidian
        17
    zhidian  
    OP
       2017-03-07 14:16:34 +08:00   ❤️ 1
    @default 可以用专门的全景相机拍(十分广角的镜头,一般还有一个反光的锥面)。或者用多个普通相机放在同一位置(或者一个相机旋转),然后影像拼接(比如用 PTGui 之类软件)得到 360x180 的 equirectangular 投影的相片。
    zhidian
        18
    zhidian  
    OP
       2017-03-07 14:30:55 +08:00
    @default 更新了两张我们组自己拍的全景图。
    xycool
        19
    xycool  
       2017-03-07 14:41:38 +08:00
    @zhidian 请问 iphone 全景拍照可以拍这种,然后在处理吗?
    zhidian
        20
    zhidian  
    OP
       2017-03-07 14:50:42 +08:00
    @xycool iPhone 等智能手机那种意义的“全景”(全景拍摄模式)和投影中的“全景”(一种投影)不太一样。那种全景的渲染还需要指明水平和垂直方向的 fov 大小,然后渲染的时候图片会被投影到局部的球面而不是整个球面上。这里有个例子: http://tangzhixiong.com/3d/test2.html (图片是随便贴上去的,所以看起来不自然,但投影方式是这个意思)。
    ChiChou
        21
    ChiChou  
       2017-03-07 14:53:53 +08:00   ❤️ 1
    写了一个不依赖 three.js 的 vue 组件版 https://chichou.github.io/vue-pano/
    zhidian
        22
    zhidian  
    OP
       2017-03-07 14:57:37 +08:00
    @xycool 但那种全景的竖直方向 fov 其实不大。所以那个“局部的球面”很像一个长方形,直接水平平移显示就很自然了。那种全景的拼接可以考虑用这个(话说不是自动生成好了么): https://github.com/ppwwyyxx/OpenPano
    zhidian
        23
    zhidian  
    OP
       2017-03-07 15:00:22 +08:00
    @ChiChou Cool! 直接上 shader == 最近正被它折磨。
    dong3580
        24
    dong3580  
       2017-03-07 15:03:15 +08:00
    @default
    可以用
    安卓:相机(google 出的)
    IOS/WP : Photosynth ( MS 貌似下架了)
    zhidian
        25
    zhidian  
    OP
       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
        26
    patrickwhisper  
       2017-03-07 16:52:11 +08:00
    鱼眼图没有啥特别的。
    ChiChou
        27
    ChiChou  
       2017-03-07 18:10:06 +08:00
    @zhidian vue-pano 缺文档,还有各种 bug 所以并没有发出来
    Umix
        28
    Umix  
       2017-03-07 22:38:48 +08:00
    @default @dong3580 三星比较旗舰的可以环绕拍摄,另外还有 Hugin 可以拼接图片, win/osx/linux/...都有
    sighforever
        29
    sighforever  
       2017-03-08 08:56:44 +08:00
    vultr 那个机房比较好啊?
    sighforever
        30
    sighforever  
       2017-03-08 08:57:18 +08:00
    @sighforever
    擦,回错主题了,悲剧
    ChiChou
        31
    ChiChou  
       2017-03-08 10:43:24 +08:00
    @Umix 试试微软的 Microsoft ICE ,只有 Windows 但比 hugin / ptgui 好用
    Umix
        32
    Umix  
       2017-03-08 14:42:44 +08:00
    @ChiChou macbook 空间不够虚拟机都删了😅,以后有机会试试哈~
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1763 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 16:35 · PVG 00:35 · LAX 08:35 · JFK 11:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.