• 请不要在回答技术问题时复制粘贴 AI 生成的内容
zhidian
V2EX  ›  程序员

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

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