本篇文章中嵌入了一個利用四張照片所組合而成的柵欄動畫。主要包括三部份：
- 照片合成的影格圖片。
- 黑色柵欄圖片。
- 控制程式。
上面這三部份都是利用我寫的 HTML5 柵欄動畫產生器所製作，製作好，除了可以單獨下載合成圖跟柵欄圖檔案，也可以下載合而為一的動畫網頁。
 |
| 柵欄動畫產生器截圖 |
本篇嵌入的即是動畫網頁原始碼中的主要內容，讓這篇文章，變成可看，又可以玩的動畫。
 |
| 柵欄動畫產生器製作的合成圖片 |
 |
| 柵欄動畫產生器製作間隙1的柵欄 |
程式會先自動移動黑色的柵欄一小段，移動時，可以看到輪流顯示原始的四張連續動作的照片，因為視覺暫留的現象，形成了動畫。
只要以拖曳的方式，將黑色的柵欄慢慢地水平移動，就可以看到動畫。
按完底下的按鈕，就可以讓隱藏的動畫圖片重新顯示，並供操作。
如何利用柵欄動畫產生器及現有的多張圖片或照片，製作自己的柵欄動畫呢？
有興趣可以參考另一篇文章：
相關文章
發表文章
沒有留言:
張貼留言