krpano 入门简易教程

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

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

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

x
早期玩全景的人用PANO2QTVR,生成的是MOV,后来又了FLASH版,改名为PANO2VR.. d. p3 @5 E% ^2 z5 W( G9 f
KRPANO后起之秀,虽然界面不太友好,但活儿干得漂亮,神兽广大爱好者追捧。* D4 C% s0 M4 M4 d
PanoTour Pro的价格太高,有个krpano,稍微修改下代码和皮肤也不是难事儿。4 [- X3 A) S3 X3 d* |' C0 F; _

$ [7 K  ~8 y1 Q/ ~, }
* x- t4 S# @. z9 s- aKRPANO,就我所接触过的漫游软件,感觉它生成的东西,在兼容性、功能性、互动性方面都是很不错的。
7 [( O. x6 e% lPANO2VR,有一个很友好的人机界面,功能也很强大,但是在HTML5的表现上,比KRPANO稍有逊色。
- J; }0 [0 g7 s  z
5 X3 K/ J3 z9 [$ H0 W7 l7 y# q, O, L8 x7 {% W
由于近年来,全景在移动端的应用越来越多,感觉在手机和pad上浏览、传播分享全景图很方便快捷,所以我也就把PANO2VR暂时束之高阁,转而使用KRPANO了。
* `5 K1 f' [0 ~8 |+ ?# n2 ^很多网友询问如何使用KRPANO,总是感觉没有一个GUI的外壳,好像无从下手。
/ G! f0 y* Q# \其实,KRPANO是有外壳的,那就是大名鼎鼎的PTP(PanoTour Pro),只是因为价格昂贵且缺少中文版而少有人问津。
; U. G( o7 W; o: LKRPANO则方便很多,首先是价格相对便宜很多,然后是操做简便快捷,一拖,一丢,OK。5 X) [1 r$ c0 u& m

3 F( G  ~3 a) c8 t( k7 X( E简单讲,KRPANO是没有界面的 “Droplet” 程序。( g- J! U  i9 F/ N6 S7 p
它的工作可以用煮咖啡来比喻:
9 R* T/ [) y3 ~  s9 K( d我们把KRPANO的小程序当做是咖啡壶,把鼠标当做是吸管,将全景图当做咖啡,一个全景图就是一滴,我们用吸管吸起几滴咖啡,然后把它们滴入咖啡壶里,咖啡壶便自动开始煮了。
5 k6 Z* I7 j  `6 q0 b6 z& `在它煮的时候,弹出一个黑底白字的DOS界面,我们可以清楚看到整个煮制过程,直到结束并提示:请按任意键结束 . . .
  Q# d. O2 ^) }' b5 k MAKE VTOUR (NORMAL) droplet.jpg
0 ]! V# D7 b9 |" w8 Y
+ [9 Q, a3 T; H) D' }9 u在我所使用的1.18版本的KRPANO中,共有10把咖啡壶,分别烹制10种不同的“口味”:. ^4 w& S# @* D$ A. L9 y& P
未标题-1.jpg 0 C, \* z# t: N1 v' i' u
上图就是krpano文件夹里面的所有程序,下面一一列举翻译成中文:% z# Z* Z- E# {  E0 }6 C4 X
1、六面体转全景图
# l* K7 o: P% Y5 M2、全景图转六面体: J% J. g+ X  H  {) P1 r3 }+ \
3、XML文件加密
4 r: ^1 Z5 e5 n& ?* Q4、序列图片生成物体环绕:支持FLASH、不支持HTML5
8 _  {+ e  m- i3 c5、矩阵接片大图生成多级碎片:支持FLASH、支持HTML5
# N0 k- @* L7 V2 }' l7 @: k6、全景图生成多级碎片:支持FLASH、支持HTML5' C4 |0 Q1 @9 g
7、全景图生成普通六面体图片:支持FLASH、支持HTML5
) X, g1 g; J- q- X/ z6 u% v, d3 H8、全景图生成单个SWF文件:支持FLASH、不支持HTML5
2 E" `: W! e# F# M. Q4 D. T9、多个全景图漫游生成多级碎片:支持FLASH、支持HTML5
% s7 u$ Q" ~* J# l/ B10、多个全景图漫游生成普通六面体图片:支持FLASH、支持HTML5
; y0 n' T$ C+ q( G  D& h/ S9 K- p! G0 n
MAKE PANO (MULTIRES) droplet.jpg
9 n0 r- E" u& t$ b/ ?% o凡是既支持FLASH,也支持HTML5的,在生成的文件夹里会有两套不同分辨率的图片。- [% F" Y( B2 |4 ~% g
电脑端浏览会自动调用六个碎片文件夹里的图片;而手机端则会自动调用六个名为mobile_*的六面体图片。多级碎片的每块碎片图片为512X512像素;手机端的六面体每个面的图片为1024X1024像素。
# i/ u  M# y0 F4 z( i8 ?, h/ Y7 b' A) P1 G# m5 m5 ?

+ S3 A& U/ D8 Y1 i$ H+ g1 r+ G krpanotools-1.16.9-win32.zip (21.8 MB, 下载次数: 835)
鱼眼龙 | 2015-5-5 07:55:58 | 显示全部楼层

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

9 @) M; G; d! [$ J6 a
以一组全景图的漫游VTOUR MAKER为例,KRPANO自动生成的vtour文件夹会放在原全景图相同的目录中。打开vtour文件夹,里面有这样一堆文件夹和文件:/ L9 p' p. E, [
文件夹内容1.jpg ! [; A: P; c( Z" i
上图红箭头所指的是漫游编辑器。7 o$ Q  C3 g, j# H8 n1 B1 S
3 m3 s3 P/ A( Z- u  z

0 B" d  V5 m6 [$ e8 ]# ?1、打开编辑器,呈现的是如下的情景:
- f# \# t! n" \ 选择初始视角.jpg 4 N2 u4 y. O7 y2 U" {
上图的编辑器菜单第一项,是“选择默认初始视角”。7 {+ M) y5 h8 h5 P- ^3 q
方法:转动全景图,至你所需要的视角(还可以调整放大缩小),满意之后,点击这个按钮。
3 I4 ~+ j/ k  @0 Y: m! j, a* y7 ]
- H6 ]% p; Z, b8 N* P: ]$ E+ K6 y. j
2、设置漫游链接路线(设置跳转热点): O. n1 v+ w9 w  V( Z1 z
下图的步骤分别是:
) g1 F& @; Z9 r5 I2 K) a! w       1)点击热点设置按钮, s$ ?/ U, j2 K% v  t* r
       2)鼠标拖拽黑色箭头至所希望的位置8 o& [; t% |/ l& u
       3)点击下拉菜单项“done”(完成)
+ m  e- l" K; ^- Y9 @( Y1 w 添加链接箭头.jpg 8 Z5 P+ U4 I! l+ K0 v
点击完成之后,会弹出下面的对话框。
# p  R6 S* o+ H2 T- M" X/ o% K2 v8 a! t3 @% h- M
3、选择跳转目标场景:$ ]* A3 R8 s6 }$ j! ?
在对话框中列出了一组全景图(本例仅处理了一个全景图,所以列表中只有一个)
3 Z4 e$ B$ e" N6 s4 c- r- L8 H* D) f+ e      1)点击希望跳转到的目标场景( M7 n1 M4 e- X9 `. I+ K" E
      2)点击done(完成)# [  A: e# J5 P1 V" T
选择链接目标.jpg : z+ s% W- A( y+ u

+ y& J! P( C9 q3 C! O9 @7 }* U4、把英文标题改成中文的
! L+ ?1 Q/ q2 C) z/ C0 A7 s全景浏览漫游的所有参数,都在vtour.xml这个文件中。
, A7 Z9 ?& R3 K- Q       1)点击xml文件编辑按钮
; ~8 s+ t3 i* i0 j$ w- D       2)修改组图标题
: R2 A) S2 r7 ]; q- I       3)修改单个场景标题0 Q. K4 S8 M! {
       4)保存修改之后的 xml文件" f8 w8 @0 j9 [7 d$ m9 b
修改组图标题.jpg
! }. L) \% D; U+ t9 b' q' V3 a  o  }  d( ?( Y1 l7 Z8 ]( _
具体的修改方法:2 m1 L( L) A1 j& |6 y
上图的第1步骤之后,会弹出下面这个 XML文件编辑器窗口。
& z/ O) g1 ^+ E. j         1)将默认的krpano网址标题修改成自己的中文标题
; T2 U  s! J6 y& ]0 x         2)一次修改一组漫游的各个场景标题  P1 \4 s1 P8 @' P8 x9 e/ Q
         3)修改完毕之后,点击“reload”(重新载入)
  C% G* ~! r. L7 H2 X; c% ]. [! J3 L 修改组图标题和场景标题.jpg
2 G$ F8 i9 M1 s+ L& @- f' Z$ \1 h3 i3 H- h
重新载入之后,你会看到编辑器界面左下角的英文,现在已经变成了中文。0 U! Y# A6 e3 S. U

$ g! ]4 r8 ^. K& h7 e( O$ N5、修改界面的默认显示方式
" x( K3 c  J$ }3 M浏览界面的默认缩略图索引、文字提示都是处于关闭状态的(FALSE)。
1 O+ S& w2 N5 t4 i0 C) h找到需要打开的项目,将 FALSE改成 TRUE。+ G+ C! Q6 o+ a! W: D; k9 z  f
举例如下:: ~. v8 V6 v/ i
         1)缩略图
2 U7 p/ L  Y$ ]+ U7 k4 Z         2)缩略图的文字提示
* Z- n- N9 |) x# t: N% S2 P         3)热点箭头处的文字提示
- f5 b) \0 D2 W' s, N 修改导航方式.jpg ; W7 B  Z3 D8 J1 z+ c
  Q/ |* F. C3 q" Q, j: `7 Z5 k
以上举例的3项修改为TRUE之后,重新载入再看就变成下图的模样了:
( ^: V4 \7 n# ?; e7 c- h9 j        1)缩略图一字排开(本案例仅处理了一个全景图,故仅见一个缩略图)
/ h( ~+ M% M" K& p/ m; x        2)在缩略图处,自动显示了你刚刚在vtour.xml里修改的场景中文标题
! P$ D1 h7 s* T5 \  S        3)当鼠标箭头游动到链接箭头,会弹出你刚刚在vtour.xml里修改的下一个目标场景中文标题
8 {& ^  s1 L, }% m  g% |# |) Z 修改后的效果.jpg 5 C) m0 S. x, H2 z8 A

: Z7 [% k/ d! z; N# I8 a  M) j( j3 I( z
在VTOUR文件夹内,有两个HTML文件,其中tour_editor.html是编辑器,刚刚在上面已经介绍完毕;另一个才是真正给你的读者浏览的网页文件 tour.html 。
  I% C$ u* e" D+ t- N上传到服务器之前,我们还需要做3件事:/ O9 g; [4 I, y4 s  z
       文件夹内容.jpg
8 g, t1 i6 v# w& c9 H5 `5 I      1)将网页标题修改成体现自己个性的,像自己公司名称如”四方环视文化艺术传播有限公司“、摄影师的名字如”丁丁“、场景名称如”西藏拉萨布达拉宫“等。本案改成了”北京慧空间全景摄影画廊“。中英文均可。+ \' Z9 t4 l7 z' d2 n
      2)将默认的文字编码UTF-8(国际通用),修改成 GBK(中文国标库),它能更好地支持中文繁简字体的显示。; [9 i  Y( x$ u1 ~1 o9 i* T
      3)最后,将修改完毕的tour.html的文件名,修改成网站能自动识别并打开的名称,最常用的是 index.html。
+ H+ p% J7 M$ s1 O% w' K 修改html标题.jpg
- R0 d$ ^4 g4 n/ L7 D4 i5 ^$ j- _! c# i# |2 z' {

6 a9 [: U* ^$ J; V1 `, V( n+ U将VTOUR文件夹内所有的文件夹和文件(编辑器除外)统统上传的网站服务器,然后就可以在电脑和手机上浏览全景图漫游了。9 o* @! [/ k" Q; c4 b( c
你也可以把网站生成二维码,用微信分享到你的朋友圈,让更多的人分享你的开心成果!
( {4 n. ], {$ Q6 R- H- U9 I( f9 R+ x+ p6 z% z/ U  h+ g! G
刚铁侠 | 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 | 显示全部楼层
迷糊中的清醒!恶补全景!/ J2 w' Z% e: x" w& I/ [( X
大美溪北 | 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文件夹内所有的文件夹和文件(编辑器除外)统统上传的网站服务器0 G( ^: K( K5 A6 Q
鱼老大,这个步骤怎么弄?

点评

如果你没有一台云服务器,而又主要是发布共享全景项目,云存储是一个比较好的选择,比如:阿里云oss、七牛、支持ftp托管的腾讯CDN存储,还有很多类似的低廉云存储服务可供选择。但在开始之前,最好了解网站基本知识  详情 回复 发表于 2016-1-15 11:14 PM
明海+ | 2016-1-15 23:14:39 | 显示全部楼层
photobyjerry 发表于 2016-1-15 21:56
6 d$ [* O( i' C% D% y% T将VTOUR文件夹内所有的文件夹和文件(编辑器除外)统统上传的网站服务器6 t' K; e9 L6 N" ]8 t2 b0 V5 e
鱼老大,这个步骤怎么弄?

# n6 M) N' G" j7 L如果你没有一台云服务器,而又主要是发布共享全景项目,云存储是一个比较好的选择,比如:阿里云oss、七牛、支持ftp托管的腾讯CDN存储,还有很多类似的低廉云存储服务可供选择。但在开始之前,最好了解网站基本知识,懂得如何发布一个简单的html网页。七牛云使用起来比较麻烦,缺乏可视化管理工具,阿里云oss和腾讯CDN存储都是不错的选择,且腾讯原生支持ftp功能同样有免费10gb的流量赠送。如果你愿意付费,也可以选择阿里云。
/ m% p% V1 l6 O. N2 j) S
: u0 [2 G5 S3 ^, @还有呢,如果你想绑定自己的域名自定义链接,那么你还得具有一个在国内完成备案的域名。
: R6 q9 T, u% A' b$ p+ j
photobyjerry | 2016-1-16 20:29:28 | 显示全部楼层
明海+ 发表于 2016-1-15 23:14
) S' N, s/ c' e如果你没有一台云服务器,而又主要是发布共享全景项目,云存储是一个比较好的选择,比如:阿里云oss、七 ...

* M) Z- d  g+ \谢谢明海的回复。这个看起来好麻烦,我只是想把漫游全景发布到网上,别人能浏览,就像上传全景图到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 ]7 ?$ x5 b, V' t/ K我去哪儿搞一个云服务器啊。
& G; H: S4 g' ^8 G8 i720云等平台上,那么多漫游场景,都是这样实现的吗?
: p9 A9 A( T- y9 s8 M
龙傲 | 2016-6-8 17:11:06 | 显示全部楼层
为什么我下载解压后内容跟楼主的图片差那么多啊,好像只能是全景跟六面体互转的话,貌似PTGui就能完成了?
7 Z, e  ~$ u. L* \

krpanotools x64

krpanotools  x64

1 w+ [  T8 Q4 m+ b% a( l
明海+ | 2016-6-8 17:33:33 | 显示全部楼层
龙傲 发表于 2016-6-8 17:11% J/ N! q' {: c8 s5 ^/ Z
为什么我下载解压后内容跟楼主的图片差那么多啊,好像只能是全景跟六面体互转的话,貌似PTGui就能完成了?+ e, e2 R4 p+ \! S) x+ E5 Z# M# ]
...

% A3 ?1 w  P; c你看你列表最下面那七个“MAKE ........”,那就是鱼老大说的那几个功能啊。
# e3 O* ~/ L1 O% d6 Q1 m; @" r- X
n87936 | 2016-6-25 15:14:35 | 显示全部楼层
终于找到组织了,好贴学习中......
$ b$ O; J& Q. T5 Y* O
ROC飞哥 | 2016-7-12 16:03:55 | 显示全部楼层
感谢 鱼眼龙 老师的分享!" v" K5 P# [7 q
我的全景拍摄学习,是一步一步跟着您走来的!
, B+ k( H* B! w  C# i' K
紅領巾 | 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
( W8 J( d8 [% p/ f如果你没有一台云服务器,而又主要是发布共享全景项目,云存储是一个比较好的选择,比如:阿里云oss、七 ...
0 J4 Y* d& w- w" C/ A
你好!怎么发布一个帖子可以访问这个html文件的?是直接发这个文件在服务器的目录地址么?还是。。。?网上百度了一下没找到答案。麻烦告诉一下,谢谢
明海+ | 2016-9-6 09:43:10 | 显示全部楼层
李木木 发表于 2016-9-6 00:13
! |" d: u- o7 P3 Q% v你好!怎么发布一个帖子可以访问这个html文件的?是直接发这个文件在服务器的目录地址么?还是。。。?网 ...

8 r' `4 o7 O& o* ]5 }$ s# c网址或域名+网站目录+页面文件名。(一般默认首页index.html/index.htm可以省略)
7 o  z8 V2 A1 O& W) t6 Z1 f" O0 j比如:https://pano.chinavr.net/360html/london/gbmuseum/index.htm. b: }% {; |* ^* R4 [
第一个是网站域名2 ~9 {$ V$ l: \: x$ |2 i5 P+ N8 R
  1. https://pano.chinavr.net/
复制代码
第二个是网站对应的域名绑定目录路径
: m$ i, W0 d( d7 o0 O$ W
  1. 360html/london/gbmuseum/index.htm
复制代码
3 S, [; f1 x3 A" @

/ M3 I4 M! N9 l- ]* O1 }
李大彬 | 2016-10-20 16:43:18 | 显示全部楼层
海哥,我也想问一下,比如我制作了一个1.html文件的全景图。: q" g+ ~) Y# ]1 @0 y
那怎么发表一个帖子就可以直接在帖子里面显示全景图的,就像全景论坛一样
8 `. i8 G' Z* ~" A, p5 M如果发布链接,比如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+ Y& P0 f8 D- x: R: _- d/ N/ }9 e
海哥,我也想问一下,比如我制作了一个1.html文件的全景图。
# j) Q# \: t( l3 x那怎么发表一个帖子就可以直接在帖子里面显示 ...

2 {2 c- G. Z9 T, R0 }; B 43c2841de0c2dc727cf243f8a904d9b3.png ( l' ?( `4 Z( `% [& @5 D
0bafad2ebee4308b842a5d2aa301181b.png 3 E+ P# G6 V5 q, o  W5 w8 `
21bcb730fe6f7303df1d5b46c69da2f1.png
4 W, A, A1 F# y3 O5 o
& p. J+ L4 w/ q8 T& n8 |; P无法加载?点此新窗口全屏浏览→https://www.ivrpano.com/ws/openPano/F2F6FC2B25FD93CA?sid=0
4 Q2 K' W7 R) Y  c# A6 ^/ t* X4 x
; |  L% j1 r, l) p+ z  J6 p- q7 o6 F* Y$ {6 W0 m% {$ ]  ]; v
微笑_jxF98 | 2017-3-31 12:23:19 | 显示全部楼层

$ [/ ?' I$ t6 d- \9 c6 C  W这个没玩过,学习一下,感谢分享。
微笑_jxF98 | 2017-4-7 16:45:03 | 显示全部楼层
学习了,感谢鱼老师分享
乐天开 | 2017-7-17 13:56:50 | 显示全部楼层
你们我问一下为什么我切片出来有水印啊 怎么处理啊
鱼眼龙 | 2017-7-17 15:03:17 | 显示全部楼层
乐天开 发表于 2017-7-17 01:56 PM2 |: y" J: j2 N+ F' k+ Z. L
你们我问一下为什么我切片出来有水印啊 怎么处理啊

' r+ s# d$ Y  U4 ]买了注册码注册一下就没有水印了。
momoann123 | 2021-2-8 16:11:34 | 显示全部楼层
楼主好人
momoann123 | 2021-2-9 15:35:16 | 显示全部楼层
为啥有权限???
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则