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

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

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

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

x
一直在用panorado作为本机的图片浏览器,从来也不去人家网站看看,今天偶然一看,嘿,人家早在半年前就出了一个html5的方案,并支持移动设备。立即照葫芦画瓢整一个试试。优点是全景矩阵合二为一,设置相当简洁,缺点就是还没有切片功能,图片太大时,访问有些问题,另外感觉锯齿比较严重。有萍果设备的请帮忙测试一下。
7 J3 b# u, \! T' m' g0 ohttp://203.91.43.122/panorado/
% M2 [3 {7 `/ J) F- p" W( P5 ^无法加载?点此新窗口全屏浏览→http://203.91.43.122/panorado/
2 D) i% J  @$ X+ x. j: ~- a* G; G
共军吉普 | 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. k4 D) e* u' p' N" Q. N
安卓2.3糸统表示通过,坐草垫子上漫游。
' G: F5 c) l" v
为什么在ipad上看很卡呢? 而且尺寸好像也不对
夜里抽烟 | 2012-12-10 17:37:27 | 显示全部楼层
BH7NLJ兄,电脑上看没有什么锯齿,画面还是很好的,就是窗口小了点,另外好像移动不是很顺畅,我本机都是HTML5看的,流畅性很好,swf文件苹果用起来总归不舒服,支持移动设备还是没整通,呵呵
BH7NLJ | 2012-12-10 19:12:59 | 显示全部楼层
夜里抽烟 发表于 2012-12-10 17:37 & P  ^6 }; S1 M2 M! v
BH7NLJ兄,电脑上看没有什么锯齿,画面还是很好的,就是窗口小了点,另外好像移动不是很顺畅,我本机都是HT ...
& M# m' F* N0 g4 p
谢谢测试,估计卡是因为网速的原因.也有照片本身太大的原因,一个5MB左右的全景照片在手机上观看估计不会畅顺.这方面krpano的切片功能,zoomify的切片功能及微软的deep zoom都会好些.希望不久之后可以改进吧.
BH7NLJ | 2012-12-19 08:18:30 | 显示全部楼层
boney 发表于 2012-12-6 22:08 " d$ t1 D5 d  u3 l$ I! u
有点问题,ipad好像无法控制,6•0系统

: N' {4 S' H2 U0 v& ^做了些修改,请再测试一下。
jwleuro | 2012-12-21 14:32:21 | 显示全部楼层
未标题-1.jpg . [- M* F8 u) C' ?7 g* Y0 l
hkaxiong | 2012-12-21 20:12:46 | 显示全部楼层
为何苹果不支持flash呢?
BH7NLJ | 2012-12-21 22:12:14 | 显示全部楼层
本帖最后由 BH7NLJ 于 2012-12-21 23:13 编辑 ! I1 M  H. n4 _* U: C
jwleuro 发表于 2012-12-21 14:32
! \0 {* b* W1 ]' h
我用IE10及360极速浏览器没有这效果。不知你用什么浏览器?
( m* R8 u: x8 E& X; F+ t* {7 D 360截图-18081670.jpg ! x5 {" {) Q& f4 F& M, X+ w
BH7NLJ | 2012-12-21 22:13:48 | 显示全部楼层
hkaxiong 发表于 2012-12-21 20:12
, B2 Z2 t- X" u为何苹果不支持flash呢?

; m% w2 `; q! S8 G8 f萍果认为flash消耗资源吧,特别在手持设备上,资源是很紧张的。
jwleuro | 2012-12-21 22:39:00 | 显示全部楼层
BH7NLJ | 2012-12-21 23:02:32 | 显示全部楼层
jwleuro 发表于 2012-12-21 22:39
3 U- m: c% B0 f俺的360极速还打不开,傲游云浏览器打开的,点击拖动后出现了上述的画面!

0 P; N: a) B" O( E& H遨游浏览器没用过,你可以试试谷歌浏览器或萍果浏览器,或者火狐浏览器。
jwleuro | 2012-12-22 23:14:53 | 显示全部楼层
BH7NLJ | 2012-12-24 22:26:35 | 显示全部楼层
jwleuro 发表于 2012-12-21 22:39 $ @. ?, b) F5 S
俺的360极速还打不开,傲游云浏览器打开的,点击拖动后出现了上述的画面!

2 i* H  r# I; r8 u$ y360极速打不开可能是因为你用了IE模式,那么你的电脑一定是XP系统,IE在8.0以下版本。
( {+ x/ X, o. q0 |4 ?- h其实,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   G3 d. U! \' `7 U
俺可是在多年前就玩win7系统了(俺的虚拟机里还有早期的DOS系统、win3.X、win95、win98、winMe、最新的 ...

* o' z2 {0 `! T, r% |: c4 [& b' Y昨天下单在易迅买了4条8GB内存,249元一条,下午就涨价为279元一条。3 }+ D) a- m' K: E+ ~) H  D
这二天拟整台专用电脑出来,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 ( R* \$ S; \; o' F" Z1 s8 A7 _- u
捣鼓影像必须要有一台较高配置的电脑,08年俺的知青战友们400多人的下乡40周年纪念聚会的摄影及后期DVD制 ...
$ k4 g$ J  D/ G- L. D. [
E3 1230V2可是四核八线程!!!配B75主板。我选用的是技佳B75-D3V,可上1600的DDR3内存条。
jwleuro | 2012-12-25 17:57:16 | 显示全部楼层
BH7NLJ 发表于 2012-12-25 15:21 : W! U1 W- K+ T& _, H& r3 E
E3 1230V2可是四核八线程!!!配B75主板。我选用的是技佳B75-D3V,可上1600的DDR3内存条。

: ?/ I# D% n" c. Q" q这是块小板,内存插槽只有二条啊!8 @' }, r7 L. c' W
4 Q: y9 L* I) w/ B, D* t6 E9 w
qqq.jpg 8 O, Y4 `+ [7 v! [
jwleuro | 2012-12-25 18:02:39 | 显示全部楼层
你应该选择这款才对!' |2 U+ V) j6 K- w: z6 D

, |( i: F2 F/ K- K" m- { qwqw.jpg   L5 t5 i( u! u7 e( T
BH7NLJ | 2012-12-25 22:17:57 | 显示全部楼层
您一定看错了吧?B75-D3V是大板,B75M-D3V才是中板,我选的型号不带M。
Shao.JH | 2012-12-25 22:23:21 | 显示全部楼层
学习了
$ i- w0 K) G2 c$ d8 W% J
jwleuro | 2012-12-26 06:14:13 | 显示全部楼层
chinacmy | 2013-1-7 09:07:27 | 显示全部楼层
hkaxiong 发表于 2012-12-21 20:12
( Q; f7 p2 H' c2 `% J7 }为何苹果不支持flash呢?
5 x; n: K1 w$ e& m
因为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   P7 \( @1 T9 B5 F& H
楼主可以考虑一下我的这个配置单,这块主板最大可以支持12条8G内存,支持双至强CPU,显卡为专业卡,总体性能 ...
: k. H8 Q% W$ F
谢谢,东西是不错,可是这价格实在不能接受,俺那套机才花了3000出点头(不包括显卡,因为原来旧卡还能用),还没到你的零头。有你的价格,我可以整四台机了! }; ]- a9 ~- M
CPU E3 1230v2,1300(含风扇)# S7 p! v. z# G) {) W: M# }2 D+ @
RAM 4*8GB,996
: p) c  ^  t% ^# }主板 GA-B75-D3V,649' C5 j1 \  z) E1 j0 i
硬盘 5900 }3 y2 E, e$ V; e0 i) v. W
显卡及显示器,机箱及电源用原来旧的。光驱省略不要(旧的也还在)。
chinacmy | 2013-1-8 08:02:48 | 显示全部楼层
BH7NLJ 发表于 2013-1-7 21:51
# i- o; U. w- g% T; U0 P4 L谢谢,东西是不错,可是这价格实在不能接受,俺那套机才花了3000出点头(不包括显卡,因为原来旧卡还能用 ...
2 ^3 z$ x4 F  e) B
呵呵,这种配置拼接上百张的照片就会比较慢喽,还有一种办法,把多台低配置的电脑“整”成一台,每台分担一部分的运算处理任务,那样处理的速度会快点,有兴趣可以试试,你可以找微软的HPC软件,可以实现。
虾米碗糕! | 2013-1-10 09:09:56 | 显示全部楼层
在谷歌浏览器里 貌似图片打不开了。。
BH7NLJ | 2013-1-10 23:35:27 | 显示全部楼层
虾米碗糕! 发表于 2013-1-10 09:09 , p: i$ O! ^) ]3 p+ ?
在谷歌浏览器里 貌似图片打不开了。。
2 v* b( g& m# ^
你的谷歌浏览器是什么版本?该不是很久没有升级了吧?
虾米碗糕! | 2013-1-11 11:17:33 | 显示全部楼层
本帖最后由 虾米碗糕! 于 2013-1-11 11:17 编辑 ) x* `4 O0 M8 L8 i
BH7NLJ 发表于 2013-1-10 23:35
! {: H! w7 Y* \你的谷歌浏览器是什么版本?该不是很久没有升级了吧?

2 x. E" {7 A3 _2 f( L! W8 N今天 可以了,昨天也不知道是怎么回事,一直显示不了值得学习的作品 谢谢分享。。
江南一摄 | 2013-3-10 17:05:35 | 显示全部楼层
学习
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文推荐
热门排行