全景图从拍摄到 online

全景图从拍摄到 online

Panorama, CSS3, Canvas, 3D 2015-11-04

• 拍摄设备
• 照片拼接
• 制做 3D Cube
• Demo

拍摄设备

电动自动全景云台 Gigapan + 鱼眼镜头 + 三脚架 + 单反

使用说明：

EPIC EPIC100 Manual

Pro Manual

 

照片拼接

上面提到的云台已经有图片拼接功能，若是云台不够好，也能够用如下工具进行图片的拼接

PTGui、PhotoShop

 

制做 3D Cube

 

标准 2:1 的全景图能够精确剪切为 6 张，使用 tree.js 能够制作纯 CSS3/Canvas 的 3D 全景图。

剪切工具 Pano2VR 能够把标准的全景图切为 6 张，可是非标准的全景图也能够进行剪切，最终生成 3D （Canvas，flash）。 

 

Demo

使用图片：

 

剪切图片

 

示例

 

来源 ：  http://vanessa.b3log.org/Panorama-photo-html