網頁創意設計 期末 web interactive art 長大吧!樹 網頁創意設計 期末 web interactive art 第一組 32 賴怡心
發想/動機: 我的發想分為兩個部分: 一、如何用簡單的技術來達到最棒的效果 二、酷樂宅要使用什麼外接導體比較有趣
導體部分我想很久,靈感來自小樽老師放的影片,影片中是利用水的流動性來當遊戲的搖桿,我喜歡水的靈活,你給他什麼形狀他就變什麼形狀,所以我決定使用水來做導體。 接著是如何利用水的流動性,顧名思義不能讓他是靜態的,因此直覺想到澆花這個動作,只要水柱不間斷就能形成通路,觸發酷樂宅。
呈現: 澆花 → 形成通路 → 遮罩上移 → 樹長大
需要的實體材料: 電線x2 自製盆栽的小土堆 可愛小瓶子 比土堆大一點點的透明盒子 酷樂宅x1 連接線 小葉子
製作方法: 1.小土堆放在盒子上,負極穿出小土堆,夾上小葉子 → 盆栽 2.正極一邊黏在小罐子,一邊接酷樂宅的”上” → 澆花器
安裝完成!
原理: 當澆花器的水(正極)流出碰觸到小葉子(負極)就形成通路。 若水柱不連續則無法形成通路
網頁素材: 1.白色遮罩 2.大樹
原理: 一開始用白色遮罩蓋住大樹的上半部,只露出小苗的部分。澆水後觸發 ↑ 白色遮罩向上移動,形成小樹成長為大樹的效果。 ↑
影片: 長大吧!樹
製作心得: 把「澆水 → 樹長大」這個需要花多年時間的過程變成立即見效,我覺得很興奮。我花最多時間在思考自己要做什麼,確定方向之後,先在腦海中演練整個製作流程,盡量先把可能遇到的問題解決,所以動手做沒有花很多時間,效果也滿好的。 最不滿意的是樹的成長過程,為了讓他長的自然,白色遮罩必須是不規則形狀又要完整遮住未長出的部分,花了我一番心力。 再來就是對位的部分,改了又改,最後到mac教室用不同的瀏覽器開又出問題,真是令人很沮喪,還好最後發現在IE可以正常運作,總算是鬆了口氣。 整體來說,我滿喜歡這個作品的!