全景圖從拍攝到 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