[心得] Theta S 全景相簿實作
Hi all,
週末輕鬆一下,分享一下最近在玩的東西:)
Demo: https://www.ioa.tw/Develop/F2E-Theta-S-360.html
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.145040
8446.A.009.html
推
12/18 13:12, , 1F
12/18 13:12, 1F
推
12/18 16:45, , 2F
12/18 16:45, 2F
→
12/18 19:38, , 3F
12/18 19:38, 3F
推
12/18 21:19, , 4F
12/18 21:19, 4F
→
12/19 14:36, , 5F
12/19 14:36, 5F
推
12/19 16:42, , 6F
12/19 16:42, 6F
推
12/19 21:54, , 7F
12/19 21:54, 7F
→
12/21 16:41, , 8F
12/21 16:41, 8F
※ 編輯: Linux (123.51.221.44), 09/01/2017 16:31:39
※ 編輯: Linux (220.133.42.231), 05/02/2019 16:22:37