好鍾意 360° 轉嘅產品展示，雖然係假 3D 由好多幅相組成嘅立體旋轉效果，轉起上黎比唔上影片或者 webGL 3D model 咁順暢，但可以好方便咁比人慢慢欣賞產品每個角度。只需要用HTML 同 javascript 就可以做倒依種互動效果，mobile-friendly 具兼容性。而相片組可以由 3D rendering 制作，或者用轉盤固定產品拍攝。我揾左一套相機嘅相片組，由 72 張相組成，夾埋 2MB 左右唔係太大。如果由jpg壓成webp，就可以壓縮到 700kB 以下。
{
"frame": 11,
"frames": 72,
"image": "canon_eos_1100D_011_600x400.webp",
"images": "canon_eos_1100D_0##_600x400.webp|01..72",
"path": "http://wp.chanchunghoi.com/wp-content/uploads/360product/images/",
"speed": 0.014
}
要將一組相片放喺 web 播放，我揾左 jQuery plugin Reel，然後再簡單寫成 wordpress plugin 形式就可以方便 customization 同 reuse 放入 post。透過 wordpress 以 shortcode 形式加入唔同嘅 parameters，依個 Reel plugin 除左可以做倒 360° 產品展示效果，類似嘅 360° panaramas 全景圖亦都啱用。
Reference: