2021年4月22日 星期四

Moiré Animation:柵欄動畫:手繪篇

2021年4月22日 星期四

2020年11月看了網路上看了 Brusspup 的 Animated Optical Illusion 影片,用 Inkscape 弄了個四格的柵欄動畫,然後以 LimeJS 寫了個 HTML5 的小工具,可以載入柵欄片跟動畫圖稿的檔案,在電腦或手持裝置上玩,程式放在我的 HTML5 FUN 網站中:

進入網站以後,找 html_animation ,按一下圖示即可玩。

動畫圖稿如果印出來,再把柵欄片印在透明片上,就可以像 Rufus Butler,Seder 的 "Scanimation Picture Book" ,拿在手上玩了:

不過,想想~用手繪的是不是更有趣呢?

於是我用 OpenSCAD 寫了個可以自訂柵欄片模型的小工具,只要將模型用 3D printer 印出來,就可以有一個既可以拿來玩,也能拿來當畫動畫的輔具。柵欄產生器放在 Thingiverse 的網站中,只要按一下右側上方的「Open in Customizer」按鈕即可自己線上設計:



底下這張手繪稿是利用四個影格的柵欄輔助所畫出來的:


看得出來是什麼動畫嗎?

哈~答案就在影片中:


2021.04.17 在力行國小進行了一場親子共學活動,講題是「不插電的魔幻動畫」,幫學員印柵欄片,印一片約 30分鐘,印了三十幾片,著實花了不少時間,不過,大家能玩得開心比較重要。當天的簡報在這裡:


錄了幾段影片,簡單地介紹一下原理及利用柵欄輔具手繪 Moiré 動畫的方法。

之一:玩玩看


之二:算算看,上面的動畫是由幾個不同的動作所組合而成的?


之三:想想看,黑色的柵欄片和手繪的圖稿之間的關係如何?


之四:畫畫看,有了鏤空的黑色柵欄當輔具,如何畫出動畫來:


Moiré 動畫除了可以動手畫,動手玩,也可以是一種表演活動的。當我們把多個動畫組合在一起,用來說故事可以增加更多趣味呢!


這是一個跨領域又有趣的活動,老少咸宜,滿不錯的!

相關文章






沒有留言:

張貼留言

 
雄::gsyan © 2009. Design by Pocket