交年终作业了-用html5做的全景漫游演示

[复制链接]
查看77220 | 回复38 | 2012-12-6 02:06:07 | 显示全部楼层 |阅读模式

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

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

x
一直在用panorado作为本机的图片浏览器,从来也不去人家网站看看,今天偶然一看,嘿,人家早在半年前就出了一个html5的方案,并支持移动设备。立即照葫芦画瓢整一个试试。优点是全景矩阵合二为一,设置相当简洁,缺点就是还没有切片功能,图片太大时,访问有些问题,另外感觉锯齿比较严重。有萍果设备的请帮忙测试一下。
+ s( L0 C9 E5 D& \2 w8 mhttp://203.91.43.122/panorado/
7 }. C4 l. t! W; @! h; ]' y+ v无法加载?点此新窗口全屏浏览→http://203.91.43.122/panorado/4 ]7 V9 n! e1 l5 v
共军吉普 | 2012-12-6 08:11:13 | 显示全部楼层
墨有苹果,沙发了再说。
鱼眼龙 | 2012-12-6 09:25:47 | 显示全部楼层
也木有苹果,板凳了再说。
BH7NLJ | 2012-12-6 10:13:16 来自手机 | 显示全部楼层
安卓2.3糸统表示通过,坐草垫子上漫游。
古德曼 | 2012-12-6 13:51:27 | 显示全部楼层
木有苹果路过帮顶再说
gong | 2012-12-6 14:31:16 | 显示全部楼层
boney | 2012-12-6 22:08:57 | 显示全部楼层
有点问题,ipad好像无法控制,6•0系统
guonaldo | 2012-12-7 17:51:17 | 显示全部楼层
太棒了 html5
xmgss | 2012-12-7 18:09:25 | 显示全部楼层
路过看看
guonaldo | 2012-12-7 21:49:11 来自手机 | 显示全部楼层
BH7NLJ 发表于 2012-12-6 10:13
0 [4 U3 Z/ Q. ^5 w安卓2.3糸统表示通过,坐草垫子上漫游。
0 q1 b0 R* i7 u5 `, r( ?
为什么在ipad上看很卡呢? 而且尺寸好像也不对
夜里抽烟 | 2012-12-10 17:37:27 | 显示全部楼层
BH7NLJ兄,电脑上看没有什么锯齿,画面还是很好的,就是窗口小了点,另外好像移动不是很顺畅,我本机都是HTML5看的,流畅性很好,swf文件苹果用起来总归不舒服,支持移动设备还是没整通,呵呵
BH7NLJ | 2012-12-10 19:12:59 | 显示全部楼层
夜里抽烟 发表于 2012-12-10 17:37
8 H" N& e1 u/ K! t9 m/ a: j4 P6 NBH7NLJ兄,电脑上看没有什么锯齿,画面还是很好的,就是窗口小了点,另外好像移动不是很顺畅,我本机都是HT ...

+ y4 e- Z: b$ E9 |( v谢谢测试,估计卡是因为网速的原因.也有照片本身太大的原因,一个5MB左右的全景照片在手机上观看估计不会畅顺.这方面krpano的切片功能,zoomify的切片功能及微软的deep zoom都会好些.希望不久之后可以改进吧.
BH7NLJ | 2012-12-19 08:18:30 | 显示全部楼层
boney 发表于 2012-12-6 22:08 " ^8 L0 \5 u* j- s
有点问题,ipad好像无法控制,6•0系统

6 K& |1 R& u! Y$ K$ @做了些修改,请再测试一下。
jwleuro | 2012-12-21 14:32:21 | 显示全部楼层
未标题-1.jpg
/ I4 Z7 y) J5 u; ~" Q9 c2 o1 h
hkaxiong | 2012-12-21 20:12:46 | 显示全部楼层
为何苹果不支持flash呢?
BH7NLJ | 2012-12-21 22:12:14 | 显示全部楼层
本帖最后由 BH7NLJ 于 2012-12-21 23:13 编辑   U5 E7 q2 S/ g; b5 R
jwleuro 发表于 2012-12-21 14:32
; j# K+ _% t& y9 d2 Q& N# ~( O5 M
我用IE10及360极速浏览器没有这效果。不知你用什么浏览器?
! a2 R2 r3 D* h! O9 v. `8 H. Y 360截图-18081670.jpg / o+ O9 K. Z: ^/ M; x" J
BH7NLJ | 2012-12-21 22:13:48 | 显示全部楼层
hkaxiong 发表于 2012-12-21 20:12
% ^, i7 y0 Q7 ?8 W" i; Y( Z) _为何苹果不支持flash呢?

$ H- C) W& B1 _+ r$ i9 ~. a8 e  v萍果认为flash消耗资源吧,特别在手持设备上,资源是很紧张的。
jwleuro | 2012-12-21 22:39:00 | 显示全部楼层
BH7NLJ | 2012-12-21 23:02:32 | 显示全部楼层
jwleuro 发表于 2012-12-21 22:39
9 Y: b" s2 u3 v' W, j4 |俺的360极速还打不开,傲游云浏览器打开的,点击拖动后出现了上述的画面!

  @7 h9 J; H& L0 u. k遨游浏览器没用过,你可以试试谷歌浏览器或萍果浏览器,或者火狐浏览器。
jwleuro | 2012-12-22 23:14:53 | 显示全部楼层
BH7NLJ | 2012-12-24 22:26:35 | 显示全部楼层
jwleuro 发表于 2012-12-21 22:39 ' n3 z0 S2 P( G
俺的360极速还打不开,傲游云浏览器打开的,点击拖动后出现了上述的画面!

4 V. _" R* r+ Y- R. T( Z360极速打不开可能是因为你用了IE模式,那么你的电脑一定是XP系统,IE在8.0以下版本。  V2 g7 G/ p2 s4 X
其实,360极速浏览器是双核的,你可以换用chrome模式即可。这也就是谷歌的核心。
jwleuro | 2012-12-24 23:19:42 | 显示全部楼层
大山 | 2012-12-25 12:14:32 | 显示全部楼层
没apple,用安卓4.1.1+360游览器试了下,加载9s出画面,未全屏与全屏状态下有效画面不能撑满屏幕,很卡,操作极不灵便
BH7NLJ | 2012-12-25 12:43:27 | 显示全部楼层
jwleuro 发表于 2012-12-24 23:19
0 g9 a* d3 Y: D8 W, o, M" `9 w6 \俺可是在多年前就玩win7系统了(俺的虚拟机里还有早期的DOS系统、win3.X、win95、win98、winMe、最新的 ...

5 U0 g) U3 o: E昨天下单在易迅买了4条8GB内存,249元一条,下午就涨价为279元一条。' |6 `" F$ d5 K
这二天拟整台专用电脑出来,CPU用E3 1230V2,i5的价格,i7的性能。
jwleuro | 2012-12-25 14:04:12 | 显示全部楼层
BH7NLJ | 2012-12-25 15:21:38 | 显示全部楼层
jwleuro 发表于 2012-12-25 14:04
- n8 R7 r% x' a- P2 d% u( x捣鼓影像必须要有一台较高配置的电脑,08年俺的知青战友们400多人的下乡40周年纪念聚会的摄影及后期DVD制 ...
8 S$ u, h# ~2 ?/ ~% i4 q! W
E3 1230V2可是四核八线程!!!配B75主板。我选用的是技佳B75-D3V,可上1600的DDR3内存条。
jwleuro | 2012-12-25 17:57:16 | 显示全部楼层
BH7NLJ 发表于 2012-12-25 15:21 . M7 e% p% T6 N
E3 1230V2可是四核八线程!!!配B75主板。我选用的是技佳B75-D3V,可上1600的DDR3内存条。
$ H6 m$ h3 ]0 p% y' ^, d1 i
这是块小板,内存插槽只有二条啊!
) K7 }* r% d. ~. ?; P
2 B) H2 U- u) _# {' G+ ^ qqq.jpg ; ^$ f+ l7 l8 e3 x2 e
jwleuro | 2012-12-25 18:02:39 | 显示全部楼层
你应该选择这款才对!2 e! I! k$ U# E) M

" K1 a: H) @1 y* [! ? qwqw.jpg 5 |. ~0 G6 B; Q. I, f+ y; r2 K3 r7 T
BH7NLJ | 2012-12-25 22:17:57 | 显示全部楼层
您一定看错了吧?B75-D3V是大板,B75M-D3V才是中板,我选的型号不带M。
Shao.JH | 2012-12-25 22:23:21 | 显示全部楼层
学习了
6 j- r( {0 a7 G0 Z
jwleuro | 2012-12-26 06:14:13 | 显示全部楼层
chinacmy | 2013-1-7 09:07:27 | 显示全部楼层
hkaxiong 发表于 2012-12-21 20:12 , p& q7 g( o" e  l4 E
为何苹果不支持flash呢?

( `" u/ o# n/ H因为FLASH已经被很多软件厂家抛弃了。
chinacmy | 2013-1-7 09:40:10 | 显示全部楼层
楼主可以考虑一下我的这个配置单,这块主板最大可以支持12条8G内存,支持双至强CPU,显卡为专业卡,总体性能还是不错的。
无标题.png
BH7NLJ | 2013-1-7 21:51:55 | 显示全部楼层
chinacmy 发表于 2013-1-7 09:40 " k- h" }; Q. L
楼主可以考虑一下我的这个配置单,这块主板最大可以支持12条8G内存,支持双至强CPU,显卡为专业卡,总体性能 ...
& Z4 q( s- v6 L
谢谢,东西是不错,可是这价格实在不能接受,俺那套机才花了3000出点头(不包括显卡,因为原来旧卡还能用),还没到你的零头。有你的价格,我可以整四台机了! E; @( [. |- z$ x
CPU E3 1230v2,1300(含风扇)
( v: e3 [- u$ W9 ]: k6 TRAM 4*8GB,996$ U8 ?# ]2 C0 \" H% a8 O* K2 t
主板 GA-B75-D3V,649+ a5 q. G7 i! V" ]' a+ V5 Q$ C( Q
硬盘 590
) \9 y+ ^: q9 V+ o显卡及显示器,机箱及电源用原来旧的。光驱省略不要(旧的也还在)。
chinacmy | 2013-1-8 08:02:48 | 显示全部楼层
BH7NLJ 发表于 2013-1-7 21:51 7 N1 A+ x. a( |7 j: r" O
谢谢,东西是不错,可是这价格实在不能接受,俺那套机才花了3000出点头(不包括显卡,因为原来旧卡还能用 ...

0 s0 B5 P0 M9 C) T9 g呵呵,这种配置拼接上百张的照片就会比较慢喽,还有一种办法,把多台低配置的电脑“整”成一台,每台分担一部分的运算处理任务,那样处理的速度会快点,有兴趣可以试试,你可以找微软的HPC软件,可以实现。
虾米碗糕! | 2013-1-10 09:09:56 | 显示全部楼层
在谷歌浏览器里 貌似图片打不开了。。
BH7NLJ | 2013-1-10 23:35:27 | 显示全部楼层
虾米碗糕! 发表于 2013-1-10 09:09 + Q, X! `+ E$ k9 ^6 o( h) Y
在谷歌浏览器里 貌似图片打不开了。。
7 C1 ~1 f) R7 H- P, V
你的谷歌浏览器是什么版本?该不是很久没有升级了吧?
虾米碗糕! | 2013-1-11 11:17:33 | 显示全部楼层
本帖最后由 虾米碗糕! 于 2013-1-11 11:17 编辑 ; w0 l% i1 G# t
BH7NLJ 发表于 2013-1-10 23:35 6 k" y& d( B. Z1 l, z1 n
你的谷歌浏览器是什么版本?该不是很久没有升级了吧?
% O- `0 |/ f7 K+ S  x
今天 可以了,昨天也不知道是怎么回事,一直显示不了值得学习的作品 谢谢分享。。
江南一摄 | 2013-3-10 17:05:35 | 显示全部楼层
学习
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文推荐
热门排行