krpano 入门简易教程

[复制链接]
查看83036 | 回复40 | 2015-5-4 19:18:58 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
早期玩全景的人用PANO2QTVR,生成的是MOV,后来又了FLASH版,改名为PANO2VR.' e0 i' F3 Y* h
KRPANO后起之秀,虽然界面不太友好,但活儿干得漂亮,神兽广大爱好者追捧。* c. W6 T0 c8 V8 P, P+ l
PanoTour Pro的价格太高,有个krpano,稍微修改下代码和皮肤也不是难事儿。
: L- V" f; J# f/ K* Q! a1 r& C  P: ]3 x4 F
6 @9 W& u* y7 b+ q. w8 o' X
KRPANO,就我所接触过的漫游软件,感觉它生成的东西,在兼容性、功能性、互动性方面都是很不错的。. _8 P) y# T& f
PANO2VR,有一个很友好的人机界面,功能也很强大,但是在HTML5的表现上,比KRPANO稍有逊色。7 E, J1 U+ V7 [: m6 R7 D( c: V  B
  F. Q/ G! _* R
% Y# J; l& ~$ R  O  D7 x- d. M
由于近年来,全景在移动端的应用越来越多,感觉在手机和pad上浏览、传播分享全景图很方便快捷,所以我也就把PANO2VR暂时束之高阁,转而使用KRPANO了。
8 Y! T7 o5 [3 H8 @' [很多网友询问如何使用KRPANO,总是感觉没有一个GUI的外壳,好像无从下手。) K0 p1 I* I7 T8 G0 n" h
其实,KRPANO是有外壳的,那就是大名鼎鼎的PTP(PanoTour Pro),只是因为价格昂贵且缺少中文版而少有人问津。  k- p1 f$ e- h& D' O( B# [
KRPANO则方便很多,首先是价格相对便宜很多,然后是操做简便快捷,一拖,一丢,OK。
, t7 Q# f( a0 h! [% D# ~- r7 `/ i
! d% V2 H) h2 n# U8 W5 k简单讲,KRPANO是没有界面的 “Droplet” 程序。
+ q" y2 @! u! V它的工作可以用煮咖啡来比喻:- `* t6 g# h& R+ \, g7 B9 a# B" d
我们把KRPANO的小程序当做是咖啡壶,把鼠标当做是吸管,将全景图当做咖啡,一个全景图就是一滴,我们用吸管吸起几滴咖啡,然后把它们滴入咖啡壶里,咖啡壶便自动开始煮了。% _# O3 }% P7 Y# i5 X1 Y! E! j9 C: P
在它煮的时候,弹出一个黑底白字的DOS界面,我们可以清楚看到整个煮制过程,直到结束并提示:请按任意键结束 . . .
5 r4 T2 M) K0 N9 A1 U  f MAKE VTOUR (NORMAL) droplet.jpg
. L- V* T1 z% a- m
( k; d' K5 i# {在我所使用的1.18版本的KRPANO中,共有10把咖啡壶,分别烹制10种不同的“口味”:
2 r1 V8 V9 ?0 {' [5 @3 M+ w 未标题-1.jpg
" y; D! f. t3 M. G( Y上图就是krpano文件夹里面的所有程序,下面一一列举翻译成中文:
( [0 c2 w* Q4 _5 v! I8 R' S/ n) E1、六面体转全景图
: J$ e; k# }4 K# S0 |+ Y* X5 }/ `2、全景图转六面体
/ x9 b% E' Z5 U7 _- F1 E3、XML文件加密5 s! \! |: Q5 E8 e
4、序列图片生成物体环绕:支持FLASH、不支持HTML5
: {% F8 K* U- p+ T5、矩阵接片大图生成多级碎片:支持FLASH、支持HTML5& a1 Q- S2 }+ e1 U4 \
6、全景图生成多级碎片:支持FLASH、支持HTML57 l8 C. \' X* u
7、全景图生成普通六面体图片:支持FLASH、支持HTML5
' Z' g% z- F0 S% }& V; \8、全景图生成单个SWF文件:支持FLASH、不支持HTML5
7 B8 p& e# M$ z5 L0 s; R3 a" b9、多个全景图漫游生成多级碎片:支持FLASH、支持HTML5
. u, Z) F9 h  J4 P10、多个全景图漫游生成普通六面体图片:支持FLASH、支持HTML5
" l/ g0 S$ d* J4 P) `# P# u
: }4 Z- e2 m$ u, @! j MAKE PANO (MULTIRES) droplet.jpg
% j+ v" ?7 k1 p- C9 u2 Y' P凡是既支持FLASH,也支持HTML5的,在生成的文件夹里会有两套不同分辨率的图片。* U! Y6 T& k0 l4 Z+ H5 y% C5 S3 D+ [
电脑端浏览会自动调用六个碎片文件夹里的图片;而手机端则会自动调用六个名为mobile_*的六面体图片。多级碎片的每块碎片图片为512X512像素;手机端的六面体每个面的图片为1024X1024像素。3 O5 n0 z0 c9 ^# B& a/ y" _4 e

1 y4 C( U9 T" T6 o. M0 o( [3 H( Z2 y# p" m9 m! R
krpanotools-1.16.9-win32.zip (21.8 MB, 下载次数: 835)
鱼眼龙 | 2015-5-5 07:55:58 | 显示全部楼层

KRPANO生成文件夹之后你所要做的几件事

5 M" |1 |( s) M4 N+ X& a% U7 i  e: K
以一组全景图的漫游VTOUR MAKER为例,KRPANO自动生成的vtour文件夹会放在原全景图相同的目录中。打开vtour文件夹,里面有这样一堆文件夹和文件:
+ u' w# m! j# s$ q: {% u7 U) j! Z) D 文件夹内容1.jpg
7 @$ B" @/ A+ w+ Q; u上图红箭头所指的是漫游编辑器。! B2 n5 l0 {9 S0 v4 X# z( I& L

  {6 u8 G: |8 C' j% j2 I9 [  r, T
* q# T9 w- b/ H+ m* r* R9 k1、打开编辑器,呈现的是如下的情景:
* P5 r- Y% [% `+ E) b: b 选择初始视角.jpg & g6 I8 z: A" ]; y; `* m
上图的编辑器菜单第一项,是“选择默认初始视角”。  G: M( s9 g- }- w
方法:转动全景图,至你所需要的视角(还可以调整放大缩小),满意之后,点击这个按钮。
& E' `9 _0 @4 W2 l2 g3 t0 t" D! N0 m
5 N% b+ o; {- p& k: y2 u9 L' Q( \9 f
2、设置漫游链接路线(设置跳转热点)5 T( O5 _# b, F$ s
下图的步骤分别是:9 Z  Q; P* p5 \- c
       1)点击热点设置按钮
4 v! g( t# M, h" [* t  V       2)鼠标拖拽黑色箭头至所希望的位置
" f0 I' }: b7 t' g4 M. P* q       3)点击下拉菜单项“done”(完成)) i+ d/ N, \0 e8 W2 N
添加链接箭头.jpg   n! y4 U7 V7 }& \: ]1 P7 |6 Y
点击完成之后,会弹出下面的对话框。
' Y* k- a* D' r
0 _( F4 g3 D2 t3 R' K; Z4 [& Z* N3、选择跳转目标场景:( f" _+ @: D; |* D, ?# C" x# b
在对话框中列出了一组全景图(本例仅处理了一个全景图,所以列表中只有一个)
( X* `. D! y2 q7 x/ M1 p1 {6 f# X      1)点击希望跳转到的目标场景
: V5 b  S1 {  d2 h- A      2)点击done(完成)
2 X' Y2 L1 I& k" ]# f0 u6 B4 ~ 选择链接目标.jpg ( U) h$ T. t( y$ m7 }6 l
& v5 L, J) e; e: W1 f  y3 W
4、把英文标题改成中文的+ i6 x3 A6 _  i$ _: i, L2 `
全景浏览漫游的所有参数,都在vtour.xml这个文件中。
# d4 N& }9 v/ ~$ \5 o. P( E       1)点击xml文件编辑按钮. m8 X3 K7 L/ O8 A  @. N
       2)修改组图标题
# V9 M$ j, ^7 x* `; p. a4 e# {       3)修改单个场景标题
/ T0 b6 {+ ~9 @! u       4)保存修改之后的 xml文件
% W+ u, y0 P( ^% B 修改组图标题.jpg
" H, i  Q- ~  _8 e4 K
% ?7 e* V0 m8 a; V具体的修改方法:
6 s) `) f" g4 q( U, a9 e+ T上图的第1步骤之后,会弹出下面这个 XML文件编辑器窗口。
: d4 X) A9 I! V, y1 w0 Y& K         1)将默认的krpano网址标题修改成自己的中文标题
+ ~5 F5 @7 ]/ \- S         2)一次修改一组漫游的各个场景标题, I( |+ i  Q8 a+ k
         3)修改完毕之后,点击“reload”(重新载入)
: h$ ^- Y; _; z/ h 修改组图标题和场景标题.jpg 0 U  ?& i0 M$ g6 I1 G; g( r
4 @" b, C. O: @
重新载入之后,你会看到编辑器界面左下角的英文,现在已经变成了中文。: _4 e2 k" a& Q/ ^$ @1 b
! ^' w' k; b6 J0 N% N
5、修改界面的默认显示方式; j6 B7 \: u: y, m7 v, Z9 T) }
浏览界面的默认缩略图索引、文字提示都是处于关闭状态的(FALSE)。" E/ F9 q# t: [/ |; V) N
找到需要打开的项目,将 FALSE改成 TRUE。3 \3 x  Q- U5 i7 t( Y! ?- ?
举例如下:% |  P9 i0 t( n4 r: G$ ?
         1)缩略图0 X* ^( C( C5 b4 z" v. \
         2)缩略图的文字提示
7 G5 n! N# A1 \. z0 ~         3)热点箭头处的文字提示
0 h. p  H5 B8 G+ ~; H 修改导航方式.jpg 1 `0 R% z3 M9 h5 ~% Z. Z& t

1 w# v  _3 v6 O" L以上举例的3项修改为TRUE之后,重新载入再看就变成下图的模样了:
4 @% q3 ~2 h# {- D4 y1 q        1)缩略图一字排开(本案例仅处理了一个全景图,故仅见一个缩略图)
9 G5 z: e% J, C        2)在缩略图处,自动显示了你刚刚在vtour.xml里修改的场景中文标题3 m# K- _# X( x4 `
        3)当鼠标箭头游动到链接箭头,会弹出你刚刚在vtour.xml里修改的下一个目标场景中文标题
9 [0 P4 h6 D' d' H2 M  j/ u 修改后的效果.jpg ( q% u7 C( F5 q" _+ f  q

+ z1 F$ _! m4 M/ T; W% m) R
4 Q: f& g$ J! Y( }: |! B/ c, i在VTOUR文件夹内,有两个HTML文件,其中tour_editor.html是编辑器,刚刚在上面已经介绍完毕;另一个才是真正给你的读者浏览的网页文件 tour.html 。
( k" l/ T( y' y/ g' y1 b# p上传到服务器之前,我们还需要做3件事:( V7 |3 J) B5 t/ p
       文件夹内容.jpg " S; K* {5 E& u, y5 m6 p+ p# O
      1)将网页标题修改成体现自己个性的,像自己公司名称如”四方环视文化艺术传播有限公司“、摄影师的名字如”丁丁“、场景名称如”西藏拉萨布达拉宫“等。本案改成了”北京慧空间全景摄影画廊“。中英文均可。
$ T3 c5 y! G; V; s      2)将默认的文字编码UTF-8(国际通用),修改成 GBK(中文国标库),它能更好地支持中文繁简字体的显示。
2 b) I. f" j- W; f/ j      3)最后,将修改完毕的tour.html的文件名,修改成网站能自动识别并打开的名称,最常用的是 index.html。
& E3 U& i4 ^& { 修改html标题.jpg
+ k4 s2 K: R* @5 E# g" f8 F" b7 r" ^. U; Q8 Y/ q1 I8 Q; D# t- [
* f- d( N' ^0 [3 i+ ^+ A- `# H
将VTOUR文件夹内所有的文件夹和文件(编辑器除外)统统上传的网站服务器,然后就可以在电脑和手机上浏览全景图漫游了。' ]4 b; ?. M# w
你也可以把网站生成二维码,用微信分享到你的朋友圈,让更多的人分享你的开心成果!6 @7 T$ t8 F$ F, X

' b3 G  j% X9 ]! v
刚铁侠 | 2015-5-5 11:07:04 | 显示全部楼层
感谢!
dodotdz | 2015-6-23 18:01:18 | 显示全部楼层
这么好的帖子没人顶啊~~
kmnet | 2015-6-23 20:09:28 | 显示全部楼层
鱼老师写得很好。
lightroom | 2015-6-28 17:42:52 | 显示全部楼层
学习了,感谢鱼老师分享
jiulongbi99 | 2015-8-25 18:25:28 | 显示全部楼层
迷糊中的清醒!恶补全景!) p: G( t* N  m9 q
大美溪北 | 2015-11-24 18:54:40 | 显示全部楼层
不识数,脑袋涨涨的。期待办个系统的班扫扫盲啊。
1024547862 | 2015-12-23 16:05:04 | 显示全部楼层
很好的贴!!!
全景方 | 2016-1-10 17:32:38 | 显示全部楼层
新手拜帖,学习了,老师,感谢
photobyjerry | 2016-1-15 20:22:34 | 显示全部楼层
天啊,看得头都大了
photobyjerry | 2016-1-15 21:56:52 | 显示全部楼层
将VTOUR文件夹内所有的文件夹和文件(编辑器除外)统统上传的网站服务器
! ~9 o# @) P: e" _& J' W鱼老大,这个步骤怎么弄?

点评

如果你没有一台云服务器,而又主要是发布共享全景项目,云存储是一个比较好的选择,比如:阿里云oss、七牛、支持ftp托管的腾讯CDN存储,还有很多类似的低廉云存储服务可供选择。但在开始之前,最好了解网站基本知识  详情 回复 发表于 2016-1-15 11:14 PM
明海+ | 2016-1-15 23:14:39 | 显示全部楼层
photobyjerry 发表于 2016-1-15 21:56
& P7 d& c7 _; s1 b% a7 m) ^' G3 p将VTOUR文件夹内所有的文件夹和文件(编辑器除外)统统上传的网站服务器
, q( E/ ~( q; K1 m1 ^. y# v4 \鱼老大,这个步骤怎么弄?

. H% M1 h2 V7 I' h' s8 M5 }如果你没有一台云服务器,而又主要是发布共享全景项目,云存储是一个比较好的选择,比如:阿里云oss、七牛、支持ftp托管的腾讯CDN存储,还有很多类似的低廉云存储服务可供选择。但在开始之前,最好了解网站基本知识,懂得如何发布一个简单的html网页。七牛云使用起来比较麻烦,缺乏可视化管理工具,阿里云oss和腾讯CDN存储都是不错的选择,且腾讯原生支持ftp功能同样有免费10gb的流量赠送。如果你愿意付费,也可以选择阿里云。- S+ D; B2 Y* }$ [  ]" N' O

1 I; M# u3 L0 w0 p1 z1 Y1 d还有呢,如果你想绑定自己的域名自定义链接,那么你还得具有一个在国内完成备案的域名。: Z; I$ k" O& F% l* g: q% q
photobyjerry | 2016-1-16 20:29:28 | 显示全部楼层
明海+ 发表于 2016-1-15 23:14( _/ E, p# D* t
如果你没有一台云服务器,而又主要是发布共享全景项目,云存储是一个比较好的选择,比如:阿里云oss、七 ...
  G) L% ~$ {( c9 V
谢谢明海的回复。这个看起来好麻烦,我只是想把漫游全景发布到网上,别人能浏览,就像上传全景图到720yun上一样。
cwf0918 | 2016-2-19 12:54:50 | 显示全部楼层
鱼老大写的够精细
搬砖全景小木屋 | 2016-2-26 15:26:41 | 显示全部楼层
感谢分享,从零开始学习!
wx_PjZ1bZxH | 2016-3-17 19:28:52 | 显示全部楼层
鱼眼龙老师您好, KRPANO软件应该非常合适使用,如果购买或下载? 求回复
哥不是好人 | 2016-4-2 10:52:22 | 显示全部楼层
kldkn | 2016-4-3 18:20:48 | 显示全部楼层
这个没玩过,学习一下,感谢分享。
kldkn | 2016-4-3 18:20:53 | 显示全部楼层
这个没玩过,学习一下,感谢分享。
述说哪段青春 | 2016-4-13 22:26:15 | 显示全部楼层
真是好帖子,就差下载 krpano后好好学习了。以后学会了,也来论坛里传道受业,答疑解惑。
述说哪段青春 | 2016-4-15 11:09:10 | 显示全部楼层
仔细阅读了一遍之后发现,制作不难,上传难。2 C+ L0 z2 |" }& k: y5 a
我去哪儿搞一个云服务器啊。. d' s0 ^) T" p' v, x4 q) [' b
720云等平台上,那么多漫游场景,都是这样实现的吗?/ L, t" E( m$ [9 J: W1 N
龙傲 | 2016-6-8 17:11:06 | 显示全部楼层
为什么我下载解压后内容跟楼主的图片差那么多啊,好像只能是全景跟六面体互转的话,貌似PTGui就能完成了?
" r0 Q  z' ]3 b8 g( J

krpanotools x64

krpanotools  x64
( a+ Q  u' k3 H
明海+ | 2016-6-8 17:33:33 | 显示全部楼层
龙傲 发表于 2016-6-8 17:11: P2 N% q4 H# Z6 a( e/ j( o' e
为什么我下载解压后内容跟楼主的图片差那么多啊,好像只能是全景跟六面体互转的话,貌似PTGui就能完成了?
' O; j4 K: P( E3 N5 P0 f; C ...

4 s/ a: K$ V! i你看你列表最下面那七个“MAKE ........”,那就是鱼老大说的那几个功能啊。
# ^1 w9 E! q: t- c( R9 R
n87936 | 2016-6-25 15:14:35 | 显示全部楼层
终于找到组织了,好贴学习中......  X9 r: O* Y" h1 ?
ROC飞哥 | 2016-7-12 16:03:55 | 显示全部楼层
感谢 鱼眼龙 老师的分享!3 H. h+ T$ U& F8 W
我的全景拍摄学习,是一步一步跟着您走来的!! N5 N' ^1 ^# D+ A) L$ f$ ~
紅領巾 | 2016-7-27 02:19:26 | 显示全部楼层
很感谢鱼老师的分享
wendysa | 2016-8-3 22:49:28 | 显示全部楼层
鱼老师您好,我刚开始学krpano,想问您一个问题。插入声音文件,是只支持MP3文件吗?是否支持wav等其他文件?对文件的大小有没有要求?
云水楼阁 | 2016-9-1 13:52:40 | 显示全部楼层
我也找这个软件呢,我电脑里装FLASH不好用。哪位大仙给指点一下?这厢有礼了!
李木木 | 2016-9-6 00:13:45 来自手机 | 显示全部楼层
明海+ 发表于 2016-1-15 23:14' o, `( M9 {9 F3 n  P2 F
如果你没有一台云服务器,而又主要是发布共享全景项目,云存储是一个比较好的选择,比如:阿里云oss、七 ...

! ]" V0 B" f- k) s) j% Z. |你好!怎么发布一个帖子可以访问这个html文件的?是直接发这个文件在服务器的目录地址么?还是。。。?网上百度了一下没找到答案。麻烦告诉一下,谢谢
明海+ | 2016-9-6 09:43:10 | 显示全部楼层
李木木 发表于 2016-9-6 00:13
3 m* F' b. k# K" {5 ?3 @8 @, j你好!怎么发布一个帖子可以访问这个html文件的?是直接发这个文件在服务器的目录地址么?还是。。。?网 ...

7 E- ?1 h, g# ~$ D5 r0 S' L网址或域名+网站目录+页面文件名。(一般默认首页index.html/index.htm可以省略). K) \3 `* d1 F; }7 e4 `
比如:https://pano.chinavr.net/360html/london/gbmuseum/index.htm' I- E! O2 Y# G6 i" |
第一个是网站域名
6 S0 z+ ^; [/ [! X2 ]! T4 O6 ~( b
  1. https://pano.chinavr.net/
复制代码
第二个是网站对应的域名绑定目录路径
3 _8 S$ o9 L- ~4 M4 {: C, n; {2 j
  1. 360html/london/gbmuseum/index.htm
复制代码
$ U1 K: B; X) o5 V& C7 r

0 V# _* w; T8 i6 f* H9 r3 \
李大彬 | 2016-10-20 16:43:18 | 显示全部楼层
海哥,我也想问一下,比如我制作了一个1.html文件的全景图。4 X* m% C- R) l7 a* n6 U
那怎么发表一个帖子就可以直接在帖子里面显示全景图的,就像全景论坛一样2 z+ F5 L) y) e9 o
如果发布链接,比如www.baidu.com/360/1.html那还得点这个地址跳转,很麻烦
tlsys | 2016-11-21 14:30:11 | 显示全部楼层
不错的一课!
lcbus | 2017-3-11 07:22:56 来自手机 | 显示全部楼层
请教鱼老师,点击程序后出现Dos界面,但没有生成全景文件啊?是需要把制作好的每个场景的全景图都拖到这个Dos窗口里吗?
明海+ | 2017-3-12 20:16:43 | 显示全部楼层
李大彬 发表于 2016-10-20 04:43 PM% e, H! e+ h  i8 P3 `3 V8 m( v
海哥,我也想问一下,比如我制作了一个1.html文件的全景图。# S6 B( r  A: N' X
那怎么发表一个帖子就可以直接在帖子里面显示 ...

7 P# a/ @3 q+ E. q0 A9 u+ E4 K 43c2841de0c2dc727cf243f8a904d9b3.png 3 t: T  o& N9 Z4 p: h9 ?
0bafad2ebee4308b842a5d2aa301181b.png
% c! U' }& T# x 21bcb730fe6f7303df1d5b46c69da2f1.png
& a# g6 M! r! k$ g2 T% E3 Z3 L2 E# Y- e# f8 @/ p6 L2 ^
无法加载?点此新窗口全屏浏览→https://www.ivrpano.com/ws/openPano/F2F6FC2B25FD93CA?sid=0* \- L1 I, x2 X
5 {$ O* b* ~$ T' b+ R/ B  }
$ ]0 n/ F9 D3 m* r3 B  i" x- j
微笑_jxF98 | 2017-3-31 12:23:19 | 显示全部楼层

, C6 H# I) ?) s这个没玩过,学习一下,感谢分享。
微笑_jxF98 | 2017-4-7 16:45:03 | 显示全部楼层
学习了,感谢鱼老师分享
乐天开 | 2017-7-17 13:56:50 | 显示全部楼层
你们我问一下为什么我切片出来有水印啊 怎么处理啊
鱼眼龙 | 2017-7-17 15:03:17 | 显示全部楼层
乐天开 发表于 2017-7-17 01:56 PM
- d- H2 _% V7 X1 _  o1 @. C你们我问一下为什么我切片出来有水印啊 怎么处理啊

" {2 F- F1 Q( h7 R买了注册码注册一下就没有水印了。
momoann123 | 2021-2-8 16:11:34 | 显示全部楼层
楼主好人
momoann123 | 2021-2-9 15:35:16 | 显示全部楼层
为啥有权限???
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则