※ [本文轉錄自 Soft_Job 看板 #1MStd-09 ]
作者: Linux (Windows) 看板: Soft_Job
標題: [心得] Theta S 全景相簿實作
時間: Fri Dec 18 11:13:54 2015
Hi all,
週末輕鬆一下，分享一下最近在玩的東西：）
Demo: http://tinyurl.com/hv44fo6
GitHub: https://github.com/comdan66/ThetaS
先說！！ 這不是什麼廣告文 >"<
只是因為最近入手了一台 Theta S 360 全景相機，所以就寫了一個全景相簿！
一種.. 進階玩玩具的概念～
網頁前端呈現球狀的方式並且可以操控主要是參考這它！
https://github.com/shokai/theta-viewer.js
而 theta-viewer.js 裡面藉由
async.js、three.js、OrbitControls.js 這幾隻程式來實作
而我只是將它進一步的使用與改造而已..
(例如: 可以取得轉向後的座標存進資料庫.. 等)
至於後端的部分，我寫在另外一包專案裡
https://github.com/comdan66/360 其框架使用 CodeIgniter！
比較特別的是因為 360 圖檔較大，所以使用 AWS S3 作為儲存空間
因為檔案大，怕前端傳輸太久，所以這次加入 Tinypng(https://tinypng.com/)
作為壓縮圖片的方式，以減少圖片大小！
(原本用 https://compressor.io/ 但是處理時間花太久..QQ)
以上心得如有任何問題歡迎留言討論喔～～ ^^