网易办公室3d内景

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3996 天前的主题，其中的信息可能已经有所发展或是发生改变。

http://test.go.163.com/2013/1030/360demo5/?isappinstalled=0&from=timeline

在iPhone上看有神奇的效果。

然后有人知道如何实现的吗

第 1 条附言 · 2013-12-22 21:47:43 +08:00

在iPhone 或 iPad上面看，改变设备的朝向或者仰角倾角，图片中的视角会自动跟着变化。

iPhone

内景

14 条回复 • 1970-01-01 08:00:00 +08:00

est

2013-12-22 20:45:48 +08:00

拼图质量很渣啊。。不过为创意赞一个。要说做的话，G+都能做。

2013-12-22 21:02:11 +08:00

花花草草还不少

garipan

2013-12-22 21:10:09 +08:00

巨硬的软件 photosynth

gfreezy

2013-12-22 21:46:45 +08:00

@est @garipan 在iPhone 或者 iPad上面看，移动设备的时候，视角会自动跟着变化。

fanzeyi

2013-12-22 22:07:46 +08:00

Android 自带照相机不就有这功能...

garipan

2013-12-22 22:16:58 +08:00

@fanzeyi 自带的那个烂到几乎不可用的程度……………………还是photosynth比较合适

ChiangDi

2013-12-22 22:49:56 +08:00

不錯，好神奇

hanes

2013-12-23 01:06:25 +08:00

http://umedia.oeeee.com/pano360/20131127ljc/ljc2.html 同时很多张不同角度照片拼接而成。

sedgwickz

2013-12-23 10:25:04 +08:00

360度全景展示，用6张图片拼接而成。
可以参考这个链接：http://code4app.com/ios/360-Degree-Panorama/50b2d9696803fad36c000000

gfreezy

2013-12-23 11:00:12 +08:00

@sedgwickz @hanes 这几个链接里面的效果是需要手动用手指去控制方向，网易那个只需要调整iPhone的朝向，视角会自动改变，不需要用手指操作

dorentus

2013-12-23 11:03:29 +08:00

楼主想要知道在移动设备上视角随设备倾角变化是如何实现的？

Google html5 gyroscope

doublleft

2013-12-23 17:28:18 +08:00

有一个原生的API叫deviceorientation，html5新属性，返回的3个参数可以描述设备在空间自身的位置状态。可以根据x和y轴获得设备方向，然后在用css3的transform:rotate对图片进行转轴实现伪3D。

API介绍：http://www.w3.org/html/ig/zh/wiki/DeviceOrientation%E4%BA%8B%E4%BB%B6%E8%A7%84%E8%8C%83

JoyNeop

2013-12-25 01:56:49 +08:00 via iPad

500 了。。

fdsfsdfsdf3334

2013-12-31 19:50:42 +08:00

打不开了