Fw: [心得] Theta S 全景相簿實作

看板Web_Design作者 (Windows)時間9年前 (2015/12/18 11:14), 編輯推噓2(200)
留言2則, 2人參與, 最新討論串1/1
※ [本文轉錄自 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) 以上心得如有任何問題歡迎留言討論喔~~ ^^ -- -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 49.217.16.214 ※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1450408446.A.009.html ※ 發信站: 批踢踢實業坊(ptt.cc) ※ 轉錄者: Linux (49.217.16.214), 12/18/2015 11:14:48

12/18 23:55, , 1F
厲害!
12/18 23:55, 1F

12/20 13:46, , 2F
cool
12/20 13:46, 2F
文章代碼(AID): #1MStegXu (Web_Design)
文章代碼(AID): #1MStegXu (Web_Design)