今天要討論的,是如何做出 互動式的360度圖片旋轉。
(How to make a program that can do interactive 360 degree product views)
這個概念, 義信 是從 apple demo html5 的網站所得到。
各位可以前往 http://developer.apple.com/safaridemos/threesixty.php 觀看。
經由分析相關的程式碼,我們可以發現 apple 是採用 ajax相關語法,將多達80幾張圖片載入。
再根據現今所展示的圖片呈現出來,並配合使用者的操縱,更換呈現中的圖片。
分析可實現的方式後,我們把相關的步驟寫下。
1. 產生一個圖片陣列
2. 使用者操縱圖片,改變圖片的index
3. 呈現出圖片
在實際的程式寫作上,我們可以先用 UserInterface Builder,將相關的元件載入。
從元件庫拉入 Image ... 以Array 產生 Image Array
--------------------底下為英文版本----------------------------
Today we want to discuss is how to make a program that can do interactive 360 degree product views.
This concept is from apple's demo site for html5.
You can visit http://developer.apple.com/safaridemos/threesixty.php to check.
沒有留言:
張貼留言