支持无级缩放的360展示技术实现之一

两种技术路线

本节介绍展品360展示的两种技术路线，对比其特点。

一、定义即用途

 本文所讲的360展示是指用于产品或商品展示的Web浏览方式，它不是以下技术：

 360实景：例如谷歌街景，这种技术是观察点在固定点旋转，将拍摄的全景图实现Web互动。
360展示则是观察点固定不动，观察对象绕自身轴线旋转的过程。

360展示可用于虚拟博物馆的网上藏品展示，也可用于电商对自己产品的直观介绍。

无级缩放的360度展示，可使用户直观了解展品细节。所谓百闻不如一见、百文不如一图嘛！

 

要实现展品的360度无级缩放的Web展示，有两种技术实现思路：

其一：三维建模+实时渲染

其二：360度旋转拍摄+交互回放

 

二、三维建模+实施渲染

第一种思路在建模和展示都需要比较高的代价。

这种方式先用三维建模工具构建三维模型和场景，然后将其转为适合前端浏览器浏览的格式。在浏览器端，利用内置的webGL或通过专用插件（例如Unity）加载三维模型，响应用户的交互指令（切换视角、观察点），实时渲染出画面。

三维建模可以是三维扫描自动建模或者人工建模。它们最终的成果都是为了得到目标实体的带表面纹理贴图的三维模型数据。

人工建模指通过三维建模软件（3D Modeling Software），在参照实物照片、相关数据的基础上对实物的空间结构进行三维化复原，

并通过纹理贴图（Texture）使三维化数据具有贴近真实物体的质感与效果。

人工建模存在两个问题:

其一：当增加新的藏品，只有专业人士才能完成新藏品的建模工作。

其二：精细度低的模型可以获得流畅的交互体验，但难以获得藏品的真实观感；精细度高的模型可以逼近藏品真实观感，但需要用户终端具备较高的硬件运算能力。无法适应更广范围的互联网用户。

 

三维扫描则是通过设备完成多角度光学和距离采集，软件运算出目标对象表面的空间位置及纹理信息。

目前民用级别的扫描设备精度仍然差强人意，例如利用家用游戏机体感采集设备Kinect的X探测和光学感知，可以获得物体的三维模型。

访问地址：http://babylonplayground.azurewebsites.net/monkey.html

 

 

对三维建模方式的特点总结如下：

建模工具	3dMax、 Maya
浏览工具	Unity3D插件、WebGL
优点	效果连续、可自由漫游场景或以任意视角观察物体
缺点	对用户端显卡性能要求较高 要获得精致的细节、建模成本较高

 

三、实现思路之拍摄+回放

360Rotation 在技术实现上有点类似于360实景，所不同的是360实景是观察角度在转动，而360旋转则是：观察点和角度不动，让被观察对象旋转。

如果说360实景是用来表现观察点身处场景内的景象，360旋转则是观察点位于观察对象之外，让对象自身转动，呈现不同角度的外观。

两种技术都可以应用于博物馆展览，360实景适合展厅漫游，而360旋转则适合表现单件藏品。

 

通过转台+近距离高清拍摄，360旋转可以实现比现场更清晰的web展示，还有一点是现实展览做不到的——看背面。

这种方法不需要进行三维空间实体建模，只需要根据展示需求，拍摄一组精细影像，将这组影像进行批量预处理，之后辅以前后端的交互实现即可。

它的优势是加工成本低，浏览真实度最高，支持从各个角度以无级缩放的观察藏品，既可以展示藏品全貌，也可以展示藏品细节。