---

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)



以上心得如有任何問題歡迎留言討論喔～～ ^^

--

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 49.217.16.214
※ 文章代碼(AID): #1MStd-09 (Soft_Job)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1450408446.A.009.html