※ [本文转录自 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)
以上心得如有任何问题欢迎留言讨论喔~~ ^^