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

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

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

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

x
一直在用panorado作为本机的图片浏览器,从来也不去人家网站看看,今天偶然一看,嘿,人家早在半年前就出了一个html5的方案,并支持移动设备。立即照葫芦画瓢整一个试试。优点是全景矩阵合二为一,设置相当简洁,缺点就是还没有切片功能,图片太大时,访问有些问题,另外感觉锯齿比较严重。有萍果设备的请帮忙测试一下。
% V# s% H% ?/ bhttp://203.91.43.122/panorado/8 U* e0 ^8 a3 x) C/ c: `- P
无法加载?点此新窗口全屏浏览→http://203.91.43.122/panorado/
" F' ]' u0 p, S' b  ~0 f% R
共军吉普 | 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
! x6 r; g2 M6 [2 A安卓2.3糸统表示通过,坐草垫子上漫游。

6 ^& R& n& e( c% E2 R0 f为什么在ipad上看很卡呢? 而且尺寸好像也不对
夜里抽烟 | 2012-12-10 17:37:27 | 显示全部楼层
BH7NLJ兄,电脑上看没有什么锯齿,画面还是很好的,就是窗口小了点,另外好像移动不是很顺畅,我本机都是HTML5看的,流畅性很好,swf文件苹果用起来总归不舒服,支持移动设备还是没整通,呵呵
BH7NLJ | 2012-12-10 19:12:59 | 显示全部楼层
夜里抽烟 发表于 2012-12-10 17:37
% n3 n4 _$ ^9 s2 B7 L. E0 xBH7NLJ兄,电脑上看没有什么锯齿,画面还是很好的,就是窗口小了点,另外好像移动不是很顺畅,我本机都是HT ...

/ M0 z& _  `8 H6 y9 S" u7 }# K谢谢测试,估计卡是因为网速的原因.也有照片本身太大的原因,一个5MB左右的全景照片在手机上观看估计不会畅顺.这方面krpano的切片功能,zoomify的切片功能及微软的deep zoom都会好些.希望不久之后可以改进吧.
BH7NLJ | 2012-12-19 08:18:30 | 显示全部楼层
boney 发表于 2012-12-6 22:08
: T* P! k9 @- f, q有点问题,ipad好像无法控制,6•0系统
/ p. \2 x1 c3 e5 T4 J- i) R
做了些修改,请再测试一下。
jwleuro | 2012-12-21 14:32:21 | 显示全部楼层
未标题-1.jpg
8 Z5 [5 k8 u/ ]+ q6 h
hkaxiong | 2012-12-21 20:12:46 | 显示全部楼层
为何苹果不支持flash呢?
BH7NLJ | 2012-12-21 22:12:14 | 显示全部楼层
本帖最后由 BH7NLJ 于 2012-12-21 23:13 编辑
9 S5 @, L8 ~1 l& \! W3 a- |; F
jwleuro 发表于 2012-12-21 14:32

/ E/ y' f& j- H" j1 h( {4 f; _我用IE10及360极速浏览器没有这效果。不知你用什么浏览器?' I8 f6 {1 K" X1 G8 G+ ^# R
360截图-18081670.jpg
/ [& q: E$ i6 i+ W% `, E
BH7NLJ | 2012-12-21 22:13:48 | 显示全部楼层
hkaxiong 发表于 2012-12-21 20:12
1 w6 z/ E1 B9 k& G为何苹果不支持flash呢?
! \  U5 x: i7 [8 }0 B
萍果认为flash消耗资源吧,特别在手持设备上,资源是很紧张的。
jwleuro | 2012-12-21 22:39:00 | 显示全部楼层
BH7NLJ | 2012-12-21 23:02:32 | 显示全部楼层
jwleuro 发表于 2012-12-21 22:39
8 Y$ V) {: U( _/ \8 B俺的360极速还打不开,傲游云浏览器打开的,点击拖动后出现了上述的画面!

: S5 e8 a; x  n  Z遨游浏览器没用过,你可以试试谷歌浏览器或萍果浏览器,或者火狐浏览器。
jwleuro | 2012-12-22 23:14:53 | 显示全部楼层
BH7NLJ | 2012-12-24 22:26:35 | 显示全部楼层
jwleuro 发表于 2012-12-21 22:39 - n  Q; `8 L9 }: |0 l( T
俺的360极速还打不开,傲游云浏览器打开的,点击拖动后出现了上述的画面!
5 O! \2 q! I% ^% y1 u/ _. n
360极速打不开可能是因为你用了IE模式,那么你的电脑一定是XP系统,IE在8.0以下版本。
+ _2 {! A. b. T; O& \( P6 R( }其实,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 1 P: W8 {/ |/ y9 g0 W
俺可是在多年前就玩win7系统了(俺的虚拟机里还有早期的DOS系统、win3.X、win95、win98、winMe、最新的 ...

; v/ }8 f$ }1 Q9 q, X6 b! d% ~昨天下单在易迅买了4条8GB内存,249元一条,下午就涨价为279元一条。- R! p5 g( {* g" v
这二天拟整台专用电脑出来,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
7 Q/ L) |5 {7 y$ s+ n. J捣鼓影像必须要有一台较高配置的电脑,08年俺的知青战友们400多人的下乡40周年纪念聚会的摄影及后期DVD制 ...

  F( Q6 d% x3 \( U. u( J( u, eE3 1230V2可是四核八线程!!!配B75主板。我选用的是技佳B75-D3V,可上1600的DDR3内存条。
jwleuro | 2012-12-25 17:57:16 | 显示全部楼层
BH7NLJ 发表于 2012-12-25 15:21
# W6 Y! N' h. b8 d7 t( ~* u* q9 B$ nE3 1230V2可是四核八线程!!!配B75主板。我选用的是技佳B75-D3V,可上1600的DDR3内存条。
+ D4 j5 T( \5 i" c. l6 U* u
这是块小板,内存插槽只有二条啊!7 p: Y: c- M6 Z2 Q) p9 L

: C" u$ v8 l: o; u" _. n% I qqq.jpg ( E/ y3 z/ m+ K% ]
jwleuro | 2012-12-25 18:02:39 | 显示全部楼层
你应该选择这款才对!( N' j& a& F+ h

1 q% Q; A9 `: p! v* f( T! ]$ o qwqw.jpg ! T$ k: r: j' ^0 t
BH7NLJ | 2012-12-25 22:17:57 | 显示全部楼层
您一定看错了吧?B75-D3V是大板,B75M-D3V才是中板,我选的型号不带M。
Shao.JH | 2012-12-25 22:23:21 | 显示全部楼层
学习了
( V9 A& e& R- X. |% a' ^
jwleuro | 2012-12-26 06:14:13 | 显示全部楼层
chinacmy | 2013-1-7 09:07:27 | 显示全部楼层
hkaxiong 发表于 2012-12-21 20:12
/ {+ w0 X  z1 R% E' W7 X为何苹果不支持flash呢?
$ d1 G% S2 Z  ?# k
因为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
% @' F  z* h% I+ Y6 S1 m楼主可以考虑一下我的这个配置单,这块主板最大可以支持12条8G内存,支持双至强CPU,显卡为专业卡,总体性能 ...
4 b+ X- s% v: A3 ~  s9 J6 f
谢谢,东西是不错,可是这价格实在不能接受,俺那套机才花了3000出点头(不包括显卡,因为原来旧卡还能用),还没到你的零头。有你的价格,我可以整四台机了+ L5 X5 {+ U) o* \* \/ ]3 G  H+ g0 L
CPU E3 1230v2,1300(含风扇)
7 o: i2 ~0 y* J4 a# _, sRAM 4*8GB,996
8 X: M5 |0 A" j/ U0 ?主板 GA-B75-D3V,649
0 M. B( p, Z5 ~( ]硬盘 590
4 G1 P0 [2 G4 a2 s显卡及显示器,机箱及电源用原来旧的。光驱省略不要(旧的也还在)。
chinacmy | 2013-1-8 08:02:48 | 显示全部楼层
BH7NLJ 发表于 2013-1-7 21:51 / A5 K& q6 V+ `  o( S* ^  |- O0 C
谢谢,东西是不错,可是这价格实在不能接受,俺那套机才花了3000出点头(不包括显卡,因为原来旧卡还能用 ...
" x: K2 f4 x* l3 `% p* b5 ~
呵呵,这种配置拼接上百张的照片就会比较慢喽,还有一种办法,把多台低配置的电脑“整”成一台,每台分担一部分的运算处理任务,那样处理的速度会快点,有兴趣可以试试,你可以找微软的HPC软件,可以实现。
虾米碗糕! | 2013-1-10 09:09:56 | 显示全部楼层
在谷歌浏览器里 貌似图片打不开了。。
BH7NLJ | 2013-1-10 23:35:27 | 显示全部楼层
虾米碗糕! 发表于 2013-1-10 09:09 9 m0 B9 }$ C" Y. e* w
在谷歌浏览器里 貌似图片打不开了。。
  _7 x9 U1 @! F/ U' M/ A; F8 S
你的谷歌浏览器是什么版本?该不是很久没有升级了吧?
虾米碗糕! | 2013-1-11 11:17:33 | 显示全部楼层
本帖最后由 虾米碗糕! 于 2013-1-11 11:17 编辑
- W; G# ]! J: x
BH7NLJ 发表于 2013-1-10 23:35 2 i3 C1 h5 u6 n& ~: O6 q% P( _
你的谷歌浏览器是什么版本?该不是很久没有升级了吧?
$ g, k1 T! o- ^. Y0 @- {
今天 可以了,昨天也不知道是怎么回事,一直显示不了值得学习的作品 谢谢分享。。
江南一摄 | 2013-3-10 17:05:35 | 显示全部楼层
学习
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文推荐
热门排行